實作思路

1.如何分析？

第一步:發現類(物件)

人物-小丑(敵方-友方)
子彈-帽子
墻體
爆炸物

第二步:發現屬性

小丑:  寬高 , 位置(x y), 移動速度
帽子:  寬高 , 位置(x y), 移動速度
墻體:  寬高 , 位置(x y)
爆炸物:寬高 , 位置(x y)

第三步:發現方法

小丑:     移動 , 攻擊 , 人物撞邊界 ,
子彈:     移動 , 子彈撞墻 , 子彈撞邊界 ,
墻體:     靜止不動
爆炸物:   爆炸物消失

2.難點在哪里?

1 如何將圖片加載到表單里

• 背景圖片加載
• 人物-小丑加載
• 發射物-帽子加載 Missile
• 墻體-加載 Wall
• 爆炸物-加載 Explode

2 如何創建表單

3 如何發射子彈(如何使用鍵盤觸發事件)

3.二期版本

• 接入網路,多人作戰

第一天的實作

1.創建一個專案(ylm)

2.匯入需要使用到的圖片檔案到Java

3.在專案的src(源代碼)中創建游戲包(com.ytzl.ylm)

4.在游戲包(com.ytzl.ylm)下創建客戶端類GameClient并繼承Farme類

public class GameClient extends Frame {}

關于Farme類:
1.Farme類是Java自帶的一個系統類
2.Farme類的作用是可以制作出帶有標題和邊框的頂層視窗

5.實作游戲視窗的顯示

public void start(){
    //啟動游戲時在控制臺輸出顯示"游戲開始"
    System.out.println("游戲開始");
    //視窗的標題設定
    this.setTitle("原諒帽帶戰");
    /*
     *表單的大小以及位置設定——呼叫Frame類中的setBounds方法
     * setBounds方法具體內容:setBounds(int橫坐標，int縱坐標，int長，int寬);
     * 引數中橫縱坐標為0，表示視窗從計算機螢屏左上角開始鋪開顯示(視窗中心點)
     */
    this.setBounds(0,0,700,500);
    //讓表單顯示出來
    this.setVisible(true);
    //點擊視窗x關閉鍵回應關閉
    this.addWindowListener(new WindowAdapter() {
        @Override
        public void windowClosing(WindowEvent windowEvent) {
            //退出游戲后在控制臺輸出顯示"游戲結束"
            System.out.println("游戲結束");
            //呼叫System類中的exit方法以實作視窗關閉按鈕(X)的生效
            System.exit(0);
        }
    });
}
//游戲入口
public static void main(String[] args) {
    // 創建本類物件
    GameClient gameClient = new GameClient();
    // 使用本類物件呼叫start方法，開始游戲
    gameClient.start();
}

6.給表單添加背景圖片

6.1在com.ytzl.ylm包下創建工具包util并且創建工具類CommonUtils

6.2在工具類(CommonUtils)中寫讀取圖片的方法

public class CommonUtils {
    //讀取圖片方法getImage
    public static Image getImage(String imgPath) {
        //引數為圖片路徑地址
        ImageIcon imageIcon = new ImageIcon(imgPath);
        return imageIcon.getImage();
    }
}

6.3在客戶端類中完成背景圖片的插入

// 將背景圖片的路徑賦值給常量BG_PATH
public static final String BG_PATH = "images/bg.png";
// 定義一個圖片的靜態變數(用于插入不同圖片)
private static Image image;
// 背景圖靜態塊,呼叫背景圖片路徑,所有資源(背景圖片,音頻,視頻)只需要加載一次
static {
    image = CommonUtils.getImage(BG_PATH);
}
//重寫父類Frame類的paint方法以插入各種圖片
@Override
public void paint(Graphics g){
    //插入背景圖定義位置和寬 高
    g.drawImage(image,0,0,700,500,this);
}

插入人物-帽子-爆炸物-障礙物圖片在com.ytzl.ylm包下創建需要插入的圖片包entity

7.實作人物的顯示

7.1在圖片包(entity)下創建角色類Buffoon,定義角色屬性和方法

• 定義角色屬性

// 人物圖片路徑屬性
public static final Image buffoonImage = CommonUtils.getImage("images/body/s-left.png");
// 人物-橫坐標
private int x;
// 人物-縱坐標
private int y;
// 圖片-寬度
private int width;
// 圖片-高度
private int height;
// 人物-速度
private int speed;
// 人物-方向
private String dir;
//游戲表單屬性 因為小丑要在表單中顯示
private GameClient gameClient;

• 定義無參帶參構造以給角色的屬性賦值

