成果展示

制作思路

第1步：发现类（对象）

人物-小丑: Buffoon
子弹-帽子：Missile
墙体：Wall
爆炸物：Explode

第2步：发现属性

小丑：宽和高，位置（x,y），移动速度
帽子：宽和高，位置（x,y），移动速度
墙体：宽和高，位置（x,y）
爆炸物：宽和高，位置（x,y）

第3步：发现方法

小丑：移动、攻击、人物撞边界
子弹：移动、子弹撞墙、子弹撞边界
爆炸物：消失

重难点分析

窗体如何创建

public class GameClient extends Frame

通过继承Frame类实现Java窗体

public class Frame extends Window implements MenuContainer

Frame类继承了Window类和MenuContainer接口

如何将图片加载到窗体里

步骤1：创建常用工具类CommonUtils,新建getImage方法实现将图片资源转换为Java对象

public class CommonUtils { 
    
    public static Image getImage(String imgPath) { 
        ImageIcon imageIcon = new ImageIcon(imgPath);
        return imageIcon.getImage();
    }
}

步骤2：调用getImage方法添加对象图片

public class GameClient extends Frame { 
    Image bg_image = CommonUtils.getImage("images/bg.png");
    Image explode = CommonUtils.getImage("images/explode.png");
    Image missile = CommonUtils.getImage("images/missile.png");
    Image wall_h = CommonUtils.getImage("images/wall-h.png");
    Image wall_v = CommonUtils.getImage("images/wall-v.png");
    Image buffoon = CommonUtils.getImage("images/body/s-left.png");

步骤3：重写Framed的paint方法，实现窗体加载图片

@Override
    public void paint(Graphics g){ 
        //画背景图
        g.drawImage(bg_image,0,0,1100,700,this);
        //画小丑
        g.drawImage(buffoon,300,200,80,80,this);
        //画爆炸物
        g.drawImage(explode,800,400,90,90,this);
        //画原谅帽
        g.drawImage(missile,300,300,60,60,this);
        //画横着的墙体
        g.drawImage(wall_h,400,300,100,20,this);
        //画竖着的墙体
        g.drawImage(wall_v,400,300,20,100,this);

Graphics类的drawImage方法需要提供Image类参数、窗体的x参数、窗体的y参数、Image类的宽度width、Image类的长度length以及observer(当转换了更多图像时要通知的对象)

对象移动的实现

指向标的地图，通常采用“上北下南，左西右东”的规则确定方向。移动的八个方向通常指的是北、东北、东、东南、南、西南、西、西北。因此在定义移动方向时用上、左、下、右、上右、下右、上左、下左来表示

小丑：移动  move<Orientation类传递方向参数>
'left向左'   ：x = x - this.speed;
'right向右'  ：x = x + this.speed;
'down向下'   ：y = y + this.speed;
'up向上'     ：y = y - this.speed;
'ur东北方向'  ： x = x + this.speed;
                y = y - this.speed;
'ul西北方向'  ： x = x - this.speed;
                y = y - this.speed;
'dr东南方向'  ： x = x + this.speed;
                y = y + this.speed;
'dl西南方向'  ： x = x - this.speed;
                y = y + this.speed;

窗体关闭的实现

    public void start() { 
        //窗体添加侦听方法
        this.addWindowListener(new WindowAdapter() { 
            @Override
            public void windowClosing(WindowEvent e) { 
                super.windowClosing(e);
                //退出游戏
                System.exit(0);
            }
        });

WindowAdapter类：
1.接收窗口事件的抽象适配器类。此类中的方法为空。此类存在的目的是方便创建侦听器对象。
2.扩展此类可创建 WindowEvent 侦听器并为所需事件重写该方法。（如果要实现 WindowListener 接口，则必须定义该接口内的所有方法。此抽象类将所有方法都定义为 null，所以只需针对关心的事件定义方法。
3.使用扩展的类可以创建侦听器对象，然后使用窗口的 addWindowListener 方法向该窗口注册侦听器。当通过打开、关闭、激活或停用、图标化或取消图标化而改变了窗口状态时，将调用该侦听器对象中的相关方法，并将 WindowEvent 传递给该方法。
windowAdapter监听器

按键事件触发的实现

 this.addKeyListener(new KeyAdapter() { 
             //键盘按下的时候出发
            @Override
            public void keyPressed(KeyEvent e) { 
                super.keyPressed(e);
            }
            //键盘松开
            @Override
            public void keyReleased(KeyEvent e) { 
                //获取被按下的键对应的数值，如，a:67,b:68
                int keyCode = e.getKeyCode();
                switch (keyCode){ 
                    case KeyEvent.VK_UP:
                        System.out.println("向上走！！！");
                        buffoon.setDir("UP");
                        break;
                    case KeyEvent.VK_DOWN:
                        System.out.println("向下走");
                        buffoon.setDir("DOWN");
                        break;
                    case KeyEvent.VK_RIGHT:
                        System.out.println("向右走");
                        buffoon.setDir("RIGHT");
                        break;
                    case KeyEvent.VK_LEFT:
                        System.out.println("向左走！！");
                        buffoon.setDir("LEFT");
                        break;
                }
                buffoon.move(buffoon.getDir());
            }
        });

按键触发的要点

要点一：‘new KeyAdapter()’ 新建一个按键事件的监听器，并通过addKeyListener()向主窗体注册该监听器；
要点二：重写KeyAdapter的方法，分别是KeyTyped(键入)、KeyPresdded(按下)、KeyReleased(释放)。这里我们只监听KeyPressed事件并重写该方法，实现对人物方向状态的改变；
要点三：KeyEvent e.getKeyCode返回的是按下按键对应的键值，参考KeyEvent的键值属性。Java 8在线API

创建对象Buffoon.move()方法

    public void move(String dir){ 
        switch (dir){ 
            case "UP":
                this.y -= this.speed;
                setDir("STOP");
                break;
            case "DOWN":
                this.y += this.speed;
                setDir("STOP");
                break;
            case "RIGHT":
                this.x += this.speed;
                setDir("STOP");
                break;
            case "LEFT":
                this.x -= this.speed;
                setDir("STOP");
                break;
        }

每次监听到按键事件调用move方法实现buffoon对象的移动

对象移动的原理

对象移动的画面也叫动画，是在屏幕上显示一系列连续动画画面的一帧一帧的图形，然后在间隔很短的时间显示下一帧图形，如此反复，利用人眼的‘视觉暂留’现象主观感觉好像画面的物体在运动。
FPS(Frames Per Second)，是每秒钟的帧数。一帧就是一幅静态画像，电影的播放速度是24FPS。帧数越多，所显示的动作就会越流畅。通常，要避免动作不流畅的最低是30FPS。FPS百度百科

动画移动的搬运工-线程(thread)

什么是线程
线程（thread）是操作系统能够进行运算调度的最小单位。它被包含在进程之中，是进程中的实际运作单位。一条线程指的是进程中一个单一顺序的控制流，一个进程中可以并发多个线程，每条线程并行执行不同的任务。

public class RePaintThread implements Runnable{ 
    @Override
    //线程操作的全都在run方法中
    public void run() { 
        while (true){ 
            //每50毫秒 执行一次
            try { 
                Thread.sleep(20);
                //重新绘制图像
                gameClient.repaint();
            } catch (InterruptedException e) { 
                e.printStackTrace();
            }
        }
    }

要点一：Runnable接口
public class RePaintThread implements Runnable
使用实现接口 Runnable 的对象创建一个线程时，启动该线程将导致在独立执行的线程中调用对象的 run 方法。
要点二：重写Run方法
方法 run 的常规协定是：它可能执行任何所需的动作。
重新绘制图像
gameClient.repaint();
要点三：Thread.sleep—线程反复执行的时间间隔
1、使用’While(true)'构造死循环
2、在死循环中执行repaint()重绘图形方法
3、线程中断异常(InterruptedException)是当前线程被中断的表现之一。遇到这个异常时，如果你不知道如何处理，你应当向上抛出。