手把手一步一步教你使用Java开发一个大型街机动作闯关类游戏05图像仿射变换（平移和缩放操作）

Posted 2022-01-12 豆约翰老师

项目源码

​​项目源码​​

坐标变换

package sprite;

import java.awt.geom.AffineTransform;


public class Transform 
  private double _x;
  private double _y;

  private AffineTransform _at;
  private AffineTransform _rat;
  
  private double _cx;
  private double _cy;

  public Transform()
    _rat = new AffineTransform();
    _x = 0;
    _y = 0;
  
  

  public void translate(double x,double y)
    _at = new AffineTransform();
    _at.translate(_cx,_cy);
    _at.translate(x, y);
    _at.translate(-_cx,-_cy);
    _rat.preConcatenate(_at);
    _x += x;
    _y += y;
  
  

  public void scale(double xscl,double yscl)
    _rat.translate(_cx,_cy);
    _rat.scale(xscl,yscl);
    _rat.translate(-_cx,-_cy);
  
  

  public double getX()
    return _x+_cx;
  
  

  public double getY()
    return _y+_cy;
  
  
  public AffineTransform getTransform()
    return _rat;
  
  
  public void setOrigin(int x, int y)
    _cx = x;
    _cy = y;
  

该类利用java的仿射变换类AffineTransform，实现sprite的平移与缩放操作。该类通常的用法如下： 先调用setOrigin方法，锚定到图像的中心点。 对于图像的平移操作translate：

1. 先移动到中心点（_at.translate(_cx,_cy)）；
2. 平移到指定点（_at.translate(x, y)）；
3. 返回到初始点（_at.translate(-_cx,-_cy)）
4. 因为我们有时需要连续的平移操作（比如sprite连续的向右平移），所以应该将这些操作连接在一起（_rat.preConcatenate(_at);）。

对于图像的缩放操作：

1. 先移动到中心点（_rat.translate(_cx,_cy)）；
2. 缩放（_rat.scale(xscl,yscl)）；
3. 返回到初始点（_rat.translate(-_cx,-_cy)）

Sprite

Sprite.java

package sprite;

import java.awt.*;

public class Sprite extends Transform

  private Image _img;
  

  public Sprite(String path)
    super();
    _img = new Image(path);
    setOrigin(_img.getWidth()/2,_img.getHeight()/2);
    translate(0, 0);
  


  public void show(Graphics2D g)
    g.drawImage(_img.getImage(), getTransform(), null);
  
  

  public Image getImage()
    return _img;
  

Sprite继承Transform，内部持有一个Image对象。 Sprite构造函数中，加载图像，设置锚定点到图像的中心点，并且将自身平移到屏幕的左上角。

测试一下

修改GameApp.java如下：

sprite = new Sprite("res/dog/01.png");
sprite.scale(2,2);
sprite.translate(200,100);
sprite.translate(100,100);

可以看到图像放大了2倍，并且向右平移了300像素，向下平移了200像素 我们可以暂时注释掉Image的makeTransparent方法调用，这样可以更清晰的看出来图像的平移和缩放。