万事开头难，js一直没有进步？跟着这篇文章来编写五子棋游戏吧！

1 游戏开发方法

1.1 小规模游戏

小规模游戏一般由一人或两人完成，不需要详细的产品说明等资料，直接进入代码的编写，然后在浏览器中解释并运行。有时候出现错误，重新编辑再回到浏览器解释运行，就是一个简单的编辑-解释-运行的重复工作模式。

1.2 大规模游戏

大规模游戏一般由两人以上完成，一共分为三个阶段：设计阶段、说明阶段、实现阶段。首先是设计阶段：设计什么游戏，游戏的主体用户是谁，游戏的目的等。然后是说明阶段：清楚游戏需要的类和类中需要的方法，分别做一个规划，保证编写代码时思路清晰，以及代码的整洁性。最后是实现阶段，其实就是进入编辑-解释-运行的工作模式。也就是说，大规模游戏比小规模游戏多了两大阶段即设计阶段和说明阶段而已。

2 了解游戏规则

  • 对局双方各执一色棋子。
  • 空棋盘开局
  • 黑先、白后，交替下子，每次只能下一子。
  • 棋子下在棋盘的空白点上，棋子下定后，不得向其它点移动，不得从棋盘上拿掉或拿起另落别处。
  • 黑方的第一枚棋子可下在棋盘任意交叉点上。

3 五子棋游戏的主要方法

3.1 画棋盘

3.1.1 画棋盘思路
1
2
3
4
5
6
 
// 确定棋盘大小 15*15 即n = 15

function drawGobang(n) {
        
// 动态生成dom元素
// 通过添加类控制棋盘样式，尤其注意边缘的棋子的样式控制
}
3.1.2 画棋盘代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
// 画棋盘格子
function drawGobang(n) {   

	for(var i=0;i<n;i++){