用Java实现天天酷跑（附源码），这个真的有点强了！

谁践踏了优雅 2024-03-16 19:31 62阅读 0赞

首先，写一个需求文档：

### 一、项目名称： ###

《天天酷跑》（RunDay）

### 二、功能介绍： ###

闯关类游戏，玩家登录后，选择进入游戏，通过键盘控制玩家的上下左右移动，来躲避 障碍物和吃金币，玩家躲避的障碍物越多跑酷距离越远，玩家吃的金币越多，得分越高。

### 三、功能模块： ###

#### 1、登录界面 ####

用户名（输入框，明文） 密码（输入框，密文） 登录、取消按钮

#### 2、菜单选择界面 ####

开始游戏按钮（图片按钮） 帮助按钮 退出按钮

#### 3、缓冲加载界面 ####

自动加载进度条，加载完毕之后，跳转到下一界面

#### 4、游戏主界面 ####

移动的背景图片、动态的玩家、五种障碍物持续出现、玩家和障碍物的碰撞、 暂停、继续功能、玩家的移动功能

#### 5、结束界面 ####

获取玩家的得分、跑酷距离。继续游戏、返回主菜单的功能。

### 四、开发者： ###

Huey

### 五、版本号： ###

1.0

### 六、开发时间： ###

2020.11.16

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

**开发模式：MVC模式**

*  M：Model（数据层），存储的是实体类。
 *  V：View（显示层），存储的是关于界面的类。
 *  Ｃ：Controller（控制层），存储的是相关的逻辑层代码。

**企业级项目命名规范：**

`cn.sqc.runday.view`

### 一、登录界面 ###

界面功能需求图如下：

![eaa611df8766954163d171fe1ab54178.png][]

接下来我们再做一些准备工作：导入相关图片素材。

将天天酷跑的图片（Image）资源解压到桌面后，（Image文件如下图所示：）

![42750d6557be945273ea36a0f4dff0eb.png][]

复制到Eclipse中，单击src，直接Ctrl+V。

![7ec65e4cad994de1f76c4a3e47563af0.png][]

本文将实现cn.sqc.runday.view这一界面内容。

相关代码如下：

package cn.sqc.runday.view;
    
    import java.awt.Font;
    import java.awt.Graphics;
    import java.awt.Image;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.io.File;
    import java.io.IOException;
    
    import javax.imageio.ImageIO;
    import javax.swing.BorderFactory;
    import javax.swing.ImageIcon;
    import javax.swing.JButton;
    import javax.swing.JFrame;
    import javax.swing.JLabel;
    import javax.swing.JOptionPane;
    import javax.swing.JPanel;
    import javax.swing.JPasswordField;
    import javax.swing.JTextField;
    
    /**
     * 
     * @author Huey
     * @date 2020-11-16
     * 登录界面：用户名输入框  密码输入框  登录取消按钮 功能
     *
     */
    public class LoginFrame extends JFrame{
      //用户名变量（文本）
      JLabel userLabel;
      //用户名输入框（文本输入框）
      JTextField userField;
      //密码变量（文本）
      JLabel userLabel2;
      //密码输入框（文本输入框）
      JPasswordField userField2;
      //登录按钮、取消按钮（按钮）
      JButton Login,Cancel;
    
      public LoginFrame() {//直接 alt / （无参构造）  
        userLabel = new JLabel("用户名");  
        //设置字体
        userLabel.setFont(new Font("微软雅黑",Font.BOLD,18));        
        userLabel2 = new JLabel("密  码");
        userLabel2.setFont(new Font("微软雅黑",Font.BOLD,18));
    
        //布局方式：绝对布局
        userLabel.setBounds(20, 220, 100, 30);//x位置，y位置，所占显示空间的大小
        this.add(userLabel);//将用户名这三个字添加到登录界面上，以下同理
        userLabel2.setBounds(20, 280, 100, 30);
        this.add(userLabel2);
    
        //用户名输入框
        userField = new JTextField();
        userField.setBounds(80, 220, 100, 30);
        //设置输入框凹陷效果
        userField.setBorder(BorderFactory.createLoweredBevelBorder());
        //设置输入框背景透明
        userField.setOpaque(false);
        this.add(userField);
    
        userField2 = new JPasswordField();
        userField2.setBounds(80, 280, 100, 30);
        userField2.setBorder(BorderFactory.createLoweredBevelBorder());
        userField2.setOpaque(false);
        this.add(userField2);
    
    
    
    //登录按钮
        Login = new JButton("登录");
        Login.setBounds(45,350,60,36);
        //Login.setBackground(new Color(44,22,44));//背景色
        //Login.setForeground(Color.BLUE);//前景色    
        //绑定登录按钮的事件监听
        Login.addActionListener(new ActionListener() {//ActionListener alt /
    
          @Override
          public void actionPerformed(ActionEvent e) {
            //System.out.println("点击登录按钮");
            //获取用户名输入框的内容
            String userName = userField.getText();
            String passWord = userField2.getText();//横杠原因：方法太老了，不推荐用
            if("Huey".equals(userName) && "123".equals(passWord)){
              //登录成功
              JOptionPane.showMessageDialog(null, "欢迎"+userName+"来到天天酷跑游戏");
              //跳转到下一界面
    
              //关闭当前界面
              dispose();
            }else if("".equals(userName) || "".equals(passWord)){
              //不能为空
              JOptionPane.showMessageDialog(null, "用户名 / 密码不能为空，请重新输入！");
            }else{
              JOptionPane.showMessageDialog(null, "用户名 / 密码输入错误，请重新输入！");
            }
    
          }
        });
        this.add(Login);
    
    //取消按钮
        Cancel = new JButton("取消");
        Cancel.setBounds(135,350,60,36);
        this.add(Cancel);
        Cancel.addActionListener(new ActionListener() {
    
          @Override
          public void actionPerformed(ActionEvent e) {
            // TODO Auto-generated method stub
            dispose();
          }
        });
    
    
    
        //创建背景面板，并添加到窗体上去
        LoginPanel panel = new LoginPanel();
        this.add(panel);  
    
        //设置登录界面的基本属性
        this.setSize(900,530);
        this.setLocationRelativeTo(null);//位置居中
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setUndecorated(true);
    
        //设置窗体的Logo图标
        this.setIconImage(new ImageIcon("Image/115.png").getImage());//存储图片
        this.setVisible(true);
      }
    
    
    
      //测试用的main方法       main + Alt /
      public static void main(String[] args) {
        new LoginFrame();
      }
      class LoginPanel extends JPanel{//画板
        //背景图片变量
        Image background;//------ctr shift + o 导包
        public LoginPanel() {//-----alt / 回车 构造方法    在{后双击,显示作用域
          //读取图片文件，赋值给background变量
          try {//-----虽然不大可能，但也做好吃饭噎死的准备
            background = ImageIO.read(new File("Image/login.jpg"));//----read参数为File类型
          } catch (IOException e) {//-------捕获异常信息
            // 打印异常日志信息
            e.printStackTrace();
          }
        }
        //绘制方法
        @Override
        public void paint(Graphics g) {
          super.paint(g);
          //绘制背景图片
          g.drawImage(background, 0, 0,900,530, null);//900,530为宽高
        }
      }
    
    }
    //throws ......抛异常，将下面的异常向上抛,交给上级：不建议

为了更清楚地看出代码结构，这里给出部分代码的作用域。

LoginFrame作用域一直到最后一个\}

![10f04988d2d51d58e276ee7c51ee799f.png][]

