作者：MyHuey

来源：blog.csdn.net/qq_45909299

首先，写一个需求文档：

一、项目名称：《天天酷跑》(RunDay)

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

三、功能模块：1、登录界面用户名(输入框，明文) 密码(输入框，密文) 登录、取消按钮2、菜单选择界面开始游戏按钮(图片按钮) 帮助按钮 退出按钮3、缓冲加载界面自动加载进度条，加载完毕之后，跳转到下一界面4、游戏主界面移动的背景图片、动态的玩家、五种障碍物持续出现、玩家和障碍物的碰撞、暂停、继续功能、玩家的移动功能5、结束界面获取玩家的得分、跑酷距离。继续游戏、返回主菜单的功能。

四、开发者：Huey五、版本号：1.0六、开发时间：2020.11.16

开发模式：MVC模式

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

企业级项目命名规范：

cn.sqc.runday.view

一、登录界面

界面功能需求图如下：

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

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

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

本文将实现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 /@Overridepublic 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() {@Overridepublic void actionPerformed(ActionEvent e){// TODO Auto-generated method stubdispose();}});//创建背景面板，并添加到窗体上去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();}}//绘制方法@Overridepublic void paint(Graphics g){super.paint(g);//绘制背景图片g.drawImage(background, 0, 0,900,530, null);//900,530为宽高}}}//throws ......抛异常，将下面的异常向上抛,交给上级：不建议

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

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

LoginPanel的代码块：

运行结果截图：

1.界面

2.登录

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

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

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

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

3.退出

点“取消”即可

二、开始游戏界面

前文，我们完成了登录界面的搭建。接下来将完成开始游戏界面的搭建，并建立起登录界面与开始游戏界面的桥梁。实现在输对用户名和密码后即可进入开始游戏界面的功能。

界面功能需求图：

具体要求：

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

帮助、离开按钮同理。

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

上代码：

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.2start = 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());//logothis.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();}}@Overridepublic void paint(Graphics g){super.paint(g);g.drawImage(background, 0, 0,1200,730, null);}}//以下五个方法均为添加 implements MouseListener 后，快捷出来的@Overridepublic 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");}}@Overridepublic void mousePressed(MouseEvent e){// TODO Auto-generated method stub}@Overridepublic void mouseReleased(MouseEvent e){// TODO Auto-generated method stub}@Overridepublic 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);}}@Overridepublic 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();语句。调用我们刚刚写好的开始游戏界面。

登录界面：

单击确定

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

现在看开始游戏按钮：

帮助按钮：

点击帮助按钮：

退出按钮：

点击：

大功告成！

三、缓冲加载游戏界面

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

界面示意图：

具体要求：

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

动态加载过程。(线程)

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

线程：

Thread类中这样定义:

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

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

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

新建：当使用new操作符创建新线程时，线程处于“新建”状态。运行(可运行)：调用start()方法。

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

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

1、实现Runnable2、实现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 * 340this.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();}@Overridepublic 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

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

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

点击开始游戏：

非静止画面……

成功实现！

四、游戏主界面

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

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

首先，看一下整体效果：

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

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

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

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

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、游戏主面板类(核心逻辑类)：

背景图片滚动效果

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

下面用视频演示一下：

玩家动态效果

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

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

下面动图演示：

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

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

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.6image = images[0];x = 90;//2.7y = 580;//脚踩地板index = 0;score = 0;distance = 0;}//玩家自由下落方法5.1public 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.2images = new Image[9];for(int i = 0; i

3、几种障碍物的出现

障碍物一：螃蟹

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方法。以便在面板类中对其障碍物进行操作。

障碍物二：宠物

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

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 blocke.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;}}

障碍物三、导弹

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;}}

障碍物四：鱼叉等障碍物

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;}}

障碍物五、金币

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

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 blocke.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[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发生碰撞和从左边碰撞的逻辑，上下碰撞同理。

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

5、暂停、继续逻辑

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

代码如下：

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

6、结束逻辑

游戏主界面代码如下：

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.1Barrs_1[]barrs1 = {};//存储螃蟹数组(没有元素，可以扩容)Barrs_3[]barrs3 ={};//导弹Barrs_4[]barrs4={};//鱼钩Barrs_5[]barrs5 = {};//金币public GamePanel(){//3.2person = 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.5int x=0;//背景图片初始位置@Overridepublic void paint(Graphics g){super.paint(g);//2.7if(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动起来person.drop();//不断下坠barrs_2.drop();//螃蟹障碍物移动for(int i =0;i= 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[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[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.4if(flag){enteredAction();//细节：只有先生成了障碍物后，下面才能调用移动障碍物的方法stepAction();pengAction();//玩家和障碍物碰撞gameOverAction();}//重绘方法repaint();//线程休眠try {Thread.sleep(60);} catch (Exception e) {// TODO: handle exceptione.printStackTrace();}}};}.start();//创建一个线程并启动}@Overridepublic void keyTyped(KeyEvent e){// TODO Auto-generated method stub}@Overridepublic 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;}}@Overridepublic void keyReleased(KeyEvent e){// TODO Auto-generated method stub}}

五、结束界面

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

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

具体啥样子，先睹为快！

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

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

1、跑酷距离

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

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

2、获取玩家的得分

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

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

3、再来一次

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

4、返回主界面

同理。

5、直接退出

同理。

上代码

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 athis.p = person;//创建对象、传值try {background = ImageIO.read(new File("Image/chou.png"));} catch (IOException e) {// TODO Auto-generated catch blocke.printStackTrace();}}@Overridepublic void paint(Graphics g){// TODO Auto-generated method stubsuper.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);}}@Overridepublic 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);}}@Overridepublic void mousePressed(MouseEvent e){// TODO Auto-generated method stub}@Overridepublic void mouseReleased(MouseEvent e){// TODO Auto-generated method stub}@Overridepublic void mouseEntered(MouseEvent e){// TODO Auto-generated method stub}@Overridepublic void mouseExited(MouseEvent e){// TODO Auto-generated method stub}}

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