html5支持3d技术了

以前一直想用javascript写一个3D相关的应用,后来也确实写了一个3D的立方体花了我两个星期时间,先在纸上又是画图又是计算,由其是三维变换和三维到二维的映射,死了不知多少脑细胞,但是由于html不支持斜线所以立方体都是由一个一个div组成的小方块来代表点阵

效果吗,当然可以看出来3d的效果了,但差强人意,现在html5出现以后就可以使用斜线把点连起来,效果就更好了,但是今天突然发现原来html5已经有3d变换的函数了,根本不需要自己再去写3d的变化原理了。

下面就是微软关于3d的演示,大家可以看一下它的强大,当然ie10以下不支持,用chrome的debug工具来测试,也可以给示例div的背影加一个图片,你会发现图片也是跟着变形的,这就使的三维的渲染也是可以做的。

http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_3d-transforms.htm

我是江奇

相关推荐