使用js与画布实现小型植物大战僵尸

相信大家对植物大战僵尸都不陌生，下面我们就利用js和画布来实现一个简易的植物大战僵尸。
第一步：首先得先找好素材，像图片这种这种素材随便去网上找一下就有了，然后给他分好类，主要有：卡片类，僵尸类，植物类等等。
第二步：
创建一个js把给这些图片创建路径如图这样：
然后再添加一些植物和植物卡片的信息就好了，细节的话自己去慢慢添加，这样最简单的一个js就写好了。
第三步：再创建一个js类里面主要包括阳光类，除草车类，每个类中都包含其类的基本信息，创建并初始化这些对象就可以了，这其中有一个类需要注意一下那就是子弹类要注意定义其坐标值，还包括动画类，要注意给不同的角色创建不同的动画序列，只有这样游戏才会足够的流畅。部分代码如下：
这里还有一点需要注意整个游戏的背景都是利用画布画出来的，具体的实现我把代码放在下面：
这个js中包含的东西会有一点多，建议再写的时候要好好的捋一捋，在角色类中我们要注意给僵尸和植物各一个基础属性，一级阳光的生成的定