Java小項目——飛機大戰（一、實現線程繪制背景和我方飛機，鍵盤控制飛機運動）

1 總體需求分析

1.1 類

1、主類

2、我方飛機類

3、線程類

2.2 效果圖

2 實現

2.1 飛機類 MyPlane

飛機類包括以下參數：

位置x、y

速度vx、vy

圖片圖標myicom：設置為飛機的圖片

 

飛機類包括以下方法：

有參構造方法：初始化x、y，保證第一次繪制飛機能夠有坐標

public MyPlane(int x, int y) {
    this.x = x;
    this.y = y;
}

繪制飛機方法：用參數畫筆g來繪制飛機，再更新vx和vy，

public void drawPlane(Graphics g) {
    g.drawImage(myicon.getImage(), x, y, null);
    x += vx;
    y += vy;
}

代碼：

package com.java8.planewarsV1;

import javax.swing.*;
import java.awt.*;

public class MyPlane {
    private int x, y;
    private int vx, vy;

    private ImageIcon myicon = new ImageIcon(this.getClass().getResource("PaperPlane.png"));

    /**
     * 我方飛機的構造函數
     * @param x：繪制坐標x
     * @param y：繪制坐標y
     */
    public MyPlane(int x, int y) {
        this.x = x;
        this.y = y;
    }

    /**
     * 繪制飛機對象的函數，每次調用，則繪制一次飛機
     * @param g：畫筆
     */
    public void drawPlane(Graphics g) {
        g.drawImage(myicon.getImage(), x, y, null);
        x += vx;
        y += vy;
    }

    /**
     * setVx
     * setVy
     * 用於在按鍵后，設置其每次移動的大小，並在釋放的時候清0
     * @param vx
     */
    public void setVx(int vx) {
        this.vx = vx;
    }

    public void setVy(int vy) {
        this.vy = vy;
    }
}

 

2.2 主界面類 GameUI

界面類和監聽器類：兩個寫在一個類中，方便參數的傳入和傳出

界面類：主要實現一個面板JFrame jf，jf上添加鍵盤監聽器，jf上獲取畫筆g

監聽器類：KeyListener。按space空格開始游戲，按上下左右控制飛機運動。

 

GameUI類的參數為：

private JFrame jf;
private Graphics g;
private MyPlane myPlane;
private MyThread myThread;
private ImageIcon bgicon = new ImageIcon(this.getClass().getResource("bg.jpeg"));

private int speed = 5;

空格 VK_SPACE：

1.創建飛機對象，初始化飛機的x和y；2.若線程為null，則創建myThread線程，傳入mayplane飛機、g畫筆、jf對象; 3.使用Thread()方法，運行myThread線程，開始不斷繪制飛機類

// 按下空格，開啟線程
// 線程每隔0.02s就繪制背景圖、飛機
if(myThread == null){
    //1.創建飛機對象
    myPlane = new MyPlane((jf.getWidth() - 150) / 2,
            jf.getHeight() - 150);
    //2.創建myThread線程
    myThread = new MyThread(myPlane,g,jf);
    //3.使用Thread()方法，運行myThread線程
    new Thread(myThread).start();
}

左右上下 KeyEvent.VK_LEFT：

設置飛機類的x/y速度為+speed或者-speed

case KeyEvent.VK_LEFT:
    myPlane.setVx(-speed);
    break;

代碼：

package com.java8.planewarsV1;

import javax.swing.*;
import java.awt.*;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;

public class GameUI implements KeyListener {

    private JFrame jf;
    private Graphics g;
    private MyPlane myPlane;
    private MyThread myThread;
    private ImageIcon bgicon = new ImageIcon(this.getClass().getResource("bg.jpeg"));

    private int speed = 5;


    public static void main(String arg[]) {
        GameUI gameUI = new GameUI();
        gameUI.showUI();
    }


    private void showUI() {
        jf = new JFrame();
        jf.setTitle("飛機大戰1.0");
        jf.setSize(800, 800);
        jf.setLocationRelativeTo(null);
        jf.setDefaultCloseOperation(3);

        jf.setVisible(true);

        g = jf.getGraphics();
        g.drawImage(bgicon.getImage(),0,0,null);
        
        jf.addKeyListener(this);

    }


    public void keyTyped(KeyEvent e) {

    }

