时间:2021-05-25
做一款回忆童年的游戏,这款游戏代码比较简单,主要是掌握算法的原理,但是也有一些需要注意的地方。
游戏界面
进入正题。项目的效果图如下:
游戏有一个开始界面可供选择玩家的角色,然后选择先手是哪一方,接着开始游戏。选择界面做了一个遮罩层,里面提供给用户选择,选择之后便把遮罩层隐藏并开始游戏。
具体实现
说了那么多,可能比较枯燥,下面介绍一下具体的代码实现。
使用一个二维数组panel保存棋盘的状态,1是电脑的值,-1是玩家的值。
winArr保存所有可能赢的8个棋位组合;维护computerWin和userWin,初始值等于winArr,当电脑或玩家每次下棋时,都分别更新这两个数组,删除掉不能赢的棋位组合。在更新panel的时候会分别更新computerWin和userWin。
核心的方法是play,play的执行步骤伪代码如下:
如果可以攻击
遍历computerWin数组,找到可以攻击的棋位,下棋,显示是否赢了。
不能攻击,如果需要防守
遍历userWin,根据玩家可赢的组合,找出需要防守的棋位,下棋,更新panel;
不需要防守,如果是电脑先手的第一步
在中心位置下棋,更新panel;
不是先手第一步
如果中心位置没有被占去,在中心位置下棋,更新panel;返回
如果是特殊情况,在棱位下棋,更新panel; 返回
如果角位仍有位置,选择一个角位下棋,更新panel; 返回
最后一种情况,找到剩余的空位,优先选择位于computerWin的空位,下棋,更新panel; 返回
play算法的实现如下:
总结
在编码的过程中遇到的一个难题就是JavaScript的数组对象,我在第一次调用play方法开头输出panel的时候,得到的是play执行后panel的值,后来请教一位大神,发现是因为panel是一个对象,因为对象遍历引用的都是同一块内存地址,所以一旦有改变,就全部改了。如果直接使用下标输出每一个值的话是可以得到初始的值的,也可以用JSON方法将数组字符串,然后打印出来查看结果。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了Python实现的井字棋(TicTacToe)游戏。分享给大家供大家参考,具体如下:说明用python实现了井字棋,整个框架是本人自己构思的,自认
本文实例讲述了C#实现简单的井字游戏。分享给大家供大家参考。具体如下:/**Createdusing:SharpDevelop*Createdby:TonyMi
本文实例为大家分享了C++实现井字棋游戏的具体代码,供大家参考,具体内容如下初步实现双玩家输入,操作游戏.下一步将实现人机博弈.#includeusingnam
用python实现的一个井字棋游戏,供大家参考,具体内容如下#Tic-Tac-Toe井字棋游戏#全局常量X="X"O="O"EMPTY=""#询问是否继续def
本文实例为大家分享了vue实现井字棋游戏的具体代码,供大家参考,具体内容如下之前看react的教程时看到的小游戏,试着用vue做一个。右边的winner提示胜者