Fluid idea for Life

随笔,杂记

使用Canvas仿3D效果

Html5中,canvas对象功能很强大,联想到Flash中的仿3D原理,有了一个主意。花了一会功夫,做了个简单的试验,把<Making Things Move>一书中的一个实例移植到JavaScript中,实现了简单的3D效果。

效果及源码可以看这里:

http://www.fluidea.cn/lab/html5/3D.html

当然,需要浏览器支持Html5,动一动鼠标可以看到效果。

Tags: html5, canvas

html5 canvas

html5中,有趣的东西不少,比如video标签和ip定位功能,其中,以canvas最为有意思。

canvas和Flash中的graphics很相似,就像一个画板,支持动态绘制,由此带来了很多编程上的乐趣。

在mozilla的开发中心,有一系列的指南,学习起来非常方便。

https://developer.mozilla.org/en/Canvas_tutorial

Tags: html5