【经典游戏贪吃蛇】一个小时使用Java语言编写贪吃蛇小游戏.（狂神说版）

迷南。 2022-10-29 04:28 267阅读 0赞

### 文章目录 ###

*  前言
 *  一、创建项目
 *  二、编写图片资源Data类
 *   *  1.引入statics图片资源文件
     *  2.编写程序主启动类
 *  三、核心类-游戏画布类
 *   *  1.做前思考准备
     *  2.画组件
 *  四、写在最后

--------------------

# 前言 #

跟着狂神老师的教程写了一个贪吃蛇小游戏，做以下笔记来记录这个知识点。原教程视频地址：[狂神说版贪吃蛇][Link 1]

小游戏源代码：  
[https://gitee.com/kuangstudy/openclass][https_gitee.com_kuangstudy_openclass]

--------------------

运行效果图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70 1]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70 2]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70 3]

# 一、创建项目 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70 4]  
分析目录结构：`StartGame`为游戏的启动类，`Data`为游戏的图片资源类，`GamePanel`为游戏的具体逻辑代码类。

# 二、编写图片资源Data类 #

## 1.引入statics图片资源文件 ##

//头部图片
        public static URL headerUrl = Data.class.getResource("/snake/statics/header.png");  // 获取图片的路径。
        public static ImageIcon header = new ImageIcon(headerUrl); // new了一个ImageIcon对象，图片的头像放到游戏里边。

## 2.编写程序主启动类 ##

新建一个窗口 JFrame 窗体类，给他一个宽和高，分别是长900，宽720的大小。给窗口设置为不可调整`setResizable`方法设置为false，并且将窗口展示出来。具体启动类的代码如下：

public static void main(String[] args) {
        
            //1.新建一个窗口
            JFrame frame = new JFrame("狂神说Java-贪吃蛇小游戏"); // new了一个JFrame 窗体对象。
            frame.setBounds(10,10,900,720);  // 设置窗口的位置和大小
            frame.setResizable(false); //窗口大小不可调整,即固定窗口大小
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // 设置关闭事件，游戏可以关闭
            frame.setVisible(true); //将窗口展示出来
        }

# 三、核心类-游戏画布类 #

## 1.做前思考准备 ##

在此可以想一想，既然是贪吃蛇，那么肯定会有一些属性和方法在这个核心类中，我们可以想一想，蛇绝对有一个位置，蛇也有一个长度吧，你见过你家的蛇和蝌蚪一样的吗？（狗头）蛇的小身体我们的素材中就当成一个正方形吧。

蛇怎么长大？毋庸置疑吃食物，所以我们也要为食物设置位置。为了增强游戏的体验性还要增加得分机制吧，当然还有游戏的分数属性。想好了这些，要让小蛇动起来吧，动起来就要有一个时间定时器`Timer`类。

Timer timer = new Timer(100, this); //定时器：第一个参数，就是定时执行时间。

这些都想好了，还有一个需要注意的重点，那怎么判断游戏是否开始呢？你不可能说芝麻开始然后游戏就开始了吧\_，还要有一个布尔类型的属性来用作判断游戏是否开始的依据。

那么所有的属性代码如下：

int lenth; //蛇的长度；
        int[] snakeX = new int[600];// 蛇的坐标
        int[] snakeY = new int[500]; // 蛇的坐标Y
        String fx = "R"; //蛇的方向 ： R
        boolean isStart = false; // 游戏是否开始
        Timer timer = new Timer(100, this); //定时器：第一个参数，就是定时执行时间
        // 食物
        int foodx; // 食物的坐标
        int foody;// 食物的坐标
        Random random = new Random();
        boolean isFail = false; // 游戏是否结束;
        int score;  // 游戏的分数！

既然有这些属性，那么我们要为属性进行初始化，定义一个初始化的方法，代码如下：

public void init() {
        
            lenth = 3; //初始小蛇有三节,包括小脑袋
            //初始化开始的蛇,给蛇定位,
    //        第一个小正方形的位置。
            snakeX[0] = 100;
            snakeY[0] = 100;
    //        第二个小正方形的位置.
            snakeX[1] = 75;
            snakeY[1] = 100;
    //        第三个小正方形的位置.
            snakeX[2] = 50;
            snakeY[2] = 100;
    //        初始化食物的数据
            foodx = 25 + 25 * random.nextInt(34); //初始化食物横坐标为一个随机数，
            foody = 75 + 25 * random.nextInt(24);//初始化食物纵坐标为一个随机数，
            score = 0;//        初始化分数为零。
        }

