扯蛋
做了两年的Nodejs全栈开发,不知道为什么跑来做游戏呢(大概是厦门nodejs不好找工作吧)。用的是网易的pomelo的游戏框架。现接手了一个棋牌游戏:二十一点,不懂的规则的可以自行百度。
二十一点游戏流程图
现状
接手了平台其他相关游戏的代码,流程控制相互交错,不易理解、难以维护。(可能是刚做游戏的原因,如果你们有什么更简单的流程控制方法,欢迎分享)。我下意识的就想到了Generator函数的特性,感觉用着这里非常方便(以前一直觉得这是个异步流程控制中过度性质的方法,并且需要配合co才能自动执行,所以基本没实际用过,koa不算...)
Js Generator函数实现流程控制的优点
1、易于理解、便于开发、容易维护(看到Generator函数犹如看到了流程图)
2、开发思路清晰(每个阶段(函数)只需要关注自己的业务逻辑,完成直接下一步,而不用管下一步要做什么操作)
3、不存在会忘记清除定时器的问题
简单说下Generator的执行流程
1、Generator函数执行后会生成一个Iterator。(注意不要加new)(简单说就是个有next方法的对象,执行一次返回一个值)
2、每次next的调用,执行yield后面的语句并返回该语句执行的结果
3、每次只执行一个yield,后面的语句不会再执行、只有在执行下次next函数时才执行。(可以利用这点做定时器的清理工作,而且可以说基本不会忘记)
4、yield* 可以将后面的变量(可迭代的变量,字符串、数组等)中的值一个一个的返回。执行一次返回其中的一个值
Js Generator函数完美实现流程图代码(部分)
class EsydProcess {
constructor(room) {
/**
* ...其他变量
*/
this.flow = this.flowGenerator();
}
*['flowGenerator']() {
yield this.betStage(); // 下注
this.betStageTimer && clearTimeout(this.betStageTimer);// 下注阶段完成后直接清除定时器。完全不用担心定时器没有被清理的情况
yield this.assignStage(); // 分牌
if (this.esydCard.getCardPoint(this.bankerCards[0]) === 1) {
yield this.ensureStage(); // 保险
this.ensureStageTimer && clearTimeout(this.ensureStageTimer);
if (this.esydCard.getCardType(this.bankerCards) !== CardTypes.BLACK_JACK) {
yield* this.operateStage(); // 操作
}
} else {
yield* this.operateStage(); // 操作
}
yield this.settleStage(); // 结算
}
*['operateStage']() {
// 通知进入玩家操作阶段
this.noticeChangeStage(esydConsts.gameStage.OPERATE_STAGE);
let players = this.players;
for (let uid in players) {
let player = players[uid];
// 操作第一副牌
yield this.changeOperatingPlayer(player);
player.getCurCardInfo().isStop = true;
this.operateTimer && clearTimeout(this.operateTimer);
if (player.isSperated) {
// 如果有一副牌,操作第二副牌
player.curCardsIndex = 1;
yield this.changeOperatingPlayer(player);
player.getCurCardInfo().isStop = true;
this.operateTimer && clearTimeout(this.operateTimer);
}
}
yield this.bankerOperate(); // 庄家操作
}
// 转到下个阶段
nextStage() {
process.nextTick(() => {
this.flow.next();
});
}
// 开始游戏
start(seats) {
/**
* ...
*
*/
// 第一次next,直接进入下注阶段。整个流程走完游戏结束
this.nextStage();
}
betStage(){
// 进入下注阶段
this.noticeChangeStage(esydConsts.gameStage.BET_STAGE);
/**
* 其他操作
*/
this.betStageTimer = setTimeout(() => {
this.betStageTimer = null;
// 超时,直接进入下一步。没有下注的玩家使用默认底注
this.nextStage();
}, esydConsts.stageTime.BET_STAGE);
}
assignStage(){
/**
* ...
* 分牌操作,完成直接下一步
*/
this.nextStage();
}
ensureStage(){
/**
* ...
* 各种操作,如通知客户端、开始超时定时器等。操作完后直接下一步就Ok了。只需要专注当前函数的功能,完成直接下一步
*/
this.nextStage();
}
// 监听用户下注操作
userBetOperateListener(uid){
/**
* ...
* 检查是否在下注阶段,不是不能下注、记录每个玩家下注等
*/
// 记录已下注的玩家
this.betedPlayers[uid] = true;
if (Object.keys(this.betedPlayers).length === this.seatCount) {
// 如果所有玩家都押注完毕,
this.nextStage();
}
}
/**
* 其他函数...
*/
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。