利用Java怎么實現一個天天酷跑游戲

利用Java怎么實現一個天天酷跑游戲？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

首先，寫一個需求文檔：

一、項目名稱：《天天酷跑》

二、功能介紹：
闖關類游戲，玩家登錄后，選擇進入游戲，通過鍵盤控制玩家的上下左右移動，來躲避
障礙物和吃金幣，玩家躲避的障礙物越多跑酷距離越遠，玩家吃的金幣越多，得分越高。

三、功能模塊：
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 /
@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作用域一直到最后一個}

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.2
 start = new JLabel(new ImageIcon("Image/hh2.png"));//ImageIcon:圖標
 start.setBounds(350,320,150,40);
 start.setEnabled(false);//false按鈕為灰色 
 start.addMouseListener(this);
 this.add(start);

 help = new JLabel(new ImageIcon("Image/hh3.png"));
 help.setBounds(350,420,150,40);
 help.setEnabled(false);
 help.addMouseListener(this);
 this.add(help);

 exit = new JLabel(new ImageIcon("Image/hh4.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();語句。調用我們剛剛寫好的開始游戲界面。

登錄界面：

單擊確定

完美進入我們寫好的登錄游戲界面：

現在看開始游戲按鈕：

幫助按鈕：

點擊幫助按鈕：

退出按鈕：

點擊：

大功告成！

三、緩沖加載游戲界面

前文，我們完成了開始游戲界面的搭建。接下來將實現緩沖加載界面的搭建。并搭建與前面倆界面間的橋梁。
實現輸入正確用戶名密碼后，進入開始游戲界面，點擊開始游戲按鈕后，進入緩沖加載界面的功能。

界面示意圖：

具體要求：

• 緩存加載界面：背景圖片、進度條

• 動態加載過程。（線程）

我們想要實現動態的緩沖加載過程，讓進度條動起來，就需要引入線程的概念了。 線程：

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毫秒
 }
 }

}

加載界面代碼敲完，現在開始造橋。

現在，我們從第一個登錄界面開始測試。

點擊開始游戲：

非靜止畫面……

成功實現！

四、游戲主界面

接上文，接下來將實現游戲主界面，功能如下:

移動的背景圖片、動態的玩家、玩家的移動功能、
五種障礙物持續出現、玩家和障礙物的碰撞、
暫停、繼續功能。

首先，看一下整體效果：

動圖實在太大，幾秒鐘的 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.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、幾種障礙物的出現 障礙物一：螃蟹

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

}

障礙物三、導彈

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 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發生碰撞和從左邊碰撞的邏輯，上下碰撞同理。

上下左右碰撞的邏輯代碼，在動圖下方：

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

五、結束界面

接上文，接下來將實現天天酷跑游戲的結束界面，功能如下：

跑酷距離、獲取玩家的得分。
再來一次、返回主菜單、直接退出。

具體啥樣子，先睹為快！

點擊再來一次按鈕，進入加載狀態，加載結束，直接進入游戲。

點擊主菜單按鈕，進入主菜單界面：

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/hh6.png"));
 again.setBounds(520, 622, 60, 25);
 again.addMouseListener(this);
 this.add(again); 
 back = new JLabel(new ImageIcon("Image/hh7.png"));
 back.setBounds(520, 722, 60, 25);
 back.addMouseListener(this);
 this.add(back);
 exit = new JLabel(new ImageIcon("Image/hh4.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

 }

}

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。