【飞行棋】多人游戏-微信小程序开发流程详解( 四 )


3. 选择棋子
只有当玩家的飞机场里至少有两个都出发了,才是可以选择棋子的,
在game.js里写,是组件绑定是触摸事件方法(e),选择棋子的代码如下
if (this.data.isEndGame) return;//游戏结束时,不处理操作const touch = e.touches[0];const { userlist, grids, size } = this.gameData;const { current, isSelectMode } = this.data;// 获取正在操作的玩家数据let user = userlist[current];let chessIndex = user.chesses.findIndex((c, i) => {//...省略了});//判断是否选择到棋子if (chessIndex >= 0) {//更新玩家选择的棋子user.chessIndex = chessIndex;//判断是否是选择状态,若是的话,就开始走棋动画if (isSelectMode) {this.startAnimation();}}
测试游戏
就讲到这里,篇幅有限,上面都有讲了重点的,还有几个方法就不讲了,
可以看看项目源码,直接运行,看到有感觉,里面代码并不多,可以参考学习一下,
最后看一下飞行棋小程序的运行效果图,怎么样,可以吧
若想一起玩的人数不够4个,在开始页面上是可以选择人数的
三缺一,没事儿,让我的小伙伴们能一起玩就对了关于项目
如果要看项目源码 请点这里看,在资源一栏下可以找到飞行棋的源码,放心下载,感谢支持!
如果是在手机上看会有可能找不到资源一栏,就在电脑浏览器上看,
【【飞行棋】多人游戏-微信小程序开发流程详解】喜欢的话,点个赞收藏吧,遇到什么不明白的地方请主动留言,作者看到会回复 。