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