JAVA开发是男人就坚持10秒_实现动画

增加绘制窗口的线程类

      前三个版本，我们步步为营，每个小版本都有功能的突破。但是，目前为止我们的窗口仍然是静态的，并没有像真正的游戏窗口那样“各种动、各种炫”。本节我们结合多线程实现动画效果。

      我们在MyGameFrame类中定义“重画窗口线程PaintThread类”，为了方便使用MyGameFrame类的属性和方法，我们将PaintThread定义成内部类。

GameUtil类：

import java.awt.Image;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.URL;
import javax.imageio.ImageIO;
 
public class GameUtil {
    // 工具类最好将构造器私有化。
    private GameUtil() {
    } 
 
    
    /**
     * 返回指定路径文件的图片对象
     * @param path
     * @return
     */
    public static Image getImage(String path) {
        BufferedImage bi = null;
        try {
            URL u = GameUtil.class.getClassLoader().getResource(path);
            bi = ImageIO.read(u);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return bi;
    }
}

MyGameFrame类：

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

import javax.swing.JFrame;

/**
 * 飞机游戏的主窗口
 * @author 赵广陆
 *
 */
public class MyGameFrame  extends  JFrame {
	
	Image   plane  = GameUtil.getImage("images/plane.png");
	Image   bg  = GameUtil.getImage("images/bg.jpg");
	
	int  planeX = 250, planeY =250;
	
	@Override
	public void paint(Graphics g) {		//自动被调用。  g相当于一只画笔
		
		g.drawImage(bg, 0, 0, null);
		g.drawImage(plane, planeX,planeY, null);
		planeX++;
	}
	
	
	//帮助我们反复的重画窗口！
	class  PaintThread  extends  Thread  {
		@Override
		public void run() {
			while(true){
				repaint();		//重画
				
				try {
					Thread.sleep(40);   	//1s=1000ms
				} catch (InterruptedException e) {
					e.printStackTrace();
				}		
			}
		}
		
	}
	
	
	/**
	 * 初始化窗口
	 */
	public  void  launchFrame(){
		this.setTitle("是男人就坚持10秒");
		this.setVisible(true);
		this.setSize(500, 500);
		this.setLocation(300, 300);
		
		this.addWindowListener(new WindowAdapter() {
			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
		
		new PaintThread().start();	//启动重画窗口的线程
		
	}
	
	public static void main(String[] args) {
		MyGameFrame  f = new MyGameFrame();
		f.launchFrame();
	}
	
}

运行效果：

      根据控制台打印的数据，我们发现paint方法被系统反复调用，一秒N次。按照线程中我们规定的是40ms画一次，1秒大约调用25次(1秒=1000ms)。也就是说，“现在，窗口被1秒重复绘制25次”，如果我们调整飞机的位置变量，每次画飞机位置都不一致，在肉眼看来不就实现动画了吗?

调整飞机位置，让小人动起来

      之前，我们绘制飞机的代码为：g.drawImage(planeImg, 200, 200, null); 每次都绘制到(200,200)这个坐标位置。我们将位置定义为变量planeX,planeY，每次绘制变量值都发生变化(planeX += 3; )，这样飞机就动起来了。 代码如下：

改变小人的坐标位置：

public class MyGameFrame extends Frame {

    Image bgImg = GameUtil.getImage("images/bg.jpg");

    Image planeImg = GameUtil.getImage("images/plane.png");

    //将飞机的坐标设置为变量，初始值为（200,200）

    int planeX=200;

    int planeY=200;

     

    static int count = 0;

     

    //paint方法作用是：画出整个窗口及内部内容。被系统自动调用。

    @Override

    public void paint(Graphics g) {  

        g.drawImage(bgImg, 0, 0, null);

        System.out.println("调用paint，重画窗口，次数："+(count++));

        //不再是写死的位置

        g.drawImage(planeImg, planeX, planeY, null);

        //每次画完以后改变飞机的x坐标

        planeX +=3;

    }  

    //限于篇幅，其他代码不放此处，和上个版本一致！

}

运行程序，我们发现，小人真的动起来了!