?
HTML5提供的canvas绘图具备较高的执行性能，可与javascript物理引擎结合，实现可响应外界输入扰动的响应动画。由于动画的每一帧都是实时运算获得，并且取决于扰动的输入，和模型之间的相互约束。因此它具有不确定性，伴随这种不确定性的趣味性，是传统由确定的连续帧组成的动画所无法带来的。
物理模型接近现实世界的响应，可以让用户观看到不同的输入，所引发的熟悉的各种响应。这种与预期一致的不确定性使用户获得愉悦的交互体验。ios界面的滑动惯性、愤怒的小鸟的重力和碰撞模型都具有此特点。
?
下面看看本作的视频效果：
http://v.youku.com/v_show/id_XODMyNzk3NTM2.html?
?
基本实现思路如下：
基本操作截图如下：
?
?
源码参见附件，下载后解压缩到web server下，
访问：http://localhost/vl/
就可试试效果了。
?
?
原文：http://chen4w.iteye.com/blog/2159351