LoginPanel的代码块：

![3c6cdde7ae0a04a9f8118d542bf3d439.png][]

运行结果截图：

1.界面

![a6dc77c5c5123ceb80812fa73bd72dab.png][]

2.登录

2.1、用户名及密码输入为空的情况：

![599959c169ca9ce7ecc82915e3d00a3a.png][]

2.2、用户名或密码输入错误的情况：

![b129c3defeb9793d52fd479ebb731aef.png][]

![af803b8865ec636dde28f0c5d5c7c79f.png][]

2.3、用户名及密码输入正确的情况：

![1787cdbca9b04d226368fce968f6a82c.png][]

![aa25d7dc40b31ce57d4dbce64f6cc587.png][]

单击弹窗中的“确定”，直接退出。

3.退出

点“取消”即可

### 二、开始游戏界面 ###

前文，我们完成了登录界面的搭建。接下来将完成开始游戏界面的搭建，并建立起登录界面与开始游戏界面的桥梁。

实现在输对用户名和密码后即可进入开始游戏界面的功能。

界面功能需求图：

![1a0960d39c5665bdd3f16a9ac6f6f4aa.png][]

#### 具体要求： ####

当鼠标移入开始游戏按钮后，按钮将由暗变亮，鼠标移开后，按钮又由亮变暗。

帮助、离开按钮同理。

另外，当点击离开时，需要实现关闭当前界面的效果。

上代码：

package cn.sqc.runday.view;
    
    import java.awt.Graphics;
    import java.awt.Image;
    import java.awt.event.MouseEvent;
    import java.awt.event.MouseListener;
    import java.io.File;
    import java.io.IOException;
    
    import javax.imageio.ImageIO;
    import javax.swing.ImageIcon;
    import javax.swing.JFrame;
    import javax.swing.JLabel;
    import javax.swing.JOptionPane;
    import javax.swing.JPanel;
    
    import cn.sqc.runday.controller.WindowFrame;
    
    public class MainFrame extends JFrame implements MouseListener {
      //设置窗体的基本属性  大小
      /**
       *  1.1、设置窗体基本属性大小 居中 边框隐藏 默认关闭按钮 logo图标
        1.2、创建背景面板MainPanel，实现背景图片功能
    
        2.图片按钮功能
       */
      //2.1创建开始按钮 帮助按钮 离开按钮 组件
      JLabel start,help,exit;
    
      JPanel MainPanel;
    
      public MainFrame() {//无参构造，创建对象。并在main函数中调用
        //2.2
        start = new JLabel(new ImageIcon("Image/hh1.png"));//ImageIcon:图标
        start.setBounds(350,320,150,40);
        start.setEnabled(false);//false按钮为灰色    
        start.addMouseListener(this);
        this.add(start);
    
        help = new JLabel(new ImageIcon("Image/hh2.png"));
        help.setBounds(350,420,150,40);
        help.setEnabled(false);
        help.addMouseListener(this);
        this.add(help);
    
        exit = new JLabel(new ImageIcon("Image/hh3.png"));
        exit.setBounds(350, 520, 150, 40);
        exit.setEnabled(false);
        exit.addMouseListener(this);
        this.add(exit);
    
    
        /**1.实现背景图片及窗体属性*/
        MainPanel panel = new MainPanel();
        this.add(panel);
    
        //设置窗体基本属性大小 居中 边框隐藏 默认关闭按钮 logo图标
        this.setSize(1200,730);//大小
        this.setLocationRelativeTo(null);//居中
        this.setUndecorated(true);//边框隐藏
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//默认关闭
        this.setIconImage(new ImageIcon("Image/115.png").getImage());//logo
        this.setVisible(true);      
      }
    
      public static void main(String[] args) {
        new MainFrame();
      }
    
      //2、创建背景面板MainPanel，实现背景图片功能
      class MainPanel extends JPanel{//创建的MainPanel类，在MainFrame中调用
      Image background;    
      public MainPanel() {
        try {
          background = ImageIO.read(new File("Image/main.png"));
        } catch (IOException e) {
          e.printStackTrace();
        }
      }
      @Override
      public void paint(Graphics g) {
        super.paint(g);
        g.drawImage(background, 0, 0,1200,730, null);
        }
      }
    
    
    
    //以下五个方法均为添加 implements MouseListener 后，快捷出来的
      @Override
      public void mouseClicked(MouseEvent e) {
        //鼠标点击
        if(e.getSource().equals(start)){
          //跳转到下一界面
          new WindowFrame().Start();
          //关闭当前界面
            //dispose();
        }else if(e.getSource().equals(exit)){
          dispose();
        }else if(e.getSource().equals(help)){
          JOptionPane.showMessageDialog(null, "有疑问请联系开发者：Huey");
        }
    
      }
    
    
    
    
      @Override
      public void mousePressed(MouseEvent e) {
        // TODO Auto-generated method stub
    
      }
    
    
    
    
      @Override
      public void mouseReleased(MouseEvent e) {
        // TODO Auto-generated method stub
    
      }
    
    
    
    
      @Override
      public void mouseEntered(MouseEvent e) {
        // 鼠标移入
        if(e.getSource().equals(start)){//e指一个事件。e.getSource()获取事件
          //如果鼠标移入到（start）组件（图片按钮）
          start.setEnabled(true);
        }else if(e.getSource().equals(help)){
          help.setEnabled(true);
        }else if(e.getSource().equals(exit)){
          exit.setEnabled(true);
        }
      }
    
    
    
    
      @Override
      public void mouseExited(MouseEvent e) {
        //鼠标移出
          if(e.getSource().equals(start)){
            start.setEnabled(false);
        }else if(e.getSource().equals(help)){
          help.setEnabled(false);
        }else if(e.getSource().equals(exit)){
          exit.setEnabled(false);
        }
      }
    }

#### 测试： ####

先填补上文的缺憾，加上new MainFrame();语句。调用我们刚刚写好的开始游戏界面。

![bae7c1657b951252a682f31bec16ced3.png][]

登录界面：

![54b265bcb42c7ad237e91cc6b95a8e59.png][]

单击确定

![4b757d0059af1f771c49815f97340075.png][]

完美进入我们写好的登录游戏界面：

![a0a141f7fac827c8d03df0b463d01759.png][]

现在看开始游戏按钮：

![8d403500a49357c68831ad939d962598.png][]

帮助按钮：

![704f725b0c7a219aec7c5ac0d8915ced.png][]

点击帮助按钮：

![2e73c15282f97c15133d382f926f44cc.png][]

退出按钮：

![fa1015abb1cc2a853b026646ef1a0c17.png][]

点击：

![cfcb5a013bb23a93f10c13d31ecf43c9.png][]

大功告成！

### 三、缓冲加载游戏界面 ###

前文，我们完成了开始游戏界面的搭建。接下来将实现缓冲加载界面的搭建。并搭建与前面俩界面间的桥梁。实现输入正确用户名密码后，进入开始游戏界面，点击开始游戏按钮后，进入缓冲加载界面的功能。

#### 界面示意图： ####

![ccca69dc65e2e7f8145b67f26f1ae8c8.png][]

#### 具体要求： ####

缓存加载界面：背景图片、进度条

动态加载过程。（线程）

我们想要实现动态的缓冲加载过程，让进度条动起来，就需要引入线程的概念了。

#### 线程： ####

Thread类中这样定义:

> 线程是程序中执行的线程,Java虚拟机允许程序同时运行多个执行线程。