## 2.画组件 ##

创建`GamePanel`类继承`JPanel`类我们所有的游戏画面全部都是由画布组件来提供的，`paintComponent`方法这是整个游戏的核心方法，没有整个方法的话一切都是空白，这个画布上的所有图像都是依赖于`paintComponent（）`方法的。alt+insert 调出 override method 写入这个方法，然后设置面板的背景颜色，绘制头部信息区域，食物，小蛇，游戏提示，失败判断，还有游戏区域等等全部添加上去。

具体代码如下：

//画组件
        @Override
        public void paintComponent(Graphics g) {
        
            super.paintComponent(g);
            this.setBackground(Color.WHITE);//设置面板的背景色----为白色。
            Data.header.paintIcon(this, g, 25, 11);//绘制头部信息区域
            g.fillRect(25, 75, 850, 600);//绘制游戏区域
    //        把小蛇画上去
            if (fx.equals("R")) {
        //蛇的头通过方向变量来判断
                Data.right.paintIcon(this, g, snakeX[0], snakeY[0]);  // 从Data资源类中找到向右边小蛇图标，当前对象，用画壁画，身体的位置跟着动。
            } else if (fx.equals("L")) {
        
                Data.left.paintIcon(this, g, snakeX[0], snakeY[0]);// 左边
            } else if (fx.equals("U")) {
        
                Data.up.paintIcon(this, g, snakeX[0], snakeY[0]); // 上面移动
            } else if (fx.equals("D")) {
        
                Data.down.paintIcon(this, g, snakeX[0], snakeY[0]); // 下面移动
            }
            for (int i = 1; i < lenth; i++) {
         // 对小蛇的身体进行遍历。
                Data.body.paintIcon(this, g, snakeX[i], snakeY[i]); //蛇的身体长度根据lenth来控制
            }
            //画食物
            Data.food.paintIcon(this, g, foodx, foody);
            
            g.setColor(Color.white);
            g.setFont(new Font("微软雅黑", Font.BOLD, 18));
            g.drawString("长度" + lenth, 750, 35);
            g.drawString("分数" + score, 750, 50);
            
            //游戏提示
            if (isStart == false) {
        
                g.setColor(Color.white);
                g.setFont(new Font("微软雅黑", Font.BOLD, 40));
                g.drawString("按下空格开始游戏!", 300, 300);
            }
            //失败判断
            if (isFail) {
        
                g.setColor(Color.RED); // 失败的话字体变成红色。
                g.setFont(new Font("微软雅黑", Font.BOLD, 40));
                g.drawString("失败, 按下空格重新开始", 200, 300); // 提示的字体，位置。
            }
        }

问题又来了，那我们如何判断游戏是否是开始状态，小蛇是否可以移动，以及吃了食物后怎么变长等一系列的问题怎么解决？这就想到了一个监听吧，还有我们可以通过键盘来控制小蛇的移动方向，那么这也是监听吧？你不可能凭你的意志力就能让小蛇改变方向或者长大吧？所以这里我们要引入键盘监听和事件监听的接口。

代码如下：

public class GamePanel extends JPanel implements KeyListener, ActionListener {
        }

并重写相关的方法；actionPerformed方法、keyTyped方法、keyPressed键盘按下方法、keyReleased键盘释放方法。

actionPerformed方法，首先判断状态是否为为开始，如果开始的话那么小蛇就要动，怎么动？除了脑袋其他都要往前移动，就是身体移动。

**之前说了小蛇的身体是正方形，那么小蛇每移动一位，他的后一位就要往前移动，相当于代替前一位。**

吃食物：我们怎么判断小蛇吃到了食物呢？这样想，当蛇和头的食物一样时，就算吃到了食物嘛，吃到食物后就让长度加一，吃到就加一。对应的分数也要增加，默认增加10分吧。吃到食物后食物不可能还在原地不动吧？所以这个时候说到引入 `Random random = new Random();` Random对象，随机让食物出现在游戏界面的任意位置，这个位置就大概估算以下吧。

游戏结束：那么结束怎么判断，当然是头和身体撞到一起就失败了嘛，同样的道理只要移动的过程中满足`snakeX[i] = = snakeX[0] && snakeY[i] == snakeY[0]` 就说明游戏结束了吧。

