Html5中,canvas对象功能很强大,联想到Flash中的仿3D原理,有了一个主意。花了一会功夫,做了个简单的试验,把<Making Things Move>一书中的一个实例移植到JavaScript中,实现了简单的3D效果。
效果及源码可以看这里:
http://www.fluidea.cn/lab/html5/3D.html
当然,需要浏览器支持Html5,动一动鼠标可以看到效果。
walktree 发表于 2010-03-26, 10:50 PM
Html5中,canvas对象功能很强大,联想到Flash中的仿3D原理,有了一个主意。花了一会功夫,做了个简单的试验,把<Making Things Move>一书中的一个实例移植到JavaScript中,实现了简单的3D效果。
效果及源码可以看这里:
http://www.fluidea.cn/lab/html5/3D.html
当然,需要浏览器支持Html5,动一动鼠标可以看到效果。
walktree 发表于 2010-03-11, 9:00 AM
html5中,有趣的东西不少,比如video标签和ip定位功能,其中,以canvas最为有意思。
canvas和Flash中的graphics很相似,就像一个画板,支持动态绘制,由此带来了很多编程上的乐趣。
在mozilla的开发中心,有一系列的指南,学习起来非常方便。
https://developer.mozilla.org/en/Canvas_tutorial