举个例子，你用百度网盘下载一部电影，这就是一个线程。而如果你同时下载多部电影，这就是多线程了。

**1.线程有6种状态:新建，运行，阻塞，等待，计时等待和终止。**

*  新建：当使用new操作符创建新线程时，线程处于“新建”状态。
 *  运行(可运行)：调用start()方法。
 *  阻塞：当线程需要获得对象的内置锁，而该锁正在被其他线程拥有。
 *  等待：当线程等待其他线程通知调度表可以运行时。
 *  计时等待：对于一些含有时间参数的方法，如Thread类的sleep() 。
 *  终止：当run()方法运行完毕或出现异常时。

**2.创建线程的两种方式：**

1、实现Runnable

2、实现Thread类

直接上代码：

package cn.sqc.runday.controller;
    
    import java.awt.BorderLayout;
    import java.awt.Color;
    
    import javax.swing.ImageIcon;
    import javax.swing.JFrame;
    import javax.swing.JLabel;
    import javax.swing.JProgressBar;
    
    /**
     * 
     * @author Huey
     * @date 2020-11-18
     * 缓存加载界面:背景图片、进度条
     * 动态加载过程。（线程）
     * 
     */
    public class WindowFrame extends JFrame implements Runnable{
      JLabel background;
      //进度条
      JProgressBar jdt;
    
      //创建一个线程并启动
      public void Start(){
        WindowFrame frame = new WindowFrame();
        Thread t = new Thread(frame);//t代表线程
        //启动线程
        t.start();
        dispose();
      }
    
    
      public WindowFrame() {
        background = new JLabel(new ImageIcon("Image/hbg.jpg"));
        this.add(BorderLayout.NORTH,background);//放在窗口上面
    
        jdt = new JProgressBar();
        jdt.setStringPainted(true);//加载以字符串形式呈现出来。0%
        jdt.setBackground(Color.ORANGE);
        this.add(BorderLayout.SOUTH,jdt);
    
        //大小 568 * 340
        this.setSize(568,340);
        this.setLocationRelativeTo(null);
        this.setDefaultCloseOperation(3);
        this.setUndecorated(true);
        this.setIconImage(new ImageIcon("Image/115.png").getImage());  
        this.setVisible(true);  
      }
    
    
      public static void main(String[] args) {
        new WindowFrame().Start();
      }
    
    
      @Override
      public void run() {
        //启动线程后，线程具体执行的内容
        int [] values = {0,1,3,10,23,32,40,47,55,66,76,86,89,95,99,99,99,100};
        for(int i=0; i<values.length; i++){//循环遍历赋值
          jdt.setValue(values[i]);
          //线程休眠
          try {
            Thread.sleep(200);
          } catch (InterruptedException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
          }//200毫秒
        }
      }
    
    }

加载界面代码敲完，现在开始造桥。

现在，我们从第一个登录界面开始测试。

![bca78341b1a8c28a7c9df58829550a63.png][]

点击开始游戏：

![9be61caca767bad6213927b1fd4aa6ae.png][]

非静止画面……

![b3af9fd11ca6952b170e2e55c7de67cb.png][]

![c224a595f945aa49862fae11381a74d2.png][]

成功实现！

### 四、游戏主界面 ###

接上文，接下来将实现游戏主界面，功能如下:

> 移动的背景图片、动态的玩家、玩家的移动功能、五种障碍物持续出现、玩家和障碍物的碰撞、暂停、继续功能。

首先，看一下整体效果：

动图实在太大，几秒钟的 Gif 就十几兆了。无奈，图片展示效果。

跳跃、得分、下落、障碍物:

![aa51b8eaf885a82ad42e98ff9f5ea720.png][]

碰到障碍物后，玩家被推着走。

![5100ab0e5988e8e295a319824490bc17.png][]

下面，分别解释一下每个功能的逻辑：

#### 1、创建一个显示窗体，承载游戏的主面板类。 ####

GameFrame.java

package cn.sqc.runday.view;
    
    import javax.swing.ImageIcon;
    import javax.swing.JFrame;
    
    import cn.sqc.runday.controller.GamePanel;
    
    /**
     * @author Huey
     *2020-11-27  下午12:40:22
     * 游戏主界面：显示窗体，承载游戏的主面板类
     */
    
    public class GameFrame extends JFrame {
      //设置窗体宽高属性
      public static final int WIDTH=1500;
      public static final int HEIGHT=900;
      public GameFrame() {
        //2.4创建游戏面板对象，并添加到窗体上去
        GamePanel panel = new GamePanel();
        panel.action();//程序启动的方法
        this.addKeyListener(panel);//谁实现就监听谁
        this.add(panel);
    
        /**1.设置窗体基本属性*/
        this.setSize(WIDTH,HEIGHT);
        this.setLocationRelativeTo(null);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setIconImage(new ImageIcon("Image/115.png").getImage());
        this.setUndecorated(true);
        this.setVisible(true);  
      }
    
      public static void main(String[] args) {
        new GameFrame();
      }
    }

#### 2、游戏主面板类（核心逻辑类）： ####

背景图片滚动效果

使用两张背景图片，实现背景图片滚动效果的逻辑如下：

![04f150660721d181b583d1404445505d.png][]

下面用视频演示一下：

，时长00:21

**玩家动态效果**

我国早期很有名的一部动画片《大闹天宫》，由于当时没有电脑，所以需要一帧一帧的画，随后快速播放图片，形成动态的画面（我愿称之：真·动画），并为之配音，短短10分钟的动画却要画7000到10000张原画！

而此处，我们的玩家的奔跑姿态，同理是由九张图片构成。

![c781aef14c42ac82a779d81ebacc7d70.png][]

下面动图演示：

![514e923344624cbeb4401747ae69fcdd.gif][]

下面是实现玩家的（生成、移动、绘制）的基本代码，后面的障碍物的实现，也都遵循这一编写逻辑。

为更方便读懂代码，已尽力注释，若仍有不清楚的地方，欢迎留言交流。

Person.java

package cn.sqc.runday.model;
    
    import java.awt.Graphics;
    import java.awt.Image;
    import java.io.File;
    import java.io.IOException;
    
    import javax.imageio.ImageIO;
    
    import cn.sqc.runday.view.GameFrame;
    
    /**
     * @author Huey
     * @date 2020-11-23
     * 玩家的实体类
     */
    public class Person {//1.声明属性
      private Image image;//1.1 玩家当前显示图片
      private Image[] images;//1.2 玩家所有图片
    
      public static final int WIDTH = 120;//1.3玩家宽高
      public static final int HEIGHT = 120;
    
      //1.4玩家初始位置坐标
      private int x,y;
      int index;//下面用作切换图片
      //玩家得分
      private int score;
      //玩家跑酷距离
      private int distance;
    
      public Person() {//2.赋值
        //给图片数组images赋值
        init();//2.1  先写，会提示要不要实现！自动生成方法
        //默认当前显示图片位第一张图片 2.6
        image = images[0];
    
        x = 90;//2.7
        y = 580;//脚踩地板
        index = 0;
        score = 0;
        distance = 0;
      }
      //玩家自由下落方法5.1
      public void drop() {
        y += 5;
        if(y>=580){// 下落归下落，也得温柔点，不能让小人儿踩破了地板
          y = 580;
        }
      }
      //玩家移动的方法
      public void step(){
        //玩家图片的切换
        image = images[index ++ /3%images.length];
        //玩家坐标改变（玩家坐标通过键盘控制，此次不做处理）
      }
      //绘制玩家的方法
      public void paintPerson(Graphics g){
        g.drawImage(image, x, y, WIDTH, HEIGHT, null);
      }
    
      //判断玩家是否越界的方法
      public boolean outOfBounds(){
        return this.x >= GameFrame.WIDTH || this.x <= -WIDTH;
      }
      private void init() {//2.2
        images = new Image[9];
        for(int i = 0; i<images.length; i++){//2.3
          try {//2.5
            images[i] = ImageIO.read(new File("Image/"+(i+1) + ".png"));//2.4
          } catch (IOException e) {//2.5
            // TODO Auto-generated catch block
            e.printStackTrace();
          }
        }
      }
    //2.8  右键，Source，GGAS
      public Image getImage() {
        return image;
      }
    
      public void setImage(Image image) {
        this.image = image;
      }
    
      public Image[] getImages() {
        return images;
      }
    
      public void setImages(Image[] images) {
        this.images = images;
      }
    
      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 static int getWidth() {
        return WIDTH;
      }
    
      public static int getHeight() {
        return HEIGHT;
      }
      public int getIndex() {
        return index;
      }
      public void setIndex(int index) {
        this.index = index;
      }
      public int getScore() {
        return score;
      }
      public void setScore(int score) {
        this.score = score;
      }
      public int getDistance() {
        return distance;
      }
      public void setDistance(int distance) {
        this.distance = distance;
      }
    
    }

