- From: Brian Blakely <anewpage.media@gmail.com>
- Date: Mon, 2 Nov 2009 19:41:20 -0500
Spinning Cube Example
Integrating 3D Media Type with Current Techniques
-----------------------------------------------------------------------
(note: the only significant difference between this and
currently implemented technology is the media type
and additional CSS properties suited specifically for
3D presentation)
<style>
* Static presentation for cube
</style>
<model id="cube" src="cube.xml" />
<script>
var cube = document.getElementById('cube');
var rotDegree = 0;
var rotation = setInterval(function() {
cube.style.WebkitTransform = "rotateY("+rotDegree+"deg)";
cube.style.MozTransform = "rotateY("+rotDegree+"deg)";
rotDegree+=15;
if(rotDegree === 360) {
rotDegree = 0;
}
}, 20);
</script>
Received on Monday, 2 November 2009 16:41:20 UTC