最后还有repaint的方法，需要不断的更新页面让动画动起来。 `repaint();`  
代码如下：

@Override
        public void actionPerformed(ActionEvent e) {
        
            //如果游戏处于开始状态，并且没有结束，则小蛇可以移动
            if (isStart && isFail == false) {
        
                //右移:即让后一个移到前一个的位置即可 !
                for (int i = lenth - 1; i > 0; i--) {
         //除了脑袋都往前移：身体移动
                    snakeX[i] = snakeX[i - 1]; //即第i节(后一节)的位置变为(i-1：前一节)节的位置！
                    snakeY[i] = snakeY[i - 1];
                }
                //通过方向控制，头部移动
                if (fx.equals("R")) {
        
                    snakeX[0] = snakeX[0] + 25;
                    if (snakeX[0] > 850) snakeX[0] = 25;  // 如果小蛇向右移动超出的了边界，那么久让小蛇回到左边的初始点。
                } else if (fx.equals("L")) {
        
                    snakeX[0] = snakeX[0] - 25;
                    if (snakeX[0] < 25) snakeX[0] = 850;
                } else if (fx.equals("U")) {
        
                    snakeY[0] = snakeY[0] - 25;
                    if (snakeY[0] < 75) snakeY[0] = 650;
                } else if (fx.equals("D")) {
        
                    snakeY[0] = snakeY[0] + 25;
                    if (snakeY[0] > 650) snakeY[0] = 75;
                }
                //吃食物:当蛇的头和食物一样时,算吃到食物!
                if (snakeX[0] == foodx && snakeY[0] == foody) {
        
                    //1.长度加一
                    lenth++;
                    //每吃一个食物，增加积分
                    score = score + 10;
                    //2.重新生成食物
                    foodx = 25 + 25 * random.nextInt(34);
                    foody = 75 + 25 * random.nextInt(24);
                }
                //结束判断，头和身体撞到了
                for (int i = 1; i < lenth; i++) {
        
                    //如果头和身体碰撞，那就说明游戏失败
                    if (snakeX[i] == snakeX[0] && snakeY[i] == snakeY[0]) {
        
                        isFail = true;
                    }
                }
                repaint(); //需要不断的更新页面实现动画。
            }
            timer.start();//让时间动起来!
        }

键盘按下方法如下：

@Override
        public void keyPressed(KeyEvent e) {
        
            int keyCode = e.getKeyCode(); //获取按下的键盘
            if (keyCode == KeyEvent.VK_SPACE) {
         //如果是空格
                if (isFail) {
         //如果游戏失败,从头再来！
                    isFail = false;
                    init(); //重新初始化
                } else {
         //否则，暂停游戏
                    isStart = !isStart;
                }
                repaint();
            }
            //键盘控制走向
            if (keyCode == KeyEvent.VK_LEFT) {
        
                fx = "L";
            } else if (keyCode == KeyEvent.VK_RIGHT) {
        
                fx = "R";
            } else if (keyCode == KeyEvent.VK_UP) {
        
                fx = "U";
            } else if (keyCode == KeyEvent.VK_DOWN) {
        
                fx = "D";
            }
        }

最后的最后，我们需要把我们自己编写好的画布背景添加到主程序类中。

frame.add(new GamePanel());

总代码如下：  
Data 类：

package snake;
    
    import javax.swing.*;
    import java.net.URL;
    
    public class Data {
        
        //头部图片
        public static URL headerUrl = Data.class.getResource("/snake/statics/header.png");  // 获取图片的路径。
        public static ImageIcon header = new ImageIcon(headerUrl); // new了一个ImageIcon对象，图片的头像放到游戏里边。
        //头部：上下左右
        public static URL upUrl = Data.class.getResource("/snake/statics/up.png");
        public static URL downUrl = Data.class.getResource("/snake/statics/down.png");
        public static URL leftUrl = Data.class.getResource("/snake/statics/left.png");
        public static URL rightUrl = Data.class.getResource("/snake/statics/right.png");
        public static ImageIcon up = new ImageIcon(upUrl);
        public static ImageIcon down = new ImageIcon(downUrl);
        public static ImageIcon left = new ImageIcon(leftUrl);
        public static ImageIcon right = new ImageIcon(rightUrl);
        //身体的图片。
        public static URL bodyUrl = Data.class.getResource("/snake/statics/body.png");
        public static ImageIcon body = new ImageIcon(bodyUrl);
        //食物的图片。
        public static URL foodUrl = Data.class.getResource("/snake/statics/food.png");
        public static ImageIcon food = new ImageIcon(foodUrl);
    }

