- 代码剖析
贪吃蛇是一款十分经典的小游戏,对初入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
以上就是我们共同完成的步骤,如果全部实现并且加以理解,那么其实整个贪吃蛇的整体思路基本已经是掌握了。但这并没有结束,我们还有许多的细节问题需要完成。我将在下一节中继续来完成剩下的部分,包括蛇的定时移动,吃掉点的方法,已经画出蛇的样子。