PDA

View Full Version : virtual lane graphics for swimming with css3



ekw
March 5th, 2013, 11:05 AM
This is pretty cool, for certain values of cool: Someone figured out how to do the name graphic overlays like you saw in the Olympics using only CSS3. You can play with it if your browser supports this version of CSS.

http://xy-kao.com/projects/virtual-graphics-for-swimming/

smontanaro
March 5th, 2013, 12:23 PM
Cool indeed...

TRYM_Swimmer
March 5th, 2013, 01:27 PM
There are a number of cool things on that site.

arthur
March 5th, 2013, 01:38 PM
That is pretty cool for a school meet. The video is pretty good:
http://vimeo.com/58831734

habu987
March 5th, 2013, 03:52 PM
1) AWESOME!!
2) I think I'm gonna try to do this with my race videos from Zones in April--have someone film from the stands and then I'll play around with the coding afterwards.
3) Now I just gotta figure out how to make it so the outlay is on the bottom of the pool (like in the Olympics, when it looks like the swimmers dive on top of their name cards), rather than the top...

:D

ekw
March 5th, 2013, 09:13 PM
That is pretty cool for a school meet. The video is pretty good:
http://vimeo.com/58831734

Pretty darn impressive for a high school meet!