制作h5游戏心得

做英语游戏的这个项目时，刚拿到手时，我的老师跟我说你去研究下html5，然后做下在网页上能实现连线题的游戏。
一开始我是直接上网找代码，然后就直接试着做。因为之前学过HTML和css的，那时在想应该都差不都，就是多了些标签，多了些功能。然后我是很快就能实现连线题，它是直接用上canvas标签，然后加上js的代码的专门对于canvas标签的语句实现了画线。
我一做出来就很老师讲了，他一看我这么快就能实现，他并让我接了英语游戏这个项目了。
我也知道了我的压力开始来了，因为我是实现了连线，但是我还没能实现做出判断还有很多的功能都没实现，只是单纯的会画线，而且是没规律的画线。后来我开始借书看，上网看些代码，自己开始试着做。刚开始我做出点击加移动在放开之后才能出现那条直线，我的同学和我说这样做不可以，最好做成和Flash的那种一样，能实现鼠标点击后脱出一条线跟着鼠标动到了目标点击后连成一条线。后来我开始继续学习，我开始做出鼠标点击后脱出一条线跟着鼠标画出线，但是我到了目标后不能实现成一条线，是跟着鼠标的路线画出的线。这之后这个做法还是不行，一定是要直线。我想了好几天，也上网查了很多的资料看了好多天，但是直接看别人做出来的成品代码我还是看不懂，还是不知道如何该实现。我想到是用到js中setInterval()【setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式】来实现，先让我画出来的线擦去，然后再画下一条直线，这样以一个快到眼镜察觉不到的速度把之前所画的直线都擦去，留下直接想要的最后个直线。在那后我做出了我想要的效果，但是实现了那效果后不是等于可以做游戏了，还有进行判断和实现最终游戏要的效果，所以我总结了