由于使用了HTML5的canvas标签，必须使用支持HTML5的浏览器查看才能看到效果，另外由于动画是实时计算，计算量很大，你的浏览器CPU占用率会稍高，这是正常现象。经测试效果最好的是Safari浏览器，其次是Chrome和Opera，Firefox下速度很慢。
一、效果预览:
二、教程及原理如下转载请注明出处，谢谢
PDF版本下载(允许复制与自由传播，请保留作者与版权信息):
http://cdn.doctype.info/hellohtml5/blogger/pages/canvaswatersimulation/canvas_water_simulation.pdf
三、源代码
未经优化的代码可读性强
http://cdn.doctype.info/hellohtml5/blogger/pages/canvaswatersimulation/water.html
优化过的减少了函数和变量的数量，代码不易读
http://cdn.doctype.info/hellohtml5/blogger/pages/canvaswatersimulation/simulation.html
更多关于波的物理学
http://paws.kettering.edu/~drussell/Phys302/phys302.html