Java写的第一个小游戏(一)

戏子无情 提交于 2020-11-19 11:52:44

实现思路

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;
}
public GameClient getGameClient() {
    return gameClient;
}

public void setGameClient(GameClient gameClient) {
    this.gameClient = gameClient;
}

7.2在客户端中实现插入人物图

// 创建人物-小丑,在参数中定义位置
private Buffoon buffoon = new Buffoon(200,200,this);
//重写父类Frame类的paint方法以插入各种图片
@Override
public void paint(Graphics g){
    //用角色-小丑调用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;
}
  • 定义帽子的方法
//插入帽子图片的方法
public void paint(Graphics g){
	g.drawImage(missileImage,this.x,this.y,this.width,this.height,this.gameClient);
}
//setget方法
public int getHeight() {
    return height;
}

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

public int getWidth() {
    return width;
}

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

public int getSpeed() {
    return speed;
}

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

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 GameClient getGameClient() {
    return gameClient;
}

public void setGameClient(GameClient gameClient) {
    this.gameClient = gameClient;
}

8.2在客户端中实现插入帽子图

// 创建发射物-帽子(missile),在参数中定义位置
private Missile missile = new Missile(300,300,this);
//重写父类Frame类的paint方法以插入各种图片
@Override
public void paint(Graphics g){
    //用发射物-帽子调用paint方法以给图片宽 高 速度
    missile.paint(g);
}

9.实现爆炸物的显示

9.1在图片包(entity)下创建爆炸物类(Explode),定义爆炸物属性和方法

  • 定义爆炸物属性
//爆炸物图片路径属性
public static final Image explodeImage = CommonUtils.getImage("images/explode.png");
//爆炸物-高度
private int height;
//爆炸物-长度
private int width;
//爆炸物-横坐标
private int x;
//爆炸物-纵坐标
private int y;
//爆炸物窗体属性 因为帽子要在窗体中显示
private GameClient gameClient;
  • 定义无参带参构造给爆炸物的属性赋值
//无参构造
public Explode(){

}
//带参构造
public Explode(int x,int y,GameClient gameClient){
    this.x=x;
    this.y=y;
    this.width=30;
    this.height=70;
    this.gameClient=gameClient;
}
  • 定义帽子的方法
//插入角色图方法
public void paint(Graphics g){
    g.drawImage(explodeImage,x,y,this.width,this.height,this.gameClient);
}
//生成get set方法
public int getHeight() {
    return height;
}

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

public int getWidth() {
    return width;
}

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

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 GameClient getGameClient() {
    return gameClient;
}

public void setGameClient(GameClient gameClient) {
    this.gameClient = gameClient;
}

9.2在客户端中实现插入爆炸物图

// 创建发射物-爆炸物(explode),在参数中定义位置
private Explode explode = new Explode(300,100,this);
//重写父类Frame类的paint方法以插入各种图片
@Override
public void paint(Graphics g){
    //用爆炸物调用paint方法以给图片宽 高
    explode.paint(g);
}

10.实现墙体的显示

10.1在图片包(entity)下创建障碍物类(Wall),定义障碍物属性和方法

  • 定义障碍物属性
//墙体图片属性
public static final Image wallImageZ = CommonUtils.getImage("images/wall-v.png");
//墙体-高度
private int height;
//墙体-长度
private int width;
//墙体-横坐标
private int x;
//墙体-纵坐标
private int y;
//游戏窗体属性 因为墙要在窗体中显示
private GameClient gameClient;
  • 定义无参带参构造给障碍物的属性赋值
//无参构造
public Wall(){

}
//带参构造
public Wall(int x,int y,GameClient gameClient){
    this.x=x;
    this.y=y;
    this.width=30;
    this.height=70;
    this.gameClient=gameClient;
}
  • 定义障碍物的方法
//插入墙体图片的方法
public void paint(Graphics g){
    g.drawImage(wallImageZ,this.x,this.y,this.width,this.height,this.gameClient);
}
//生成get set 方法
public int getHeight() {
    return height;
}

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

public int getWidth() {
    return width;
}

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

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 GameClient getGameClient() {
    return gameClient;
}

public void setGameClient(GameClient gameClient) {
    this.gameClient = gameClient;
}

10.2在客户端中实现插入障碍物图

// 创建墙体(wall),在参数中定义位置
private Wall wall=new Wall(500,200,this);

第一天(完成)效果图如下:在这里插入图片描述

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

点击打开终篇

 

大家好,我是AIO生活,关注我,后续连载更多技术重难点,文章有不足之处,欢迎大家留言指正,谢谢大家啦!

顺便提一下,帮大家整理了些JAVA电子书,扫码回复“1024”获取电子书合集,也可签到领现金红包。

 
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!