随着对canvas的深入了解发现canvas真是个恏东西,也发现android真烂哎!
最近在用canvas做小游戏,简单的跑酷类打地鼠类的小游戏做了一遍,今天先写一个打地鼠的制作心得
PS:以前用JS做過打地鼠的游戏,现在看看真心烂
首先我使用的是lufylufylegendd.js 1.9.1的版本(非常好用的引擎,强烈推荐)
在制作过程中先来分析打地鼠的游戏大概需偠那几个模块:1.老鼠这个对象。
2.游戏背景
3.开始及结束。
引擎提供loading效果当图片及js加载完毕后,删除loading效果进入开始界面。
time函数是通过时间来控制进度条的縮放通过scroleX来改变时间进度条的长短。
character函数创建对象通过对象的操控可以方便的对每个对象进行事件***。
当然要注意的是地鼠出现的位置不能重复我通过数组的方法,每次随机出现的位置与数组内做比较如果重复则重新随机数,不重复添加到数组中并对对象进行賦值。当打到地鼠的时候删除数组中的这个位置
当然这是对charaLayer这个层上的对象进行操作,canvas游戏特别要注意层的这个概念而且面向对象的思想也很重要。
在地鼠这个对象上要添加相应属性方便后续操作的判断。首先判断这个地鼠是否被打中我通过self.canClick属性来判断,若为false则没咑中改变速度,2秒后消失如果打中值为true,更换图片2秒后消失。
分数的加减在点击事件中很简单。
gameover时删除backLayer上所有层,增加一个层显示游戏结束。
游戏不难只要思路清晰,便很快能完成理解层的概念,面向对象的思想就OK了;