#### 3、几种障碍物的出现 ####

障碍物一：螃蟹

![380c6272457b669338b8f7095fa13922.png][]

package cn.sqc.runday.model;
    
    import java.awt.Graphics;
    import java.awt.Image;
    import java.awt.Paint;
    import java.io.File;
    
    import javax.imageio.ImageIO;
    
    import cn.sqc.runday.view.GameFrame;
    
    public class Barrs_1 {
      private Image image;
      private Image [] images;
      public static final int WIDTH=100;
      public static final int HEIGHT=110;
      private int x,y;
      int  index;
      private int speed;
    
      public Barrs_1() {//    螃蟹！
        images = new Image[2];
        try {
          images[0]=ImageIO.read(new File("image/a2.png"));
          images[1]=ImageIO.read(new File("image/a4.png"));    
        } catch (Exception e) {
          // TODO: handle exception
        }    
        image = images[0];
        x=GameFrame.WIDTH+100;
        y=580;
        speed =30;
        index = 0;
      }
    
      public  void step() {//切换图片
        image =images[index++/5%images.length];
        x-=speed;//切换图片实现螃蟹爪子张合的动态效果的同时，使其向左移动
      }
      public void paintBarrs(Graphics g) {
      g.drawImage(image, x,y,WIDTH,HEIGHT, null);
    }
      public boolean outofBounds(){
        return this.x <=-WIDTH;
      }
    public Image getImage() {
      return image;
    }
    public void setImage(Image image) {
      this.image = image;
    }
    public Image[] getImages() {
      return images;
    }
    public void setImages(Image[] images) {
      this.images = images;
    }
    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 int getIndex() {
      return index;
    }
    public void setIndex(int index) {
      this.index = index;
    }
    public int getSpeed() {
      return speed;
    }
    public void setSpeed(int speed) {
      this.speed = speed;
    }
    public static int getWidth() {
      return WIDTH;
    }
    public static int getHeight() {
      return HEIGHT;
    }
    
    }

需要注意的是，在创建后，记得添加set、get方法。以便在面板类中对其障碍物进行操作。

#### 障碍物二：宠物 ####

与其称之障碍物，不如说它是个跟着玩家的小跟班。

![19b82c46d59acacf1d771c2f64c15c89.png][]

![5af0cc72d223c1d40a2af7a5e1e8117c.gif][]

package cn.sqc.runday.model;
    
    import java.awt.Graphics;
    import java.awt.Image;
    import java.awt.event.KeyListener;
    import java.io.File;
    import java.io.IOException;
    
    import javax.imageio.ImageIO;
    
    import cn.sqc.runday.view.GameFrame;
    
    public class Barrs_2{  //  宠物！
      private Image image;
      private Image images [] ;
      public static final int WIDTH= 70;
      public static final int HEIGHT = 60;
      private int x,y;
      int index;
      public Barrs_2() {
        init();
        image = images[0];
        x=300;
        y=460;
      }
      public void drop() {
        y ++;
        if(y>=460){
          y = 460;
        }
      }
      public void step(){
        image = images[index++/2%images.length];
      }
       public void paintBarrs(Graphics g) {
          g.drawImage(image, x,y,WIDTH,HEIGHT, null);
        }
      public boolean outofBounds() {
        return this.x<=-WIDTH;
      }
    public void init(){
      images = new Image[6];
      for( int i=0;i<6;i++){
        try {
          images[i]=ImageIO.read(new File ("Image/"+"d"+(i+1)+".png"));
        } catch (IOException e) {
          // TODO Auto-generated catch block
          e.printStackTrace();
        }
      }
    }
    public Image getImage() {
      return image;
    }
    public void setImage(Image image) {
      this.image = image;
    }
    public Image[] getImages() {
      return images;
    }
    public void setImages(Image[] images) {
      this.images = images;
    }
    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 int getIndex() {
      return index;
    }
    public void setIndex(int index) {
      this.index = index;
    }
    public static int getWidht() {
      return WIDTH;
    }
    public static int getHeight() {
      return HEIGHT;
    }
    
    }

#### 障碍物三、导弹 ####

![7a53b3a7fe66b09fca449ba337856a0a.png][]

package cn.sqc.runday.model;
    
    import java.awt.Graphics;
    import java.awt.Image;
    import java.io.File;
    
    import javax.imageio.ImageIO;
    
    import cn.sqc.runday.view.GameFrame;
    
    public class Barrs_3 {//     导弹！
      private Image image;
      private int x,y;
      public static final int WIDTH = 150;
      public static final int HEIGHT=70;
      private int speed;
      public Barrs_3() {
        try {
          image = ImageIO.read(new File("image/daodan.png"));
        } catch (Exception e) {
          // TODO: handle exception
        }
        x=GameFrame.WIDTH+1000;
        y=450;
        speed = 25 ;
      }
      public void step(){
        x-=speed;
      }
      public void paintBarrs(Graphics g) {
        g.drawImage(image, x, y, WIDTH, HEIGHT, null);
    
      }
      public boolean outofBounds(){
        return this.x<=-WIDTH;
      }
      public Image getImage() {
        return image;
      }
      public void setImage(Image image) {
        this.image = image;
      }
      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 int getSpeed() {
        return speed;
      }
      public void setSpeed(int speed) {
        this.speed = speed;
      }
      public static int getWidth() {
        return WIDTH;
      }
      public static int getHeight() {
        return HEIGHT;
      }
    }

#### 障碍物四：鱼叉等障碍物 ####

![b623815227bf9d02586fba3666fb359b.png][]