    /***
     * 按下對應按鈕，獲取按鈕的值e.getKeyCode()，進行不同操作
     * 空格：開始游戲；上下左右：對應移動
     * @param e
     */
    public void keyPressed(KeyEvent e) {
        int key = e.getKeyCode();
        switch (key) {
            case KeyEvent.VK_LEFT:
                myPlane.setVx(-speed);
                break;
            case KeyEvent.VK_RIGHT:
                myPlane.setVx(speed);
                break;
            case KeyEvent.VK_UP:
                myPlane.setVy(-speed);
                break;
            case KeyEvent.VK_DOWN:
                myPlane.setVy(speed);
                break;
            case KeyEvent.VK_SPACE:
                // 按下空格，開啟線程
                // 線程每隔0.02s就繪制背景圖、飛機
                if(myThread == null){
                    //1.創建飛機對象
                    myPlane = new MyPlane((jf.getWidth() - 150) / 2,
                            jf.getHeight() - 150);
                    //2.創建myThread線程
                    myThread = new MyThread(myPlane,g,jf);
                    //3.使用Thread()方法，運行myThread線程
                    new Thread(myThread).start();
                }
                break;
        }
    }


    /**
     * 清空上一次操作的speed
     * @param e
     */
    public void keyReleased(KeyEvent e) {
        int key = e.getKeyCode();
        switch (key) {
            case KeyEvent.VK_LEFT:
                myPlane.setVx(0);
                break;
            case KeyEvent.VK_RIGHT:
                myPlane.setVx(0);
                break;
            case KeyEvent.VK_UP:
                myPlane.setVy(0);
                break;
            case KeyEvent.VK_DOWN:
                myPlane.setVy(0);
                break;
        }
    }
}

2.3 MyThread

重寫線程run()：

線程暫停0.02s繪制一次；在bufferedImage內繪制背景+繪制飛機（bg）；將bufferedImage繪制到jf上（g）

 

繪制飛機線程構造函數：

需要傳入飛機、畫筆g、面板jf

/**
 * 繪制飛機線程構造函數
 */
public MyThread(MyPlane myPlane, Graphics g,JFrame jf){
    this.myPlane = myPlane;
    this.g = g;
    this.jf = jf;
}

 

緩存技術bufferedImage：

使用bufferedImage的畫筆bg，來繪制背景、繪制飛機。解決了畫面交替繪制閃爍問題。

/**
 * 使用緩存技術bufferedImage，解決畫面交替繪制閃爍問題
 * 1 首先將所有物體繪制於bufferedImage內
 * 2 再將bufferedImage繪制於JFrame內
 */
//1.創建bufferedImage對象：大小為jf大小，類型為RGB
BufferedImage bufferedImage = new BufferedImage(jf.getWidth(),jf.getHeight(),BufferedImage.TYPE_INT_BGR);
//2.獲取bufferedImage對象的畫筆：bg
Graphics bg = bufferedImage.createGraphics();
//3.繪制背景和飛機，於bufferedImage對象上
bg.drawImage(bgicon.getImage(),0,0,null);
myPlane.drawPlane(bg);
//4.繪制bufferedImage，到JFrame上
g.drawImage(bufferedImage,0,0,null);

代碼：

package com.java8.planewarsV1;

import javax.swing.*;
import java.awt.*;
import java.awt.image.BufferedImage;

public class MyThread implements Runnable{

    private MyPlane myPlane;
    private Graphics g;
    private JFrame jf;
    private ImageIcon bgicon = new ImageIcon(this.getClass().getResource("bg.jpeg"));

    /**
     * 繪制飛機線程構造函數
     */
    public MyThread(MyPlane myPlane, Graphics g,JFrame jf){
        this.myPlane = myPlane;
        this.g = g;
        this.jf = jf;
    }

    /**
     * 不使用線程，每次繪制之間間隔過長；
     * 使用線程，加速繪制飛機移動軌跡。
     */
    public void run() {

        while(true) {
            try {
                Thread.sleep(20);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }

            /**
             * 使用緩存技術bufferedImage，解決畫面交替繪制閃爍問題
             * 1 首先將所有物體繪制於bufferedImage內
             * 2 再將bufferedImage繪制於JFrame內
             */
            //1.創建bufferedImage對象：大小為jf大小，類型為RGB
            BufferedImage bufferedImage = new BufferedImage(jf.getWidth(),jf.getHeight(),BufferedImage.TYPE_INT_BGR);
            //2.獲取bufferedImage對象的畫筆：bg
            Graphics bg = bufferedImage.createGraphics();
            //繪制背景和飛機，於bufferedImage對象上
            bg.drawImage(bgicon.getImage(),0,0,null);
            myPlane.drawPlane(bg);
            //繪制bufferedImage，到JFrame上
            g.drawImage(bufferedImage,0,0,null);

        }
    }
}