Java项目实战之天天酷跑（五）

李玮

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

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

首先，看一下整体效果：

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

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

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

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

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

GameFrame.java

1. package cn.sqc.runday.view;
   
2. 
   
3. import javax.swing.ImageIcon;
   
4. import javax.swing.JFrame;
   
5. 
   
6. import cn.sqc.runday.controller.GamePanel;
   
7. 
   
8. /**
   
9. * @author Huey
   
10. *2020-11-27  下午12:40:22
    
11. * 游戏主界面：显示窗体，承载游戏的主面板类
    
12. */
    
13. 
    
14. public class GameFrame extends JFrame {
    
15.         //设置窗体宽高属性
    
16.         public static final int WIDTH=1500;
    
17.         public static final int HEIGHT=900;
    
18.         public GameFrame() {
    
19.                 //2.4创建游戏面板对象，并添加到窗体上去
    
20.                 GamePanel panel = new GamePanel();
    
21.                 panel.action();//程序启动的方法
    
22.                 this.addKeyListener(panel);//谁实现就监听谁
    
23.                 this.add(panel);
    
24.                
    
25.                 /**1.设置窗体基本属性*/
    
26.                 this.setSize(WIDTH,HEIGHT);
    
27.                 this.setLocationRelativeTo(null);
    
28.                 this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    
29.                 this.setIconImage(new ImageIcon("Image/115.png").getImage());
    
30.                 this.setUndecorated(true);
    
31.                 this.setVisible(true);        
    
32.         }
    
33.         
    
34.         public static void main(String[] args) {
    
35.                 new GameFrame();
    
36.         }
    
37. }

复制代码

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

背景图片滚动效果

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

下面用动图演示一下：

玩家动态效果

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

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

下面动图演示：

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

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

Person.java

1. package cn.sqc.runday.model;
   
2. 
   
3. import java.awt.Graphics;
   
4. import java.awt.Image;
   
5. import java.io.File;
   
6. import java.io.IOException;
   
7. 
   
8. import javax.imageio.ImageIO;
   
9. 
   
10. import cn.sqc.runday.view.GameFrame;
    
11. 
    
12. /**
    
13. * @author Huey
    
14. * @date 2020-11-23
    
15. * 玩家的实体类
    
16. */
    
17. public class Person {//1.声明属性
    
18.         private Image image;//1.1 玩家当前显示图片
    
19.         private Image[] images;//1.2 玩家所有图片
    
20.         
    
21.         public static final int WIDTH = 120;//1.3玩家宽高
    
22.         public static final int HEIGHT = 120;
    
23.         
    
24.         //1.4玩家初始位置坐标
    
25.         private int x,y;
    
26.         int index;//下面用作切换图片
    
27.         //玩家得分
    
28.         private int score;
    
29.         //玩家跑酷距离
    
30.         private int distance;
    
31.         
    
32.         public Person() {//2.赋值
    
33.                 //给图片数组images赋值
    
34.                 init();//2.1        先写，会提示要不要实现！自动生成方法
    
35.                 //默认当前显示图片位第一张图片 2.6
    
36.                 image = images[0];
    
37.                
    
38.                 x = 90;//2.7
    
39.                 y = 580;//脚踩地板
    
40.                 index = 0;
    
41.                 score = 0;
    
42.                 distance = 0;
    
43.         }
    
44.         //玩家自由下落方法5.1
    
45.         public void drop() {
    
46.                 y += 5;
    
47.                 if(y>=580){// 下落归下落，也得温柔点，不能让小人儿踩破了地板
    
48.                         y = 580;
    
49.                 }
    
50.         }
    
51.         //玩家移动的方法
    
52.         public void step(){
    
53.                 //玩家图片的切换
    
54.                 image = images[index ++ /3%images.length];
    
55.                 //玩家坐标改变（玩家坐标通过键盘控制，此次不做处理）
    
56.         }
    
57.         //绘制玩家的方法
    
58.         public void paintPerson(Graphics g){
    
59.                 g.drawImage(image, x, y, WIDTH, HEIGHT, null);
    
60.         }
    
61. 
    
62.         //判断玩家是否越界的方法
    
63.         public boolean outOfBounds(){
    
64.                 return this.x >= GameFrame.WIDTH || this.x <= -WIDTH;
    
65.         }
    
66.         private void init() {//2.2
    
67.                 images = new Image[9];
    
68.                 for(int i = 0; i<images.length; i++){//2.3
    
69.                         try {//2.5
    
70.                                 images[i] = ImageIO.read(new File("Image/"+(i+1) + ".png"));//2.4
    
71.                         } catch (IOException e) {//2.5
    
72.                                 // TODO Auto-generated catch block
    
73.                                 e.printStackTrace();
    
74.                         }
    
75.                 }
    
76.         }
    
77. //2.8  右键，Source，GGAS
    
78.         public Image getImage() {
    
79.                 return image;
    
80.         }
    
81. 
    
82.         public void setImage(Image image) {
    
83.                 this.image = image;
    
84.         }
    
85. 
    
86.         public Image[] getImages() {
    
87.                 return images;
    
88.         }
    
89. 
    
90.         public void setImages(Image[] images) {
    
91.                 this.images = images;
    
92.         }
    
93. 
    
94.         public int getX() {
    
95.                 return x;
    
96.         }
    
97. 
    
98.         public void setX(int x) {
    
99.                 this.x = x;
    
100.         }
     
101. 
     
102.         public int getY() {
     
103.                 return y;
     
104.         }
     
105. 
     
106.         public void setY(int y) {
     
107.                 this.y = y;
     
108.         }
     
109. 
     
110.         public static int getWidth() {
     
111.                 return WIDTH;
     
112.         }
     
113. 
     
114.         public static int getHeight() {
     
115.                 return HEIGHT;
     
116.         }
     
117.         public int getIndex() {
     
118.                 return index;
     
119.         }
     
120.         public void setIndex(int index) {
     
121.                 this.index = index;
     
122.         }
     
123.         public int getScore() {
     
124.                 return score;
     
125.         }
     
126.         public void setScore(int score) {
     
127.                 this.score = score;
     
128.         }
     
129.         public int getDistance() {
     
130.                 return distance;
     
131.         }
     
132.         public void setDistance(int distance) {
     
133.                 this.distance = distance;
     
134.         }
     
135.         
     
136. }

复制代码