package cn.sqc.runday.model;
    
    import java.awt.Graphics;
    import java.awt.Image;
    import java.io.File;
    import java.util.Random;
    
    import javax.imageio.ImageIO;
    
    import cn.sqc.runday.view.GameFrame;
    
    public class Barrs_4 {//    鱼叉障碍物！
      private Image image;
      private Image images[];
      public static final int WIDTH =150;
      public static final int HEIGHT =350;
      private int x,y;
    
      public Barrs_4() {//构造方法
        Random random = new Random();
        images = new Image[4] ;
      try {
        images[0] = ImageIO.read(new File("image/11.png"));
        images[1]= ImageIO.read(new File("image/12.png"));
        images[2]= ImageIO.read(new File("image/13.png"));
        images[3]= ImageIO.read(new File("image/14.png"));
      } catch (Exception e) {
        // TODO: handle exception
      }
        image= images[random.nextInt(4)];
        x=GameFrame.WIDTH+1500;
        y=0;
      }
      public void step(){
        x-=20;
      }
      public void paintBarrs(Graphics g){
        g.drawImage(image, x, y, WIDTH, HEIGHT, null);
      }
      public boolean outofBounds(){
        return this.x<=-WIDTH;
      }
      public Image getImage() {
        return image;
      }
      public void setImage(Image image) {
        this.image = image;
      }
      public Image[] getImages() {
        return images;
      }
      public void setImages(Image[] images) {
        this.images = images;
      }
      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 static int getWidth() {
        return WIDTH;
      }
      public static int getHeight() {
        return HEIGHT;
      }
    
    }

#### 障碍物五、金币 ####

![5c7562345568f0727c55011e5f108dac.png][]

在此，暂且先不写金币的动态效果。

package cn.sqc.runday.model;
    
    import java.awt.Graphics;
    import java.awt.Image;
    import java.io.File;
    import java.io.IOException;
    import java.util.Random;
    
    import javax.imageio.ImageIO;
    
    import cn.sqc.runday.view.GameFrame;
    
    /**
     * @author Huey
     *2020-11-30  下午03:44:51
     *金币障碍物类
     * 
     */
    public class Barrs_5 {
        private Image image;//当前显示图片
        public static final int WIDTH = 30;
        public static final int HEIGHT = 30;
        private int x,y;
        private int speed;
        Random random = new Random();
        public Barrs_5() {
          try {
            image = ImageIO.read(new File("Image/"+(random.nextInt(6) + 21) + ".png"));
          } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
          }
          x = GameFrame.WIDTH + 10;
          y = random.nextInt(600);
          speed = 20;
        }
    
        public void step(){
          x -= speed;
        }
    
        public void paintBarrs(Graphics g){
          g.drawImage(image, x, y, WIDTH, HEIGHT, null);
        }
        public boolean outofBounds() {
          return this.x<=-WIDTH;
        }
    
        public Image getImage() {
          return image;
        }
    
        public void setImage(Image image) {
          this.image = image;
        }
    
        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 int getSpeed() {
          return speed;
        }
    
        public void setSpeed(int speed) {
          this.speed = speed;
        }
    
        public Random getRandom() {
          return random;
        }
    
        public void setRandom(Random random) {
          this.random = random;
        }
    
        public static int getWidth() {
          return WIDTH;
        }
    
        public static int getHeight() {
          return HEIGHT;
        }
    
    }

#### 4、玩家和障碍物的碰撞逻辑 ####

以玩家与导弹的碰撞举例：

for(int i = 0;i<barrs3.length;i++){
        if(person.getX() + Person.WIDTH >= barrs3[i].getX() &&
        person.getX() <= barrs3[i].getX()   + Barrs_3.WIDTH  &&
        person .getY() +Person.getHeight() >= barrs3[i].getY() &&
        person.getY()  <= barrs3[i].getY () + Barrs_3.HEIGHT){
          if(person.getX() + Person.WIDTH <= barrs3[i].getX() + Barrs_3.WIDTH){//玩家的宽度（120px）是比障碍物小的
            //左碰撞
            person.setX(barrs3[i].getX()  - Barrs_3.WIDTH);
          }else{
            //右碰撞
            person.setX(barrs3[i].getX()+ Barrs_3.WIDTH  );
          }  
        }
      }

以下动图演示了玩家从右边与障碍物b发生碰撞和从左边碰撞的逻辑，上下碰撞同理。

上下左右碰撞的逻辑代码，在动图下方：

![dd297bb835d2aa09a1246e87549b1053.gif][]

#### 5、暂停、继续逻辑 ####

在监听键盘按键的方法中。

![d7bce3d989f1bbbd8f278098874aee46.png][]

代码如下：

![efa4c108ba8c20687ecb1e507e592a0b.png][]

此处的 flag 来源于上面程序启动的方法中，不难看出只要按了空格键，就能实现生成、移动、绘制方法的暂停，也就相当于画面的静止、游戏的暂停！

![681cedb511cfd49376afbb68a2cdb317.png][]

#### 6、结束逻辑 ####

![e45bcda76f6988cc56be259293c7a2f4.png][]

游戏主界面代码如下：

