躲避障碍游戏设计

本文档针对一个躲避障碍游戏进行了类和流程的设计。

设计需求：

• 用户通过点击或键盘方向键来控制Player的左右（上下）移动
• 游戏过程中会随机出现奖品和障碍物，并以一定速度运动
• 当Player碰到奖品时增加Player的分数
• 当Player碰到障碍物时游戏结束
• 游戏结束时记录Player的分数（距离、时间）数据
• 游戏支持暂停、继续、重新开始等操作
• 游戏支持更换背景图片、Player头像、背景音乐播放
• 支持结束后分享游戏成绩等操作

根据游戏设计的需求，可能用到的模块（类）如下

• 障碍类
• 主角类
• 主控制器
• 游戏类
• 关卡类（本游戏不涉及）

障碍类(Obstacle)设计

属性

name	value
id	int,障碍身份ID
width	float,宽度
height	float,高度
speed	float,速度
type	string,障碍物类型:如prize,stone
position[left,top]	位置 left：距离坐标原点的left值；top：距离坐标原点的top值

方法

name	value
moveTo(position)	移动到指定位置，速度根据自身的speed值而定
destroy()	销毁，例如碰撞后或越过边界时销毁自身

事件

name	value
oninit	初始化时
ondestroy	销毁时触发销毁事件
oncollide	当碰撞时触发，如产生爆炸效果

游戏主角类(Player)设计

属性

name	value
playerId	int,Player身份，用于区分同时游戏时的其他player
uniqueId	string,Player唯一ID，用于区分其他player
playerName	string,Player名称
playerRoleId	int,Player角色ID
energy	int,Player能量值
score	int,分数
position	object,位置，包括left和top两个值，分别为相对于原点的距离

方法

name	value
moveUp(step)	向上移动，step为步数
moveDown(step)	向下移动
moveLeft(step)	向左移动
moveRight(step)	向右移动
changeEnergy(mount)	改变能量值，mount为正时增加能量值，为负则减少能量值
changeScore(mount)	改变分数，mount为正加分，为负减分
die	Player死亡

事件

name	value
oninit	实例化时触发，返回当前player对象
onchangeEnergy	改变能量值时触发
onchangeScore	改变分数时触发
ondie	死亡时触发

游戏主体类(Game)设计

假设Game只有一个CheckPoint,即只有一关。
属性

name	value
timer	object,计时器
gameElapseTime	int,游戏运行时间，以秒计时
gameSpeed	int,游戏运行速度，可以理解为背景运行速度
gameBackground	游戏背景图
gameMusic	游戏音乐

方法

name	value
setGameTime(seconds)	设置游戏运行时间
getGameTime()	获取游戏运行时间
setPlayerScore(playerId,score)	改变Player的分数
start()	游戏开始
pause()	游戏暂停
stop()	游戏结束
resume()	继续游戏
restart()	重新游戏
init(option)	初始化游戏，option:object.游戏属性对象

事件

name	value
ongamestart	当游戏开始时
ongamepause	当游戏暂停
ongamestop	当游戏关闭
ongameresume	当游戏继续
ongamerestart	档游戏重启

游戏控制类(Controller)设计

方法

name	value
init	初始化
bindLeft	function,绑定左移控制键
bindRight	function,绑定右移控制
bindUp	function,绑定上移控制
bindDown	function,绑定下移控制
existObstacle(position)	在position是否存在障碍物

属性

name	value
timer	控制器时钟

流程设计

要开始一个游戏需要先实例化一个游戏类

var game = new Game();

然后初始化game的各项属性:

game.init({
    speed:10,
    bg:"http://someexample.com/images/bg.jpg",
    music:"sample.mp3",
    playerId:"player1",
    uniqueId:"uid",
    obstacleSpeed:10,//障碍物移动速度
    obstacleDistance:200,//障碍物距离
});

在game.init方法中，初始化Game类、Player类和Obstacle类.
最后调用start方法开始游戏

game.start();

游戏初始化时，声明一个控制器接口对象，并执行控制器的init方法，在控制器中绑定控制键及事件处理程序。

var controller = new Controller();
controller.bindLeft("leftKey",function(){
    game.player.moveLeft();
});
//...

在控制器中加入一个timer，用来定时生成障碍并监听Player的位置。如果某个时刻，Player的位置存在障碍物controller.existObstable(player.position) == true，则认为Player与障碍物碰撞，判断障碍物类型，如果是prize则给Player加分player.changeScore(10)；如果是stone则结束游戏game.stop()，并触发ongamestop事件处理程序。
在ongamestop中可以定义接受后的动作，如：

• 记录Player分数（可以使用活动系统报名来实现）弹窗
• 转发微博
• 抽奖

---