GamePanel类：

package 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.Random;
    
    public class GamePanel extends JPanel implements KeyListener, ActionListener {
        
        int lenth; //蛇的长度；
        int[] snakeX = new int[600];// 蛇的坐标
        int[] snakeY = new int[500]; // 蛇的坐标Y
        String fx = "R"; //蛇的方向 ： R
        boolean isStart = false; // 游戏是否开始
        Timer timer = new Timer(100, this); //定时器：第一个参数，就是定时执行时间。
        // 食物
        int foodx; // 食物的坐标
        int foody;// 食物的坐标
        Random random = new Random();
        boolean isFail = false; // 游戏是否结束;
        int score;  // 游戏的分数！
    
        public GamePanel() {
        
            init();
            this.setFocusable(true);  // 获取焦点事件。
            this.addKeyListener(this); // 键盘监听事件。
            timer.start(); //定时执行时间,调用开始的方法。
    
        }
    
    
        public void init() {
        
            lenth = 3; //初始小蛇有三节,包括小脑袋
            //初始化开始的蛇,给蛇定位,
    //        第一个小正方形的位置。
            snakeX[0] = 100;
            snakeY[0] = 100;
    //        第二个小正方形的位置.
            snakeX[1] = 75;
            snakeY[1] = 100;
    //        第三个小正方形的位置.
            snakeX[2] = 50;
            snakeY[2] = 100;
    //        初始化食物的数据
            foodx = 25 + 25 * random.nextInt(34); //初始化食物横坐标为一个随机数，
            foody = 75 + 25 * random.nextInt(24);//初始化食物纵坐标为一个随机数，
            score = 0;//        初始化分数为零。
        }
    
        //画组件
        @Override
        public void paintComponent(Graphics g) {
        
            super.paintComponent(g);
            this.setBackground(Color.WHITE);//设置面板的背景色----为白色。
            Data.header.paintIcon(this, g, 25, 11);//绘制头部信息区域
            g.fillRect(25, 75, 850, 600);//绘制游戏区域
    //        把小蛇画上去
            if (fx.equals("R")) {
        //蛇的头通过方向变量来判断
                Data.right.paintIcon(this, g, snakeX[0], snakeY[0]);  // 从Data资源类中找到向右边小蛇图标，当前对象，用画壁画，身体的位置跟着动。
            } else if (fx.equals("L")) {
        
                Data.left.paintIcon(this, g, snakeX[0], snakeY[0]);// 左边
            } else if (fx.equals("U")) {
        
                Data.up.paintIcon(this, g, snakeX[0], snakeY[0]); // 上面移动
            } else if (fx.equals("D")) {
        
                Data.down.paintIcon(this, g, snakeX[0], snakeY[0]); // 下面移动
            }
            for (int i = 1; i < lenth; i++) {
         // 对小蛇的身体进行遍历。
                Data.body.paintIcon(this, g, snakeX[i], snakeY[i]); //蛇的身体长度根据lenth来控制
            }
            //画食物
            Data.food.paintIcon(this, g, foodx, foody);
    
            g.setColor(Color.white);
            g.setFont(new Font("微软雅黑", Font.BOLD, 18));
            g.drawString("长度" + lenth, 750, 35);
            g.drawString("分数" + score, 750, 50);
    
            //游戏提示
            if (isStart == false) {
        
                g.setColor(Color.white);
                g.setFont(new Font("微软雅黑", Font.BOLD, 40));
                g.drawString("按下空格开始游戏!", 300, 300);
            }
            //失败判断
            if (isFail) {
        
                g.setColor(Color.RED); // 失败的话字体变成红色。
                g.setFont(new Font("微软雅黑", Font.BOLD, 40));
                g.drawString("失败, 按下空格重新开始", 200, 300); // 提示的字体，位置。
            }
        }
    
        @Override
        public void actionPerformed(ActionEvent e) {
        
            //如果游戏处于开始状态，并且没有结束，则小蛇可以移动
            if (isStart && isFail == false) {
        
                //右移:即让后一个移到前一个的位置即可 !
                for (int i = lenth - 1; i > 0; i--) {
         //除了脑袋都往前移：身体移动
                    snakeX[i] = snakeX[i - 1]; //即第i节(后一节)的位置变为(i-1：前一节)节的位置！
                    snakeY[i] = snakeY[i - 1];
                }
                //通过方向控制，头部移动
                if (fx.equals("R")) {
        
                    snakeX[0] = snakeX[0] + 25;
                    if (snakeX[0] > 850) snakeX[0] = 25;  // 如果小蛇向右移动超出的了边界，那么久让小蛇回到左边的初始点。
                } else if (fx.equals("L")) {
        
                    snakeX[0] = snakeX[0] - 25;
                    if (snakeX[0] < 25) snakeX[0] = 850;
                } else if (fx.equals("U")) {
        
                    snakeY[0] = snakeY[0] - 25;
                    if (snakeY[0] < 75) snakeY[0] = 650;
                } else if (fx.equals("D")) {
        
                    snakeY[0] = snakeY[0] + 25;
                    if (snakeY[0] > 650) snakeY[0] = 75;
                }
                //吃食物:当蛇的头和食物一样时,算吃到食物!
                if (snakeX[0] == foodx && snakeY[0] == foody) {
        
                    //1.长度加一
                    lenth++;
                    //每吃一个食物，增加积分
                    score = score + 10;
                    //2.重新生成食物
                    foodx = 25 + 25 * random.nextInt(34);
                    foody = 75 + 25 * random.nextInt(24);
                }
                //结束判断，头和身体撞到了
                for (int i = 1; i < lenth; i++) {
        
                    //如果头和身体碰撞，那就说明游戏失败
                    if (snakeX[i] == snakeX[0] && snakeY[i] == snakeY[0]) {
        
                        isFail = true;
                    }
                }
                repaint(); //需要不断的更新页面实现动画。
            }
            timer.start();//让时间动起来!
        }
        @Override
        public void keyTyped(KeyEvent e) {
        
        }
        @Override
        public void keyPressed(KeyEvent e) {
        
            int keyCode = e.getKeyCode(); //获取按下的键盘
            if (keyCode == KeyEvent.VK_SPACE) {
         //如果是空格
                if (isFail) {
         //如果游戏失败,从头再来！
                    isFail = false;
                    init(); //重新初始化
                } else {
         //否则，暂停游戏
                    isStart = !isStart;
                }
                repaint();
            }
            //键盘控制走向
            if (keyCode == KeyEvent.VK_LEFT) {
          // 按下了键盘中的左方向
                fx = "L";
            } else if (keyCode == KeyEvent.VK_RIGHT) {
        // 右边按键
                fx = "R";
            } else if (keyCode == KeyEvent.VK_UP) {
        // 上键
                fx = "U";
            } else if (keyCode == KeyEvent.VK_DOWN) {
         // 下键
                fx = "D";
            }
        }
        @Override
        public void keyReleased(KeyEvent e) {
        
        }
    }