package cn.sqc.runday.controller;
    
    import java.awt.Color;
    import java.awt.Font;
    import java.awt.Graphics;
    import java.awt.Image;
    import java.awt.event.KeyEvent;
    import java.awt.event.KeyListener;
    import java.io.File;
    import java.io.IOException;
    import java.util.Arrays;
    
    import javax.imageio.ImageIO;
    import javax.swing.JPanel;
    
    import cn.sqc.runday.model.Barrs_1;
    import cn.sqc.runday.model.Barrs_2;
    import cn.sqc.runday.model.Barrs_3;
    import cn.sqc.runday.model.Barrs_4;
    import cn.sqc.runday.model.Barrs_5;
    import cn.sqc.runday.model.Person;
    import cn.sqc.runday.view.EndFrame;
    import cn.sqc.runday.view.GameFrame;
    
    /**
     * @author Huey
     *2020-11-27  下午12:28:44
     * 游戏主面板类，核心逻辑类
     *           1、背景图片滚动效果
     *           2、玩家动态效果
     *           3、五种障碍物的出现
     *           4、玩家和障碍物的碰撞逻辑
     *           5、暂停、继续逻辑
     *           6、结束逻辑
     */
    
    public class GamePanel extends JPanel implements KeyListener{
      /**2、生成动态的背景图片***/
      //2.1声明背景图片对象
      Image background;
      Image score;
      Image pause;//暂停
      Image  proceed;//继续.
    
    
      /***3.实现玩家的动态效果和移动功能***/
      //3.1创建玩家对象（类的实例化）
      Person person;
      Barrs_2 barrs_2;//宠物
      Barrs_4 barrs_4;//鱼钩等障碍物
      Barrs_5 barrs_5;//金币
      /**4.实现螃蟹障碍物*/
      //4.1
      Barrs_1[]barrs1 = {};//存储螃蟹数组（没有元素，可以扩容）
      Barrs_3[]barrs3 ={};//导弹
      Barrs_4[]barrs4={};//鱼钩
      Barrs_5[]barrs5 = {};//金币
    
      public GamePanel() {
        //3.2
        person = new Person();//调用Person类的构造方法，创建对象并赋值
        barrs_2 = new Barrs_2();
        //2.2读取图片文件
        try{
          background =ImageIO.read(new File("Image/cc.png"));//跑酷背景
          score =ImageIO.read(new File("Image/a12.png"));//得分背景
          pause = ImageIO.read(new File("Image/b2.png"));
          proceed = ImageIO.read(new File("Image/b1.png"));
        }catch(IOException e){
          e.printStackTrace();
        }
      }
      //2.5
      int x=0;//背景图片初始位置
    @Override
    public void paint(Graphics g) { 
      super.paint(g);
      //2.7
      if(flag){
        x-=20;//图片滚动的速度
      }
        //2.3绘制背景图片(动态切换很流畅)
        g.drawImage(background, x, 0, GameFrame.WIDTH, GameFrame.HEIGHT, null);
        g.drawImage(background, x+GameFrame.WIDTH, 0, GameFrame.WIDTH, GameFrame.HEIGHT,null);
        if(x<=-GameFrame.WIDTH){//实现两张图片之间的切换
          x = 0;
        }
    
      //3.3绘制 玩家
      person.paintPerson(g);
      //绘制螃蟹
      for(int i =0;i<barrs1.length;i++){
        barrs1[i].paintBarrs(g);
      }
      //绘制宠物
      barrs_2.paintBarrs(g);
      //绘制导弹
      for(int i =0;i<barrs3.length;i++){
        barrs3[i].paintBarrs(g);
      }
      //随机绘制鱼钩障碍物
      for(int i =0;i<barrs4.length;i++){
        barrs4[i].paintBarrs(g);
      }
      //随机绘制金币
      for(int i = 0;i<barrs5.length;i++){
        barrs5[i].paintBarrs(g);
      }
    
    
    //位置越往下，图层越往上
      //绘制玩家分数
      g.drawImage(score, 120, 50,null);
      g.setColor(Color.ORANGE);
      g.setFont(new Font("宋体",Font.BOLD,30 ));
      g.drawString("玩家得分："+person.getScore()+"分", 133, 95);
    
      //绘制暂停、继续标识图片
      if(flag){
              g.drawImage(proceed, 200, 800, 90,90,null);
      }else{
            g.drawImage(pause, 200, 800, 90, 90, null);
      }
    
    }
    
    //生    成  障  碍  物  的  方  法
    int index =0;
    public void enteredAction(){//实现源源  不  断  生成障碍物的效果
      index++;
      //生成螃蟹障碍物
      if(index%100==0){
        //生成一个螃蟹
        Barrs_1 b1 = new Barrs_1();
        Barrs_3 b3 = new Barrs_3();
        Barrs_4 b4 = new Barrs_4();
    
        barrs1 =Arrays.copyOf(barrs1,barrs1.length+1);//数组扩容
        barrs1[barrs1.length-1]= b1;//放到数组最后一个元素的位置
        //System.out.println("测试"+barrs1.length);    
        barrs3 =Arrays.copyOf(barrs3,barrs3.length+1);
        barrs3[barrs3.length-1]= b3;
        barrs4 =Arrays.copyOf(barrs4,barrs4.length+1);
        barrs4[barrs4.length-1]= b4;
      }
      if(index%15==0){
        Barrs_5 b5 = new Barrs_5();
        barrs5 = Arrays.copyOf(barrs5, barrs5.length +1);
        barrs5[barrs5.length-1] = b5;
      }
    }
    
    
    //移    动  方  法
    public void stepAction(){
      //3..4
        person.step();//切换玩家的图片—>动起来
        person.drop();//不断下坠
        barrs_2.drop();
        //螃蟹障碍物移动
      for(int i =0;i<barrs1.length;i++){
        barrs1[i].step();
        //判断当前障碍物是否 越界，并做越界处理
        if(barrs1[i].outofBounds()){
          //删除越界的螃蟹障碍物
          barrs1[i] = barrs1[barrs1.length - 1];//将螃蟹数组最后一个元素，赋给越界的螃蟹，覆盖了，相当于间接删除了。
          barrs1= Arrays.copyOf(barrs1, barrs1.length - 1);//数组缩容
        }
      }
    
      barrs_2.step();
    
      for(int i =0;i<barrs3.length;i++){
          barrs3[i].step();
        //删除越界的导弹障碍物
        if(barrs3[i].outofBounds()){
          barrs3[i] = barrs3[barrs3.length - 1];
          barrs3 = Arrays.copyOf(barrs3, barrs3.length - 1);
        }
      }
    
      for(int i =0;i<barrs4.length;i++){
        barrs4[i].step();
        //删除越界的鱼叉障碍物
        if(barrs4[i].outofBounds()){
        barrs4[i] = barrs4[barrs4.length - 1  ];
        barrs4 = Arrays.copyOf(barrs4, barrs4.length - 1);
        }
      }
      for(int i = 0;i<barrs5.length;i++){
        barrs5[i].step();
        if(barrs5[i].outofBounds()){
          //删除越界的金币
          barrs5[i] = barrs5[barrs5.length - 1];
          barrs5 = Arrays.copyOf(barrs5, barrs5.length - 1);
        }
      }
    }
    
    //玩家和障碍物碰撞的处理方法
    public void pengAction(){
      //判断玩家是否和螃蟹障碍物进行碰撞
      for(int i = 0;i<barrs1.length;i++){//上下左右都写了，下是用不到的
        if(person.getX() + Person.WIDTH >= barrs1[i].getX() &&
        person.getX() <= barrs1[i].getX()   + Barrs_1.WIDTH  &&
        person .getY() +Person.getHeight() >= barrs1[i].getY() &&
        person.getY()  <= barrs1[i].getY () + Barrs_1.HEIGHT){
          //碰撞后的处理（遮挡类障碍物）
          if(person.getX() + Person.WIDTH <= barrs1[i].getX() + Barrs_1.WIDTH){//防止人在右边，碰撞后可以穿过障碍物
            //左碰撞
            person.setX(barrs1[i].getX()  - Barrs_1.WIDTH);
          }else{
            //右碰撞
            person.setX(barrs1[i].getX()+ Barrs_1.WIDTH  );
          }            
        }
      }
      //判断玩家是否和导弹障碍物进行碰撞
      for(int i = 0;i<barrs3.length;i++){
        if(person.getX() + Person.WIDTH >= barrs3[i].getX() &&
        person.getX() <= barrs3[i].getX()   + Barrs_3.WIDTH  &&
        person .getY() +Person.getHeight() >= barrs3[i].getY() &&
        person.getY()  <= barrs3[i].getY () + Barrs_3.HEIGHT){
          if(person.getX() + Person.WIDTH <= barrs3[i].getX() + Barrs_3.WIDTH){//玩家的宽度（120px）是比障碍物小的
            //左碰撞
            person.setX(barrs3[i].getX()  - Barrs_3.WIDTH);
          }else{
            //右碰撞
            person.setX(barrs3[i].getX()+ Barrs_3.WIDTH  );
          }  
        }
      }
      //判断玩家是否和鱼叉障碍物进行碰撞
      for(int i = 0;i<=barrs4.length -1;i++){//小心数组越界！
        if(person.getX() + Person.WIDTH >= barrs4[i].getX() &&
        person.getX() <= barrs4[i].getX() + Barrs_4.WIDTH &&
        person.getY() + Person.HEIGHT >= barrs4[i].getY() &&
        person.getY() <= barrs4[i].getY() + Barrs_4.HEIGHT  ){
          if(person.getX() + Person.WIDTH <= barrs4[i].getX() + Barrs_4.WIDTH  ){
            //左碰撞
            person.setX(barrs4[i].getX() - Barrs_4.WIDTH);
          }else{
            //右碰撞
            person.setX(barrs4[i].getX()+ Barrs_4.WIDTH  );
          }  
        }
      }
      //玩家和金币的碰撞
      for(int i = 0;i<barrs5.length;i++){
        if(person.getX() + Person.WIDTH >= barrs5[i].getX() &&
        person.getX() <= barrs5[i].getX()   + Barrs_5.WIDTH  &&
        person .getY() +Person.getHeight() >= barrs5[i].getY() &&
        person.getY()  <= barrs5[i].getY () + Barrs_5.HEIGHT){//判断玩家与金币的碰撞
          if(person.getX() + Person.WIDTH <= barrs5[i].getX() + Barrs_5.WIDTH){
            //删除当前金币
            barrs5[i]  = barrs5[barrs5.length - 1];
            barrs5 = Arrays.copyOf(barrs5, barrs5.length - 1);
    
            //玩家加分
            int score = person.getScore();
            person.setScore(score + 10);
           }
        }
      }
    
    }
    //结束逻辑
      public  void gameOverAction(){
        if(person.outOfBounds()){
          //程序结束
          isGameOver = true;
          //传递数据（创建结束界面）
          new EndFrame(person);//面向对象思想
          //数据清空
          person = new Person();
          barrs1 = new Barrs_1[]{};
          barrs3 = new Barrs_3[]{};
        }
    
      }
      public static boolean isGameOver = false;
      boolean flag = true; 
    //2.8  创  建  一  个  程  序  启  动  的   方  法
    public void action(){
      new Thread(){//匿名内部类
        //重写run方法
        public void run() {
          while(!isGameOver){
            //3.4
            if(flag){
                enteredAction();//细节：只有先生成了障碍物后，下面才能调用移动障碍物的方法
                stepAction();
                pengAction();//玩家和障碍物碰撞
                gameOverAction();
    
            }
            //重绘方法
            repaint();
            //线程休眠
            try {
              Thread.sleep(60);
            } catch (Exception e) {
              // TODO: handle exception
              e.printStackTrace();
            }
          }
    
        };
      }.start();//创建一个线程并启动
    
      }
    
    @Override
    public void keyTyped(KeyEvent e) {
      // TODO Auto-generated method stub
    
    }
    
    @Override
    public void keyPressed(KeyEvent e) {
      //获取玩家当前位置坐标
       int x = person.getX();
       int y = person.getY();
       int x1 = barrs_2.getX();
       int y1 = barrs_2.getY();
    
      //上
        if(e.getKeyCode() == KeyEvent.VK_UP  &&    y > 10  &&    y1 > 10){
          person.setY(y-25);
          barrs_2.setY(y-25);
        }
          //下
        if(e.getKeyCode()== KeyEvent.VK_DOWN  &&    y<=560    &&    y1<560){
          person.setY(y+30);
          barrs_2.setY(y-30);
        }
        //左
        if(e.getKeyCode()==KeyEvent.VK_LEFT    &&   x>=0  ){
          person.setX(x-30);
          barrs_2.setX(x1-30);
    
        }
        //右
        if(e.getKeyCode()==KeyEvent.VK_RIGHT){
          person.setX(x+22);
          barrs_2.setX(x1+22);
          if(x>=GameFrame.WIDTH-Person.WIDTH){//如果人物到了右边界
            person.setX(GameFrame.WIDTH-Person.WIDTH);
          }
          if(x1>=GameFrame.WIDTH-barrs_2.WIDTH){//如果宠物到了右边界
            barrs_2.setX(GameFrame.WIDTH - barrs_2.WIDTH);
          }
        }
        //暂停 继续功能
        if(e.getKeyCode() == KeyEvent.VK_SPACE){
            flag = !flag;
        }
    
      }
    
    @Override
    public void keyReleased(KeyEvent e) {
      // TODO Auto-generated method stub
    }
    }

