Wednesday, October 5, 2011

Jumping dice

...just playing around with some 3D in CSS.  This demo is designed for mobile devices in portrait mode, showing 4 dice with a life of their own, jumping on a rotating table.



The demo might not be very advanced, but still shows some of the power of HTML5, where just a few lines of CSS, HTML and JavaScript can get you far away from the usual "news article format" ;-)

Everything is "hand made" and the core of the demo consists of some simple nested JavaScript functions, injecting elements into the DOM to draw the cubes.

Although this demo was designed for the N9 in portrait mode, it should work on most browsers supporting CSS 3D.

Enjoy!

No comments:

Post a Comment