基于touchmove事件模拟水果忍者
在前面一篇博文中，我曾经说过可以使用移动JS的touchmove事件在移动浏览器中模拟水果忍者的实现。这几天我尝试写了一段代码，成功实现了这一效果。
代码如下：
代码依旧延续的是我一直使用的canvas处理架构，并且在Engin类中添加了对touchmove事件的处理：当touchmove事件所包含的手指数组中的元素的位置处于当前某个水果范围中时，将该水果标记为红色。由于本人不太擅长美工，所以水果一律用非红色的圆形代替，切到的水果用红色的圆形代替。
以上这段代码可以在Android 2.2以上系统的支持HTML5的浏览器中测试。本人使用的是小米手机（Android 2.3）的默认浏览器进行测试，效果良好，只是在手指快速滑动的时候会有较大的手指坐标的丢失。这是Android系统本身的问题，在本人之前分享的博文（http://select.yeeyan.org/view/213582/202991）中有所提及。相信在iOS中测试的效果会更佳。