你的位置:首页 > 软件开发 > Java > 【井字游戏】做一款回忆童年的游戏

【井字游戏】做一款回忆童年的游戏

发布时间:2016-04-26 11:00:04
99% of information we read, we forget anyway. The best way to remember is to "DO".体验地址:http://www.hoohack.me/assets/tictactoe/缘起最近 ...

99% of information we read, we forget anyway. The best way to remember is to "DO".

体验地址:http://www.hoohack.me/assets/tictactoe/

缘起

最近在FreeCodeCamp上面学习前端知识,不知不觉已经学到了319课,现在遇到的一个小project是做一款井字游戏。说起井字游戏,真是满满的童年味道,还记得最疯狂的时候是小时候跟同桌拿着一张草稿纸就能玩一节课,回到家跟弟弟也能继续玩,对于没有太多娱乐节目的童年来说,真是一款玩不厌的小游戏。这款游戏代码比较简单,主要是掌握算法的原理,但是也有一些需要注意的地方,于是想把自己遇到的问题记录下来。

游戏界面

进入正题。项目的效果图如下:

 

【井字游戏】做一款回忆童年的游戏

 

FreeCodeCamp上要求不能查看源码来实现,于是便想着先把页面做出来。看到井字格子,就想着用9个li,然后设置li的边框作为井字线。于是用了一个div包住一个ul,里面有9个li。

游戏有一个开始界面可供选择玩家的角色,然后选择先手是哪一方,接着开始游戏。选择界面做了一个遮罩层,里面提供给用户选择,选择之后便把遮罩层隐藏并开始游戏。

井字游戏算法

算法参考了这篇文章。但里面的图片看不到了,笔者根据自己的理解再解释一遍,并配上一些图片。

这次做的是人机对战,因此就需要写出比较智能的算法。首先,设计者要懂得玩游戏,有自己的策略,接下来就是将自己的策略付诸实现。

从下图可以看到,整个棋盘可以连接处8条线,即一共有8种取胜可能:

【井字游戏】做一款回忆童年的游戏

 

在下棋过程中,一共有下面几种状态:

原标题:【井字游戏】做一款回忆童年的游戏

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录