### 五、结束界面 ###

接上文，接下来将实现天天酷跑游戏的结束界面，功能如下：

> 跑酷距离、获取玩家的得分。再来一次、返回主菜单、直接退出。

具体啥样子，先睹为快！

![87690123cc71c0739c670b71c755f122.png][]

点击再来一次按钮，进入加载状态，加载结束，直接进入游戏。

![5f9d0aa1aedb7f743d4b2290b7b7f309.gif][]

点击主菜单按钮，进入主菜单界面：

![dde6850f6eb3fc7fc83eeca8fa59c48f.gif][]

#### 1、跑酷距离 ####

我是在Person类的玩家移动方法中，添加了一个自增的diatance，只要玩家的图片还在切换，也就是游戏还没有结束，这个distance都在自增，也算是一种间接的实现计算跑酷距离的方法。

![730405d54d45c7480a3546ef43b2f470.png][]

通过在Person类中添加get、set方法，获取数据。

![b2fa5bcbe8963f84fc5c2b82a080f450.png][]

#### 2、获取玩家的得分 ####

玩家与金币碰撞的得分即为图中的表现分，在GamePanel 获取。

![e17b94ef2e86782f643e27ade1fff99f.png][]

而总分，我在Person类中，设定了一个简单的计分规则：

![2f0d38fd003bd781b8c60bf1010ae8dd.png][]

#### 3、再来一次 ####

在鼠标点击事件内，new一个新的加载界面，加载完成后自动进入游戏。

![842815cd7ea96244582d67fdf0b8997f.png][]

#### 4、返回主界面 ####

同理。

![2187c1a87d5451af97012f8e6a0140d4.png][]

#### 5、直接退出 ####

同理。

![06cd4b7dc119d73a8c5c77a38ba0cfe4.png][]

上代码

EndFrame.java

package cn.sqc.runday.view;
    
    import java.awt.Color;
    import java.awt.Font;
    import java.awt.Graphics;
    import java.awt.Image;
    import java.awt.event.MouseEvent;
    import java.awt.event.MouseListener;
    import java.io.File;
    import java.io.IOException;
    import javax.imageio.ImageIO;
    import javax.swing.ImageIcon;
    import javax.swing.JButton;
    import javax.swing.JFrame;
    import javax.swing.JLabel;
    import javax.swing.JPanel;
    
    import cn.sqc.runday.controller.GamePanel;
    import cn.sqc.runday.model.Person;
    
    
    public class EndFrame extends JFrame implements MouseListener {
      //创建继续游戏按钮、返回主菜单按钮、退出按钮 组件
        JLabel again,back,exit;
    
      public EndFrame(Person person) { 
        again = new JLabel(new ImageIcon("Image/hh5.png"));
        again.setBounds(520, 622, 60, 25);
        again.addMouseListener(this);
        this.add(again);  
        back = new JLabel(new ImageIcon("Image/hh6.png"));
        back.setBounds(520, 722, 60, 25);
        back.addMouseListener(this);
        this.add(back);
        exit = new JLabel(new ImageIcon("Image/hh3.png"));
        exit.setBounds(520, 822, 60, 25);
        exit.addMouseListener(this);
        this.add(exit);
    
        EndPanel end = new EndPanel(person);
        this.add(end);//将结束面板组件添加到结束窗口上
    
        this.setSize(1500, 900);
        this.setLocationRelativeTo(null);
        this.setUndecorated(true);
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        this.setIconImage(new ImageIcon("Image/115.png").getImage());
        this.setVisible(true);
      }
    
      public static void main(String[] args) { 
        //new EndFrame();
      }
      class EndPanel extends JPanel{
        Image background;
        Person p;
        public EndPanel(Person person) {//类比int a
          this.p = person;//创建对象、传值
          try {
            background = ImageIO.read(new File("Image/chou.png"));
          } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
          }
        }
        @Override
        public void paint(Graphics g) {
          // TODO Auto-generated method stub
          super.paint(g);
          g.drawImage(background, 0, 0,1500,900 ,null);
          g.setColor(Color.CYAN);
          g.setFont(new Font("宋体",Font.BOLD,30));
          g.drawString(p.getScore()+"",1110,705);// + ” “ 属实妙
          g.drawString(p.getDistance() + " ", 1110, 622);
    
          g.setFont(new Font("宋体",Font.BOLD,50));
          g.setColor(Color.ORANGE);
          g.drawString(p.getTotalScore() + "", 1075, 500);
        }
      }
      @Override
      public void mouseClicked(MouseEvent e) {
        if(e.getSource().equals(again)){
          //跳转到下一界面  
           new WindowFrame().Start();
          //关闭当前界面
           dispose();
        }  else if(e.getSource().equals(back)){
          new MainFrame();
          dispose();
        }else if(e.getSource().equals(exit)){
          System.exit(0);
        }
      }
    
      @Override
      public void mousePressed(MouseEvent e) {
        // TODO Auto-generated method stub
    
      }
    
      @Override
      public void mouseReleased(MouseEvent e) {
        // TODO Auto-generated method stub
    
      }
    
      @Override
      public void mouseEntered(MouseEvent e) {
        // TODO Auto-generated method stub
    
      }
    
      @Override
      public void mouseExited(MouseEvent e) {
        // TODO Auto-generated method stub
    
      }
    
    }

