- 代码剖析
贪吃蛇是一款十分经典的小游戏，对初入coding的朋友来说，拿贪吃蛇这样一个案例来练手十分合适，并不高的难度和成功后的成就感都是学习所必须的。下面我将依照我当时的思路，来逐步分析实现的整个过程。
让我们逐一分析。首先，整个游戏最基本的元素是地图。在java中用于绘图的类是swing和awt，在这里主要用到swing类。swing中用于窗口显示的类有JFrame及其子类。JFrame可以直接添加组件，但其本质是将组件添加到JFrame中的一个默认面板里，为了代码清晰，我会使用JPanel面板来绘制全部的动画，之后再将面板添加到JFrame窗体之中即可。
我们可能会疑惑于贪吃蛇的蛇身，它是由什么组成的？如何实现移动？我们可以把贪吃蛇的蛇身理解成一个集合，它有固定的起始元素，代表游戏一开始时的蛇身。当贪吃蛇吃到点时，集合就添加一个元素，蛇的长度就加一。那么，集合中的元素是什么呢？要理解这个问题，首先得关注蛇身移动所处的环境。在JFrame窗体中，是由X、Y轴坐标对位置进行区分。贪吃蛇的蛇身可以看做是一个一个联系紧密的点，在坐标轴上显示出来。每当朝某个方向移动时，蛇的坐标就按照某个规律变化。例如，我们操控贪吃蛇向上移动时，蛇的全体坐标的Y轴就减一；如果蛇的第一个坐标与蛇身的某个坐标重合，就代表贪吃蛇碰到自己；如果蛇的第一个坐标碰到了边界，蛇就撞墙。这就是贪吃蛇的本质。
我们来建立建立蛇身上每一个点的对象，蛇身就是由一个一个这样的对象所组成的：
public class snakeNode {
private int x;
private int y;
private String color;
public snakeNode() {};
public snakeNode(int x, int y, String color) {
this.x = x;
this.y = y;
this.color = color;
}
public int getX() {
return x;
}
public void setX(int x) {
this.x = x;
}
public int getY() {
return y;
}
public void setY(int Y) {
this.y = y;
}
public String getColor() {
return color;
}
public void setColor(String color) {
this.color = color;
}
这串代码表示蛇身上的每一个点，通过建立snakeNode的对象，指定不同的X轴和Y轴的值，就能组成一个蛇身。- 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
接下来我们要给每一个蛇身上的点设置范围，因为贪吃蛇有移动范围的限制，超过某个距离或者长度，就会越界导致游戏的终止。经过考虑，我们将范围设置在：
public class mainMap extends JPanel {
private int width = 20;
private int length = 30;
private int unit = 20;
}
上面的代码定义了一个面板类，我们之后的操作都要在上面进行。类中定义了变量width和length。我们将蛇身的移动范围限制在X轴上0~20，Y轴上0~30，至于变量unit，稍后再进行分析。- 1
- 2
- 3
- 4
- 5
- 6
接着，我们需要一个集合，用来存储蛇身上的各个点。我们需要定义一个变量，用来表示随机出现的点（贪吃蛇的目标），并且定义一个变量Length用来表示蛇的长度。代码如下：
public class mainMap extends JPanel {
private final int width = 20;
private final int length = 30;
private final int unit = 20;
private ArrayList<snakeNode> snake = new ArrayList<>();
private snakeNode newNode = new snakeNode(0,0,Color.WHITE);
private int Length;
}- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
定义类的成员变量之后，我们开始定义构造方法，这样在构造mainMap的对象后程序就会开始运行。我们需要在构造方法中给集合添加一些元素，代表初始蛇身，也需要使用一个方法，用来创造随机点。代码如下：
public mainMap() {
snake.add(new snakeNode(width/2,length/2,Color.RED);
snake.add(new snakeNode(width/2,length/2+1,Color.BLUE);
snake.add(new snakeNode(width/2,length/2+2,Color.GREY);
Length = snake.size();
createNode();
}- 1
- 2
- 3
- 4
- 5
- 6
- 7
createNode是创造随机点的方法，让我们思考一下：创造随机点有哪些要求？首先，随机点的范围肯定不能超出限制，否则游戏将无法继续；其次，随机点不能出现在蛇身上，也就是随机点的坐标不能和蛇身体上的任意坐标相同，否则就会出现BUG。按照此要求，我们创作出代码如下：
public void createNode() {
int newX = 0;
int newY = 0;
boolean flag = true;
while(flag){
X = new Random().nextInt(width);
Y = new Random().nextInt(length);
for(int x = 0; x < Length; x++) {
if(snake.get(x).getX() == newX && snake.get(x).getY() == newY) {
flag = true;
break;
}
flag = false;
}
}
Color color = new Color(new Random().nextInt(255),new Random().nextInt(255),new Random().nextInt(255));
newNode.setX(newX);
newNode.setY(newY);
newNode.setColor(color);
}
这个方法随机产生0~width,0~length的随机数，通过循环判断是否与蛇身的点重合来产生随机点，同时产生随机的颜色，这里使用了Color的构造方法，不清楚的话可以通过API来查询。- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
接下来是我们进行游戏中至关重要的一点，就是对蛇的移动进行控制。我们使用“wsad”或者键盘上的“上下左右”来控制蛇身的移动变化。这其中的原理想必很多人都能马上想到：监听器。这里我们要设置监听器的对象不再是一个按钮，一个标签，而是整个面板。我们要对整个面板增加一个键盘监听器，用来监听自己在键盘上的动作。这里我们统一一下，用”↑↓←→”来控制方向。当我们使用键盘捕捉到相应的动作后，该如何继续呢？该如何编写事件的处理？
我们来翻阅一下API。查看API中的KeyListener，我们可以查到KeyEvent,他有静态的常量用来表示键盘上相应的点触。VK_UP代表上箭头，VK_DOWN代表下箭头，VK_LEFT代表左箭头，VK_RIGHT代表右箭头。我们马上可以联想到：通过getKeyCode方法获取到键盘事件，和四个常量进行比较，如果符合，就可以按照对应的方向调用方法，来移动蛇身。我们可以定义一个Move()方法，并且定义一个变量direction代表方向，通过对direction不同的赋值传递给Move(),来对蛇身产生不同的移动效果。接下来贴代码：
public mainMap() {
snake.add(new snakeNode(width/2,length/2,Color.RED);
snake.add(new snakeNode(width/2,length/2+1,Color.BLUE);
snake.add(new snakeNode(width/2,length/2+2,Color.GREY);
Length = snake.size();
createNode();
this.addKeyListener(new KeyAdaper() {
public void KeyPressed(KeyEvent e) {
int direction = 0;
switch(e.getKeyCode()) {
case KeyEvent.VK_UP:
direction = 1;
break;
case KeyEvent.VK_DOWN:
direction = -1;
break;
case KeyEvent.VK_LEFT:
direction = 2;
break;
case KeyEvent.VK_RIGHT:
direction = -2;
break;
default:
break;
}
Move(direction);
}
});
}
//通过按下不同的方向键，我们得到了不同的direction变量，接下来我们定义一个Move()方法，传递direction变量来控制坐标的移动，从而得到蛇身变化的效果。
public void Move(int direction) {
int firstX = snake.get(0).getX();
int firstY = snake.get(0).getY();
switch(direction) {
case 1:
firstY--;
break;
case -1:
firstY++;
break;
case 2:
firstX--;
break;
case -2:
firstX++;
break;
default:
break;
}
for(int x = 0; x < Length; x++) {
if(snake.get(x).getX()==firstX&&snake.get(x).getY()==firstY) {
Dead("不好意思，您碰到自己啦~~~~！！！！");
}
}//这个方法遍历蛇身集合中的每一个元素，拿出X轴和Y轴的值进行比较，来保证蛇头的第一个点没有触碰到蛇身的其他点。如果碰到了，就调用Dead()方法结束游戏，Dead()方法随后定义
if(firstX < 0 || firstX > width - 1 || firstY < 0 || firstY > length -1) {
Dead("不好意思，您撞墙啦");
}//很简单，判断蛇头的坐标有没有超出界限
for(int x = Length - 1; x >0; x--) {
snake.get(x).setX(snake.get(x-1).getX());
snake.get(x).setY(snake.get(x-1).getY());
}
snake.get(0).setX(firstX);
snake.get(0).setY(firstY);
}//这段代码从后往前遍历集合，把最后一个集合的X轴和Y轴赋值为前一个元素的X轴和Y轴，把移动后的firstX和firstY坐标赋值给第一个元素，那么蛇身的整体位置就进行了变化，也就可以达到蛇身移动的效果了。- 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
通过以上代码，我们已经初步搭建了贪吃蛇的基本逻辑框架。我们造出了蛇身，设置了按键后的蛇身移动的规律，也设置了蛇移动的范围。我们先给出总览的代码，这样有助于查漏补缺：
public class mainMap extends JPanel {
private final int width = 20;
private final int length = 30;
private final int unit = 20;
private ArrayList<snakeNode> snake = new ArrayList<>();
private snakeNode newNode = new snakeNode(0,0,Color.WHITE);
private int Length;
public mainMap() {//这是构造方法
snake.add(new snakeNode(width/2,length/2,Color.RED);
snake.add(new snakeNode(width/2,length/2+1,Color.BLUE);
snake.add(new snakeNode(width/2,length/2+2,Color.GREY);
Length = snake.size();
createNode();//这是创造随机点的方法
this.addKeyListener(new KeyAdaper() {//这是设置键盘事件的方法
public void KeyPressed(KeyEvent e) {
int direction = 0;
switch(e.getKeyCode()) {
case KeyEvent.VK_UP:
direction = 1;
break;
case KeyEvent.VK_DOWN:
direction = -1;
break;
case KeyEvent.VK_LEFT:
direction = 2;
break;
case KeyEvent.VK_RIGHT:
direction = -2;
break;
default:
break;
}
Move(direction);
}
});
}
}
public void Move(int direction) {//这是移动蛇身的方法
int firstX = snake.get(0).getX();
int firstY = snake.get(0).getY();
switch(direction) {
case 1:
firstY--;
break;
case -1:
firstY++;
break;
case 2:
firstX--;
break;
case -2:
firstX++;
break;
default:
break;
}
for(int x = 0; x < Length; x++) {
if(snake.get(x).getX()==firstX&&snake.get(x).getY()==firstY) {
Dead("不好意思，您碰到自己啦~~~~！！！！");
}
}
if(firstX < 0 || firstX > width - 1 || firstY < 0 || firstY > length -1) {
Dead("不好意思，您撞墙啦");
}
for(int x = Length - 1; x >0; x--) {
snake.get(x).setX(snake.get(x-1).getX());
snake.get(x).setY(snake.get(x-1).getY());
}
snake.get(0).setX(firstX);
snake.get(0).setY(firstY);
}
public void createNode() {//这是创造随机点的方法
int newX = 0;
int newY = 0;
boolean flag = true;
while(flag){
X = new Random().nextInt(width);
Y = new Random().nextInt(length);
for(int x = 0; x < Length; x++) {
if(snake.get(x).getX() == newX && snake.get(x).getY() == newY) {
flag = true;
break;
}
flag = false;
}
}
Color color = new Color(new Random().nextInt(255),new Random().nextInt(255),new Random().nextInt(255));
newNode.setX(newX);
newNode.setY(newY);
newNode.setColor(color);
}- 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
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
以上就是我们共同完成的步骤，如果全部实现并且加以理解，那么其实整个贪吃蛇的整体思路基本已经是掌握了。但这并没有结束，我们还有许多的细节问题需要完成。我将在下一节中继续来完成剩下的部分，包括蛇的定时移动，吃掉点的方法，已经画出蛇的样子。