//無參構造
public Buffoon() {

}
//帶參構造
public Buffoon(int x, int y, GameClient gameClient) {
    this.x = x;
    this.y = y;
    this.width = 50;
    this.height = 50;
    this.speed = 3;
    this.dir = "STOP";// 人物剛創建時為靜止狀態
    this.gameClient = gameClient;
}

• 定義角色方法

//插入角色圖方法
public void paint(Graphics g){
    g.drawImage(buffoonImage,this.x,this.y,this.width,this.height,this.gameClient);
}
//生成get set 方法
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 getWidth() {
    return width;
}

public void setWidth(int width) {
    this.width = width;
}

public int getHeight() {
    return height;
}

public void setHeight(int height) {
    this.height = height;
}

public int getSpeed() {
    return speed;
}

public void setSpeed(int speed) {
    this.speed = speed;
}

public String getDir() {
    return dir;
}

public void setDir(String dir) {
    this.dir = dir;
}

7.2在客戶端中實作插入人物圖

// 創建人物-小丑,在引數中定義位置
private Buffoon buffoon = new Buffoon(200,200,this);
//重寫父類Frame類的paint方法以插入各種圖片
@Override
public void paint(Graphics g){
    //插入背景圖定義位置和寬 高
    g.drawImage(image,0,0,700,500,this);
    //用角色-小丑呼叫paint方法以給圖片寬 高 速度
    buffoon.paint(g);
}

8.實作發射物的顯示

8.1在圖片包(entity)下創建發射物類Missile,定義角色屬性和方法

• 定義發射物-帽子的屬性

//發射物圖片路徑屬性
public static final Image missileImage = CommonUtils.getImage("images/missile.png");
// 帽子-高度
private int height;
// 帽子-長度
private int width;
// 帽子-速度
private int speed;
// 帽子-橫坐標
private int x;
// 帽子-縱坐標
private int y;
//游戲表單屬性 因為帽子要在表單中顯示
private GameClient gameClient;

• 定義無參構造給帽子的屬性賦值

//無參構造
public Missile(){

}
//帶參構造
public Missile(int x,int y,GameClient gameClient){
    this.x=x;
    this.y=y;
    this.width=20;
    this.height=20;
    this.speed=10;
    this.gameClient=gameClient;
}

9.插入帽子圖片(創建帽子類)

//發射物圖片路徑屬性
public static final Image missileImage = CommonUtils.getImage("images/missile.png");
// 帽子-高度
private int height;
// 帽子-長度
private int width;
// 帽子-速度
private int speed;
// 帽子-橫坐標
private int x;
// 帽子-縱坐標
private int y;

9.1插入帽子圖片(客戶端實作)

// 創建發射物-帽子
private Missile missile = new Missile();
// 畫發射物圖-帽子
g.drawImage(Missile.missileImage,200,200,20,20,this);

10.插入障礙物圖片(創建障礙物類Wall)

//橫墻體圖片屬性
public static final Image wallImageH = CommonUtils.getImage("images/wall-h.png");
//縱墻體圖片屬性
public static final Image wallImageZ = CommonUtils.getImage("images/wall-v.png");
//墻體-高度
private int height;
//墻體-長度
private int width;
//墻體-橫坐標
private int x;
//墻體-縱坐標
private int y;

10.1插入障礙物圖片(在客戶端實作)

// 創建墻體
private Wall wall=new Wall();
// 畫墻
g.drawImage(Wall.wallImageH,220,120,70,30,this);
g.drawImage(Wall.wallImageZ,430,230,30,70,this);

11.插入爆炸物圖片(創建爆炸物類Explode)

//發射物圖片路徑屬性
public static final Image explodeImage = CommonUtils.getImage("images/explode.png");
//墻體-高度
private int height;
//墻體-長度
private int width;
//墻體-橫坐標
private int x;
//墻體-縱坐標
private int y;

11.1插入爆炸物圖片(在客戶端實作)

// 創建爆炸物
private Exception exception=new Exception();
// 畫爆炸物
g.drawImage(Explode.explodeImage,500,300,70,70,this);

第一天(完成)效果圖如下:

第二天(人物以及帽子移動方向)

public void move(String dir){
    if("U".equals(dir)){
        this.y-=this.speed;
    }
    if("R".equals(dir)){
        this.x+=this.speed;
    }
    if("D".equals(dir)){
        this.y+=this.speed;
    }
    if ("L".equals(dir)){
        this.x-=this.speed;
    }
    if ("UR".equals(dir)){
        this.x+=this.speed;
        this.y-=this.speed;
    }
    if ("DR".equals(dir)){
        this.x+=this.speed;
        this.y+=this.speed;
    }
    if ("LD".equals(dir)){
        this.x-=this.speed;
        this.y+=this.speed;
    }
    if ("LU".equals(dir)){
        this.x-=this.speed;
        this.y-=this.speed;
    }
}