预览

技术栈

HTML5的新特性,canvas,他就像是一种可以被高速刷新的画板,配合特别的超时函数,每秒60帧的体验绝对远超flash.

其实canvas的操作并不是非常的方便,会涉及到大量xy计算和拼接的情况,如果有一些库可能会好很多。

本质上连续的操作其实是每隔xx秒就调用一个game总函数,在函数的内部去获取鼠标的位置来做出反应。 海阔的动画是依赖贝塞尔曲线的。 所有的食物实质上是依赖一个对象池的,当一个对象死去之后会再次进行池中被复活并赋予新的xy,可以很好的控制内存占用。

试玩地址