Fighter

the Fighter Game

By Payen S.Tsung

应用

面向对象
webpack 搭建环境
移动端touch事件
ES6 类、模块、解构赋值、模板字符串...
HTML5 画布 Canvas
HTML5 媒体 Media
HTML5 动画 requestAnimationFrame
HTML5 客户端本地存储 sessionStorage
装饰者模式：面向切面AOP
状态模式：状态机
发布-订阅模式/观察者模式
策略模式
资源预加载
对象池技术

特点

分数记录
武器升级
炸弹清屏
音乐、音效
游戏难度晋升
语言环境选项
间隔发射弹幕的boss
普通敌机精灵与智能敌机精灵
暂停游戏、重新游戏等控制

游戏简介

移动端2D飞行射击游戏

触摸飞机移动躲避敌机

道具：

炸弹（清屏，点触左下使用，上限3枚）
武器（20s强化，可叠加4次）

分数：

小型敌机精灵：100分
中型敌机精灵：1200分
大型敌机精灵：3500分

左上点触暂停

电脑版chrome 需要F12切换为移动端页面(调整为iphone6看起来更舒服)

移动端chrome 无法取消下滑默认浏览器移动事件在chrome://flags中可设置

Add:

智能敌机击落双倍的分（意味着并飞智能机出现可以使用炸弹炸分）
炸弹可以摧毁Boss的弹幕（沉默效果）
子弹击中Boss是有分数奖励的（7分/伤害），但使用炸弹没有分数奖励
当你的分数达到10w的倍数就会出现Boss
击败Boss后，游戏难度提升（精灵血量不会改变，变得是它们的速度，100w后非常难╮(╯▽╰)╭）
智能机隔一段时间发放，所以算好时间小心两边突然出现的横飞智能机
炸弹对于Boss的伤害 = 200固定伤害 + 武器等级 × 50 加成伤害
红色的子弹对敌机的伤害为2
如果在20s内没有吃到武器，那么武器就会变成最渣（运气也是游戏的一部分）
击杀Boss奖励分数：10000 + 2000 × Boss等级
当你处于屏幕下方，锁敌智能机的速度会非常快
暂停游戏是有惩罚的（因为派发敌机和武器持续时间是用定时器写的，暂停游戏，定时器不停）
游戏结束出现分数1s之后才能触摸屏幕回到主界面
我设置的游戏资源未加载完也可以进入游戏,所以可能会出现没有音乐等问题（谷歌会屏蔽部分音效）

（我一定不适合做游戏策划...）

开发日志

v1.1

修复了特殊情况开始游戏后卡死的bug
修复了在部分浏览器滑动冲突卡死的bug

v1.2

延长了道具精灵发放时间间隔
改变了武器机制，现在可以叠加武器道具并强化
增加了三种智能敌机精灵AI (横飞、并飞、锁敌)，击落双倍得分
修复了特殊情况下玩家精灵无敌的bug
修改了玩家精灵与敌机精灵的碰撞判定，使玩家更容易躲避
修改了音乐..
增加了boss系统

v1.3

削弱了横飞智能机的速度
boss出现周期变短
削弱了炸弹对boss的伤害及武器伤害加成
炸弹可以毁灭boss的弹幕
修改了游戏难度提升系统
部分性能优化