StartGame主启动类：

package snake;
    
    import javax.swing.*;
    
    public class StartGame {
        
    
        public static void main(String[] args) {
        
            //1.新建一个窗口
            JFrame frame = new JFrame("狂神说Java-贪吃蛇小游戏"); // new了一个JFrame 窗体对象。
            frame.setBounds(10,10,900,720);  // 设置窗口的位置和大小
            frame.setResizable(false); //窗口大小不可调整,即固定窗口大小
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // 设置关闭事件，游戏可以关闭
    
            //2.添加我们自己编写的画布背景
            frame.add(new GamePanel());
            frame.setVisible(true); //将窗口展示出来
        }
    
    }

# 四、写在最后 #

> 我发现，一个人在放弃给别人留好印象的负担之后，原来心里会如此踏实。——严歌苓

[Link 1]: https://www.bilibili.com/video/BV1DJ411B75F?p=21
[https_gitee.com_kuangstudy_openclass]: https://gitee.com/kuangstudy/openclass
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70]: /images/20221024/e810f28572b34fae8a1b61da6473b159.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70 1]: /images/20221024/9184f88aff7a46bc9f9ccc0adddaf6b9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70 2]: /images/20221024/aea7c243b32a41f08a345193e411725f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70 3]: /images/20221024/6a7c47c978c84dad8f62dcfd9ee9a202.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1_size_16_color_FFFFFF_t_70 4]: /images/20221024/242fef5580664cd19d2c8a8b14eb9f1e.png