源码

> https://github.com/HueyM/Projects

PS：如果觉得我的分享不错，欢迎大家随手点赞、在看。

[eaa611df8766954163d171fe1ab54178.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/81f0bff707934dbeb7a0ade6ed1ea539.png
[42750d6557be945273ea36a0f4dff0eb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/ef24f31fe29640d4a513c991a1225c43.png
[7ec65e4cad994de1f76c4a3e47563af0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/8c66c3af39474e9fb12e851421a72e87.png
[10f04988d2d51d58e276ee7c51ee799f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/03916dfdc00143df8aaa6d2e11ecc3be.png
[3c6cdde7ae0a04a9f8118d542bf3d439.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/2cd068b0f91e4a3d95e7bb4f1b97558a.png
[a6dc77c5c5123ceb80812fa73bd72dab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/30ca37edac854ab0a7ebba540bc3817f.png
[599959c169ca9ce7ecc82915e3d00a3a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/d86af1bf30e447f58e97b45121184a3e.png
[b129c3defeb9793d52fd479ebb731aef.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/385cce5958d84c03909949ffba8945b5.png
[af803b8865ec636dde28f0c5d5c7c79f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/79881e772e7941ad8b42ac9908169907.png
[1787cdbca9b04d226368fce968f6a82c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/705eb7b146164a4ea8721d6de53419f2.png
[aa25d7dc40b31ce57d4dbce64f6cc587.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/e59c9efe5bda4396b2f39e46f2695b7d.png
[1a0960d39c5665bdd3f16a9ac6f6f4aa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/0efe9ab3ef65416783f4390e559a2ddd.png
[bae7c1657b951252a682f31bec16ced3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/075e697df4c641299a77acb2bcdcee60.png
[54b265bcb42c7ad237e91cc6b95a8e59.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/82981363e48f44cc8ab69d780676ae35.png
[4b757d0059af1f771c49815f97340075.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/02a586f01f1745c08acfd54790916b01.png
[a0a141f7fac827c8d03df0b463d01759.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/37b78e6094fe4be2a8871930e84ae311.png
[8d403500a49357c68831ad939d962598.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/697a3d08f3944ea7aeaad613f58a5021.png
[704f725b0c7a219aec7c5ac0d8915ced.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/f73f8126cbdb46cbb94dba31b5d13131.png
[2e73c15282f97c15133d382f926f44cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/797d641c71f0470cb6801ff5e03c429c.png
[fa1015abb1cc2a853b026646ef1a0c17.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/9195a4cc1a504116935a881c4c0b6bd9.png
[cfcb5a013bb23a93f10c13d31ecf43c9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/21092c40fb9f48459119c5be326c91a5.png
[ccca69dc65e2e7f8145b67f26f1ae8c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/85cf5dd4b0b54110b3e1dfc44a891ddf.png
[bca78341b1a8c28a7c9df58829550a63.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/f066a929a48044b2bb51331cc30e68d6.png
[9be61caca767bad6213927b1fd4aa6ae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/1ae4a3e6aac24348b85e5034bd5225dc.png
[b3af9fd11ca6952b170e2e55c7de67cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/d7ff2b2207714dc29e9f1238e31f7992.png
[c224a595f945aa49862fae11381a74d2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/81bd49d2c7b743a2869e07757daaed25.png
[aa51b8eaf885a82ad42e98ff9f5ea720.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/728f8c7440134ad4a432847dffb99bbe.png
[5100ab0e5988e8e295a319824490bc17.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/fb94f2adb5b34e2fbe760ff82e21315d.png
[04f150660721d181b583d1404445505d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/a1889b7fbec44546a1f2dce471a34986.png
[c781aef14c42ac82a779d81ebacc7d70.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/111ba27d82f5474a9c07564f3129b998.png
[514e923344624cbeb4401747ae69fcdd.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/a538bda6cd184a249ccc7d5b83e28fc5.png
[380c6272457b669338b8f7095fa13922.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/111697bd7ab147f0a214109a9fd6c377.png
[19b82c46d59acacf1d771c2f64c15c89.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/3e80eade7b7a4b0fb36abc4d0e83660c.png
[5af0cc72d223c1d40a2af7a5e1e8117c.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/50205685ebeb49f8be8e35cf23a6ce55.png
[7a53b3a7fe66b09fca449ba337856a0a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/df6882d6e3284736b0f9705dec487fbe.png
[b623815227bf9d02586fba3666fb359b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/a3e83a1a66234e39bd509ea133f29272.png
[5c7562345568f0727c55011e5f108dac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/f84d7310d8874a23a7989cc0fb030461.png
[dd297bb835d2aa09a1246e87549b1053.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/f5ff426a57904d34a792e7a47a6ed29b.png
[d7bce3d989f1bbbd8f278098874aee46.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/87870cd971cd4d218bae526311af5cc4.png
[efa4c108ba8c20687ecb1e507e592a0b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/50e445e7d7044db6ae14830ceede79c2.png
[681cedb511cfd49376afbb68a2cdb317.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/6ac9f6d1004b4e8c91cecba6b7884ae6.png
[e45bcda76f6988cc56be259293c7a2f4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/44e368d2cabe4dfb89a073bac043b592.png
[87690123cc71c0739c670b71c755f122.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/c37c56f615ac4d8dac8125f9ef2fbd80.png
[5f9d0aa1aedb7f743d4b2290b7b7f309.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/b6ae516bc8134d20a0db877b19068c94.png
[dde6850f6eb3fc7fc83eeca8fa59c48f.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/10248240d0504a62abaefe4b6a66819b.png
[730405d54d45c7480a3546ef43b2f470.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/25e9b6fed44940499fe69e28455e6831.png
[b2fa5bcbe8963f84fc5c2b82a080f450.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/1a795f9b5e3d4d84aa4aa10f618cf2d6.png
[e17b94ef2e86782f643e27ade1fff99f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/69135755126e4a7183b503e64095c5cc.png
[2f0d38fd003bd781b8c60bf1010ae8dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/c932ab4583dc4f3cbda2e2ebe995a58c.png
[842815cd7ea96244582d67fdf0b8997f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/a4668f602af8453a8a324585267a4e63.png
[2187c1a87d5451af97012f8e6a0140d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/f972176cb616402182d54bc2013a743a.png
[06cd4b7dc119d73a8c5c77a38ba0cfe4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/7b656904399f441a8fbfd7d478073351.png