HTML5网页游戏设计从基础到开发（第2版） 课件 第14章 雷电飞机射击游戏.pdf

HTML5网页游戏设计 —从基础到开发 第14章雷电飞机射击游戏 ·本章开发模拟雷电的飞机射击游戏，下方是玩家的飞机，用户按空 格键能不断地发射子弹，上方是随机出现的敌方飞机。玩家可以通 过键盘的方向键控制自己飞机的移动，当玩家飞机的子弹碰到敌方 飞机时，敌方飞机出现爆炸效果。 飞机大战 分数：0分 14.2设计思想 ·地图滚动的原 游戏开始后地图A向下移动 理实现 地图A与地图B同 时间下平消移动 当型过底边Y坐标 后重置当前坐标 为之箭地图A的Y 坐标 墨色区碳为屏 游戏开始后地图B向下移动 区域地图A 地图向时可 下滚动在屏慕 中将产生主育 飞机向前移动 的假象 图A的Y坐标 14.2设计思想 ·飞机和子弹的实现 · 游戏过程中每隔3秒添加一架敌机，玩家按空格键发射子弹并初始化其位 置坐标在玩家飞机前方。在定时事件中不断更新游戏背景图片位置，下 移5个像素，实现向下滚动效果，同时更新每发子弹位置每次上移1个像素 ,更新敌机位置(每次1个像素),最后检测子弹与敌机的碰撞。 ·这样在处理碰撞的时候其实就是每一颗子弹的矩形区域与每一架敌机的 矩形区域的碰撞。通过遍历子弹对象与敌机对象就可以计算出碰撞的结 果，从而得到碰撞的敌机对象并播放死亡爆炸动画。 14.3游戏关键技术——碰撞检测 矩形碰撞 · 圆形碰撞 · 像素碰撞 14.4程序设计的步骤 设计子弹类 设计飞机类 设计爆炸类 设计主程序 游戏页面