六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 98|回复: 0

html5支持3d技术了

[复制链接]

升级  48%

6

主题

6

主题

6

主题

童生

Rank: 1

积分
24
 楼主| 发表于 2013-1-29 13:39:16 | 显示全部楼层 |阅读模式
以前一直想用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

我是江奇
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表