资源预览内容
第1页 / 共4页
第2页 / 共4页
第3页 / 共4页
第4页 / 共4页
亲,该文档总共4页全部预览完了,如果喜欢就下载吧!
资源描述
把讲的这些 js 案例,写他 5、 6 遍 ,前台方面的特效,没有难度自己的坦克 和 敌人的坦克非常类似:将公用的提取出来,让自己的坦克 和 敌人的坦克继承1. js 通过对象冒充 来实现 继承fillStyle 如果没有重新开启路径,就是用同一个样式让我们的坦克先发射一颗子弹思想:能动的,有逻辑的,都可以看做是一个精灵,通常设计为 类要想绘制子弹,要有绘制方法:确定子弹的位置:构造器尽量首字母大写: Enemy(); 子弹的位置和我们的坦克 密切相关让子弹飞一会儿setInterval() 如何让子弹有动的效果?每隔一定的时间,修改子弹的坐标,修改坐标后,按照新的位置重新显示,然后再每隔100 毫秒刷新画布,保证显示的只有一个子弹(根据最新坐标)发射一颗子弹后,在发射第二颗时,速度越来越快,而且第一课消失,因为现在只有一颗子弹,新的子弹把旧的子弹覆盖了解决问题:1. 越来越快:开启了多个定时器2. 发射第二颗时,第一课消失:只有一颗子弹每次发射就创建一个子弹对象,我们给每一个子弹对象创建一个定时器,并没有显示,所以我们每隔 100 毫秒刷新画布:碰到边界后,让子弹消失给子弹对象一个 属性(isLive)true ,一旦碰到别的坦克 或者碰到边界 ,false在绘制子弹的时候,判断一下子弹移动的时候,判断是否碰到边界:实现:1. 完善英雄坦克发射的子弹2. 让敌人的坦克能够随机移动0123arrlen-1 arrlen-1.run先每隔 50 毫秒 修改坐标(位置)-每隔 100 毫秒刷新画布让敌人的坦克能够移动给敌人的坦克对象绑定一个 run 方法,每隔 50 毫秒修改他们的坐标,刷新画布页面加载完毕的时候,我们就让敌人的坦克动起来run 方法只是修改的位置刷新画布的时候,才绘制坦克让敌人的坦克随机移动如何给敌人的坦克一个随机方向?1. 30 毫秒之后之后再让敌人的坦克随机移动2. 如何随机修改坦克移动的方向3. 判断:不能让敌人的坦克 和 自己的坦克出界
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号