游戏设计

游戏功能结构

在线五子棋游戏的功能结构如图 18.1 所示。

在线五子棋游戏的业务流程如图 18.2 所示。

Figure 1. 图18.2 在线五子棋游戏业务流程

在线五子棋游戏运行时，首先需要一位玩家进入指定房间号，效果如图 18.3 所示。然后等待另一位玩家进入相同的房间，这时后进入的玩家可以先下棋，效果如图 18.4 所示。

Figure 2. 图18.3 第一位玩家进入的效果

Figure 3. 图18.4 第二位玩家进入的效果

当一个房间中有两位玩家时，就可以下棋对战了，下棋对战效果如图18.5所示。当有一方胜利时，弹出对话框提示该方胜利，如图18.6所示。

Figure 4. 图18.5 下棋对战效果

Figure 5. 图18.6 有一方胜利时弹出的对话框

另外，玩家在进入五子棋游戏页面中后，可以根据个人的喜好设置棋盘的背景色，操作方法为：单击棋盘下方的颜色块，在弹出的颜色选择器中选择自己喜欢的颜色，如图18.7所示。然后单击页面中其他地方，棋盘颜色即可变成玩家自己选择的颜色，如图18.8所示。

Figure 6. 图18.7 在颜色选择器中选择颜色

Figure 7. 图18.8 变换颜色后的棋盘

在线五子棋游戏同时支持计算机端和手机端的适配显示。