unity3d-GUI制作井字棋游戏

使用Unity3D GUI 做井字棋游戏

井字棋游戏,英文名字Tic-Tac-Toe。是一款双人的游戏,在井字格中连O或X连成一条直线即算胜利。下面我们将用Unity3D的GUI来实现这一游戏,目的在于熟悉GUI的基本使用功能。

成品图

下面是成品图:

MonoBehaviour.OnGUI()

首先,我们要了解OnGUI这一函数的使用功能。在Unity的官方文档对 MonoBehaviour.OnGUI()中给出了如下定义:

OnGUI is called for rendering and handling GUI events.

This means that your OnGUI implementation might be called several times per frame (one call per event). For more information on GUI events see the Event reference. If the MonoBehaviour’s enabled property is set to false, OnGUI() will not be called.

也就是说OnGUI每一帧会被调用好几次,用来处理和GUI有关的事件。

在下面的游戏完成过程中,我们会使用到GUI.Button()、GUI.Label()这两个函数功能。

public static bool Button(Rect position, string text); 当按键被点击之后会返回true的布尔值。

public static void Label(Rect position, string text); 可以在屏幕上显示一行文字。

通过new Rect(x, y, width, heigh) 四个参数在(x,y)处创建一个长width,高height的长方形区域。

基本思路

所以我们的基本思路,就是写出一个c#脚本,直接将其挂载在摄像机上即可。在脚本中,每下一步就要判断是否有人胜利,胜利则游戏结束,不可以再进行点击,只能重新开始。未胜利则继续游戏。胜利的条件就是O或者X连成了一条线,可以是一行也可以是一列,也可以是主对角线或者副对角线。

记录游戏顺序,我们需要使用一个变量turn来标记是谁的回合,使用一个二维数组map来存储棋盘棋子。

1
2
3
4
// use 2 dimension arrary to store the game data, 1 means O, 2 means X, 0 means blank.
private int[,] map = new int[3,3];
// 0 means O's turn, 1 means X'turn.
private int turn = 0;

还需要有一个开始游戏的功能,刚开局或者重新开局之后就调用reset()这个函数。这个函数就是将棋盘清空,开手重置。

1
2
3
4
5
6
7
8
9
10
void reset() {
// set the map blank
int i = 0, j = 0;
for (i = 0; i < 3; i++) {
for (j = 0; j < 3; j++) {
map [i,j] = 0;
}
}
turn = 0;
}

判断胜负

判断胜利,从行、列、对角线的数组元素来进行判断。若一致则胜利

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// 1 means O wins, 2 means X wins, 0 means playing.
int check() {
//check row
int i = 0, j = 0;
for (i = 0; i < 3; i++) {
if (map [i,0] == map [i,1] && map [i,1] == map [i,2]) {
return map [i,0];
}
}
// check col
for (j = 0; j < 3; j++) {
if (map [0,j] == map [1,j] && map [1,j] == map [2,j]) {
return map [0,j];
}
}
// check diagonal
if ((map [0, 0] == map [1, 1] && map [1, 1] == map [2, 2]) ||
(map [0, 2] == map [1, 1] && map [1, 1] == map [2, 0])) {
return map [1, 1];
}
return 0;
}

补充 OnGUI()函数

首先渲染重新开始按键,然后判断游戏状态:是否有胜利者,或者还在游戏中。然后通过两层循环渲染出棋盘和棋子。棋子具体是O、X还是空白,通过map数组来进行判断。当然要确保游戏有人胜利之后不能再继续下棋,则需要在改变map数组值的时候判断好游戏状态。

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
33
34
void OnGUI() {
if (GUI.Button(new Rect(20,300,100,50),"Restart"))
reset();
int result = check();
// display the result
if (result == 1) {
GUI.Label (new Rect (50, 200, 100, 50), "O wins");
} else if (result == 2) {
GUI.Label (new Rect (50, 200, 100, 50), "X wins");
}
int i = 0, j = 0;
for (i = 0; i < 3; i++) {
for (j = 0; j < 3; j++) {
if (map [i,j] == 1) {
GUI.Button (new Rect (50 * i, 50 * j, 50, 50), "O");
} else if (map [i,j] == 2) {
GUI.Button (new Rect (50 * i, 50 * j, 50, 50), "X");
} else {
if (GUI.Button (new Rect (50 * i, 50 * j, 50, 50), "")) {
if (result == 0) {
if (turn == 0) {
map [i, j] = 1;
turn = 1;
} else {
map [i, j] = 2;
turn = 0;
}
}
}
}
}
}
}

完整代码

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
using UnityEngine;
using System.Collections;
public class Game : MonoBehaviour {
// use 2 dimension arrary to store the game data, 1 means O, 2 means X, 0 means blank.
private int[,] map = new int[3,3];
// 0 means O's turn, 1 means X'turn.
private int turn = 0;
// Use this for initialization
void Start () {
reset ();
}
// OnGUI method will refresh automaticlly
// method is OnGUI not OnGui
void OnGUI() {
if (GUI.Button(new Rect(20,300,100,50),"Restart"))
reset();
int result = check();
// display the result
if (result == 1) {
GUI.Label (new Rect (50, 200, 100, 50), "O wins");
} else if (result == 2) {
GUI.Label (new Rect (50, 200, 100, 50), "X wins");
}
int i = 0, j = 0;
for (i = 0; i < 3; i++) {
for (j = 0; j < 3; j++) {
if (map [i,j] == 1) {
GUI.Button (new Rect (50 * i, 50 * j, 50, 50), "O");
} else if (map [i,j] == 2) {
GUI.Button (new Rect (50 * i, 50 * j, 50, 50), "X");
} else {
if (GUI.Button (new Rect (50 * i, 50 * j, 50, 50), "")) {
if (result == 0) {
if (turn == 0) {
map [i, j] = 1;
turn = 1;
} else {
map [i, j] = 2;
turn = 0;
}
}
}
}
}
}
}
void reset() {
// set the map blank
int i = 0, j = 0;
for (i = 0; i < 3; i++) {
for (j = 0; j < 3; j++) {
map [i,j] = 0;
}
}
turn = 0;
}
// 1 means O wins, 2 means X wins, 0 means playing.
int check() {
//check row
int i = 0, j = 0;
for (i = 0; i < 3; i++) {
if (map [i,0] == map [i,1] && map [i,1] == map [i,2]) {
return map [i,0];
}
}
// check col
for (j = 0; j < 3; j++) {
if (map [0,j] == map [1,j] && map [1,j] == map [2,j]) {
return map [0,j];
}
}
// check diagonal
if ((map [0, 0] == map [1, 1] && map [1, 1] == map [2, 2]) ||
(map [0, 2] == map [1, 1] && map [1, 1] == map [2, 0])) {
return map [1, 1];
}
return 0;
}
}

参考

Simba_Scorpio.Unity3D学习笔记(2)——用GUI制作井字棋游戏

您的支持将鼓励我继续创作!