java基础 --- 简单的动画

java基础 --- 简单的动画

这篇主要是写在Swing程序中如何制作动画的效果。我们都知道游戏动画主要是一些连续的图片通过快速播放，由于这些连续的图片变化不是很大，因此使我们的眼睛产生影象的残留，这样就能造成动画的效果。一般以每秒24帧的速度播放图片，那么我们就感觉不出图片的停顿。
在GUI的程序中，我们可以通过线程来控制播放的速度，通过绘制不同的图片来产生动画的效果。比如：

while(播放＝＝true)
   {
          绘制当前图像；
      暂停时间；
      if（当前图像＝＝最后一张图像）
                       当前图像 ＝ 第一张图像；
         else
                       当前图像 ＝ 下一张图像
  }

这种方法有时候并不是最好的解决方法，因为需要很多张的图片，加载的时候就会很耗内存。特别是在游戏中，速度应该是是首先考虑的因素。那么我们还有另外一种方式，只需要1张图片，而这张图片将一些连续的动作绘制在里一起。我们仅需要不停的改变这张图片的某个位置就可以达到动画的效果。比如下面这张图片：

 

Graphics类中有个重载过的drawImage()方法，里面有很多的参数：
public abstract boolean drawImage(Image img,
                                  int dx1,
                                  int dy1,
                                  int dx2,
                                  int dy2,
                                  int sx1,
                                  int sy1,
                                  int sx2,
                                  int sy2,
                                  ImageObserver observer)
首尾两个参数和其他的drawImage方法一样，这里就不再做介绍。主要是中间这8个参数。
dx1,dy1,dx2,dy2表示需要绘制到窗口的某个区域，其中dx1,dy1表示该区域的左上角坐标。dx2,dy2表示该区域的右下角坐标。
sx1,sy1,sx2,sy2表示需要绘制图片上哪个区域到窗口上，其中sx1,sy1表示该区域的左上角坐标。sx2,sy2表示该区域的右下角坐标。
下面我们就可以使用这个方法来让上面这张图片动起来。

public   class  EyesNext  extends  JFrame {

  private  Image image  =   new  ImageIcon( " Images/SERIAL.gif " ).getImage();
  private   int  index;

  public  EyesNext() {
  init();
 }

  void  init() {
   this .setUndecorated( true );
  setSize( 250 ,  250 );
  createContent();
  setVisible( true );
 }

  private   void  createContent() {
  MediaTracker tracker  =   new  MediaTracker( this );
  tracker.addImage(image,  0 );
   try
  {
   tracker.waitForID( 0 );
  }
   catch  (InterruptedException e1)
  {
   e1.printStackTrace();
  }
  JPanel jpanelForm  =   new  JPanel() {
    protected   void  paintComponent(Graphics g) {
    g.drawImage(image,  0 ,  0 ,  250 ,  250 , index,  0 , index  +   250 ,  250 ,
       this );
   }
  };

   this .getContentPane().add(jpanelForm);
 }

  public   static   void  main(String [] args) {

   final  EyesNext eyes  =   new  EyesNext();
  Thread thread  =   new  Thread() {

    public   void  run() {

     while  ( true )
    {

      try
     {
      Thread.sleep( 100 );
     }
      catch  (InterruptedException e)
     {
      e.printStackTrace();
     }
     eyes.index  =  eyes.index  +   250 ;
      if  (eyes.index  >=   2000 )
     {
      eyes.index  =   0 ;
      eyes.repaint();
     }
      else
     {
      eyes.repaint();

     }
    }
   }
  };
  thread.start();

 }

}

不过这种方法也只适合绘制一些简单点的图片。比如象上面那张，只有8个图象，并且是单行的。但是如果是多行的图象，那么有时候控制起来就不是那么容易了，比如象下面这张图片：

那么我们就需要使用图片分割方法来对这张图片进行分割，然后保存在数组里面，这样我们仅需要控制数组的下标就方便多了。
java基础类库提供了这样的方法，我们需要使用到三个类ImageProduce，CropImageFilter，FilteredImageSource。我们可以通过下面的操作步骤来完成图象的分割：
Image serial = getImage(URL);//获取联系图片
  //剪切连续图片
 ImageProducer src = serial .getSource();
//设置剪切区域，一维状态，改变y值构成二维
ImageFilter cut = new CropImageFilter( i*250,0,250,250);
 FilteredImageSource fs = new FilteredImageSource( src , cut );
 Image[ i] ani = createImage(fs);

下面我们通过一段代码来将上面的图片播放出来

public   class  TestCutImage  extends  JFrame  implements  Runnable{

 Insets insets;
 Image images [][]  =   new  Image[ 5 ][ 5 ];
  int  row;
  int  colum;
 TestCutImage(){
   // 获得图片的Image对象
  Image image  =  Toolkit.getDefaultToolkit().getImage( " Images/Cg0430.jpg " );
   // 获取需要剪切的图片资源
  ImageProducer porducer  =  image.getSource();
   // 下面通过两个循环分割图片,保存在一个Image类型的二维数组里
   for  ( int  i  =   0 ; i  <  images.length; i ++ )
  {
    for  ( int  j  =   0 ; j  <  images[i].length; j ++ )
   {
     // CropImageFilter构造函数中的第一个参数是分割图片的左上角x坐标
     // 第二个参数是分割图片的左上角y坐标
     // 第三个参数是分割图片的宽
     // 第四个参数是分割图片的高
    FilteredImageSource source  =   new  FilteredImageSource(porducer, new  CropImageFilter(j * 128 ,i * 96 , 128 , 96 ));
    images[i][j]  =  createImage(source);
    
   }
  }
  MediaTracker tracker  =   new  MediaTracker( this );
   for  ( int  i  =   0 ; i  <  images.length; i ++ )
  {
    for  ( int  j  =   0 ; j  <  images[i].length; j ++ )
   {
    tracker.addImage(images[i][j],  0 );
   }
  }
   try
  {
   tracker.waitForID( 0 );
  }
   catch  (InterruptedException e)
  {
   e.printStackTrace();
  }
  JPanel panel  =   new  JPanel(){
    protected   void  paintComponent(Graphics g) {
    g.drawImage(images[row][colum],  0 ,  0 , 340 , 240 ,  this );
   
   }
  };
   this .getContentPane().add(panel);
  setUndecorated( true );
  setSize( 340 , 240 );
  setVisible( true );
  Thread thread  =   new  Thread( this );
  thread.start();
 }
 
  public   static   void  main(String [] args) {
  
   new  TestCutImage();
 }
  public   void  run() {

   while ( true )
  {
    for  ( int  i  =   0 ; i  <  images.length; i ++ )
   {
    row  =  i;
     for  ( int  j  =   0 ; j  <  images[i].length; j ++ )
    {
     colum  =  j;
      try
     {
      Thread.sleep( 50 );
     }
      catch  (InterruptedException e)
     {
      e.printStackTrace();
     }
     repaint();
    }
   }
   
  }
 }
  protected   void  processWindowEvent(WindowEvent e) {
   if (e.getID()  ==  WindowEvent.WINDOW_CLOSING)
  {
   System.exit( 0 );
  }
 }
}

分割图片后，只需要对Image数组进行操作，就比操作图片里的坐标方便多了，也更准确！