【GUI】-- 12 贪吃蛇小游戏之让小蛇动起来

GUI编程

04 贪吃蛇小游戏

4.3 第三步：让小蛇动起来(键盘控制)

首先，在构造器中要获取焦点事件、键盘监听事件并加入定时器(定时器定义需要实现ActionListener接口并重写actionPerformed方法)：

//构造器
    public GamePanel() {
        init();

        this.setFocusable(true);  //获取焦点事件
        this.addKeyListener(this);  //获取键盘监听事件
        timer.start();  //游戏一开始，定时器就启动

    }
1
2
3
4
5
6
7
8
9

然后，在键盘监听事件中，通过定时器来实现监听(即通过固定的时间进行刷新)，并加入对上下左右按键的判断，以实现改变小蛇身体的对应走向：

//键盘监听事件
    @Override
    public void keyPressed(KeyEvent e) {
        int keyCode = e.getKeyCode();  //获取键盘按键
        if (keyCode == KeyEvent.VK_SPACE) {
            isStart = !isStart;
            repaint();
        }

        //键盘监听到按键后画上对应方向的蛇头
        if (keyCode == KeyEvent.VK_UP) {
            direction = "U";
        } else if (keyCode == KeyEvent.VK_DOWN) {
            direction = "D";
        } else if (keyCode == KeyEvent.VK_LEFT) {
            direction = "L";
        } else if (keyCode == KeyEvent.VK_RIGHT) {
            direction = "R";
        }
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

下面对实现ActionListener接口的actionPerformed方法进行重写：

//事件监听需要定时器来实现，即通过固定的时间进行刷新(例如1s=10次)
    @Override
    public void actionPerformed(ActionEvent e) {
        if (isStart) {
            //小蛇身体右移
            for (int i = length - 1; i > 0; i--) {  //后一节身体移动至前一节 snakeX[1] = snakeX[0]
                snakeX[i] = snakeX[i - 1];
                snakeY[i] = snakeY[i - 1];
            }

            //判断蛇头走向
            switch (direction) {
                case "R":
                    snakeX[0] += 25;
                    //边界判断
                    if (snakeX[0] > 850) {
                        snakeX[0] = 25;
                    }
                    break;
                case "L":
                    snakeX[0] -= 25;
                    //边界判断
                    if (snakeX[0] < 25) {
                        snakeX[0] = 850;
                    }
                    break;
                case "U":
                    snakeY[0] -= 25;
                    //边界判断
                    if (snakeY[0] < 75) {
                        snakeY[0] = 650;
                    }
                    break;
                case "D":
                    snakeY[0] += 25;
                    //边界判断
                    if (snakeY[0] > 650) {
                        snakeY[0] = 75;
                    }
                    break;
            }


            repaint();
        }
        timer.start();
    }
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

综上，GamePanel类中代码如下：

package com.duo.snake;

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.util.Objects;

//游戏的面板
public class GamePanel extends JPanel implements KeyListener, ActionListener {
    //定义蛇的数据结构
    int length;  //小蛇总长
    int[] snakeX = new int[600];  //蛇的X坐标 25*25
    int[] snakeY = new int[500];  //蛇的Y坐标 25*25
    String direction;  //蛇头方向
    boolean isStart = false;  //默认未开始游戏
    //定时器
    Timer timer = new Timer(250, this);  //100ms执行一次
    //构造器
    public GamePanel() {
        init();
        this.setFocusable(true);  //获取焦点事件
        this.addKeyListener(this);  //获取键盘监听事件
        timer.start();  //游戏一开始，定时器就启动
    }
    //初始化方法
    public void init() {
        length = 3;
        snakeX[0] = 100; snakeY[0] = 100;  //脑袋的坐标
        snakeX[1] = 75; snakeY[1] = 100;  //第一节身体的坐标
        snakeX[2] = 50; snakeY[2] = 100;  //第二节身体的坐标
        direction = "R";  //蛇头初始向右
    }
    //绘制静态面板
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);  //起到清屏的作用
        Data.header.paintIcon(this, g, 25, 11);  //将广告栏画入面板
        g.fillRect(25, 75, 850, 600);  //默认的游戏界面(黑色区域)
        this.setBackground(Color.white);
        //将小蛇画入面板中的游戏区域，且蛇头部分需要判断方向
        switch (direction) {
            case "R":
                Data.right.paintIcon(this, g, snakeX[0], snakeY[0]);
                break;
            case "L":
                Data.left.paintIcon(this, g, snakeX[0], snakeY[0]);
                break;
            case "U":
                Data.up.paintIcon(this, g, snakeX[0], snakeY[0]);
                break;
            case "D":
                Data.down.paintIcon(this, g, snakeX[0], snakeY[0]);
                break;
        }
        //画小蛇的身体部分
        for (int i = 1; i < length; i++) {
            Data.body.paintIcon(this, g, snakeX[i], snakeY[i]);
        }
        //绘制当前游戏状态
        if (!isStart) {
            g.setColor(Color.white);
            g.setFont(new Font("宋体", Font.BOLD, 40));
            g.drawString("按下空格开始游戏", 300, 300);
        }
    }
    //键盘监听事件
    @Override
    public void keyPressed(KeyEvent e) {
        int keyCode = e.getKeyCode();  //获取键盘按键
        if (keyCode == KeyEvent.VK_SPACE) {
            isStart = !isStart;
            repaint();
        }
        //键盘监听到按键后画上对应方向的蛇头
        if (keyCode == KeyEvent.VK_UP) {
            direction = "U";
        } else if (keyCode == KeyEvent.VK_DOWN) {
            direction = "D";
        } else if (keyCode == KeyEvent.VK_LEFT) {
            direction = "L";
        } else if (keyCode == KeyEvent.VK_RIGHT) {
            direction = "R";
        }
    }
    //事件监听需要定时器来实现，即通过固定的时间进行刷新(例如1s=10次)
    @Override
    public void actionPerformed(ActionEvent e) {
        if (isStart) {
            //小蛇身体右移
            for (int i = length - 1; i > 0; i--) {  //后一节身体移动至前一节 snakeX[1] = snakeX[0]
                snakeX[i] = snakeX[i - 1];
                snakeY[i] = snakeY[i - 1];
            }
            //判断蛇头走向
            switch (direction) {
                case "R":
                    snakeX[0] += 25;
                    //边界判断
                    if (snakeX[0] > 850) {
                        snakeX[0] = 25;
                    }
                    break;
                case "L":
                    snakeX[0] -= 25;
                    //边界判断
                    if (snakeX[0] < 25) {
                        snakeX[0] = 850;
                    }
                    break;
                case "U":
                    snakeY[0] -= 25;
                    //边界判断
                    if (snakeY[0] < 75) {
                        snakeY[0] = 650;
                    }
                    break;
                case "D":
                    snakeY[0] += 25;
                    //边界判断
                    if (snakeY[0] > 650) {
                        snakeY[0] = 75;
                    }
                    break;
            }
            repaint();
        }
        timer.start();
    }
    @Override
    public void keyReleased(KeyEvent e) {}
    @Override
    public void keyTyped(KeyEvent e) {}
}
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136

运行结果如下：

游戏未开始时：

未按方向键，小蛇默认一直向右移动直到边界，满足边界判断条件并重新回到界面左端：

按下下键，小蛇向下移动：

至此，小蛇可根据键盘按键进行对应方向的移动。此时还未加入食物，且当蛇头触碰蛇身时并不会触发游戏失败，这将在下一篇内容中给出。