使用Java开发一个大型街机动作闯关类游戏05图像仿射变换(平移和缩放操作)

2022-01-12 18:29:15 浏览数 (1)

项目源码

项目源码

坐标变换

代码语言:txt复制
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

代码语言:txt复制
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如下:

1640677670(1).png1640677670(1).png
代码语言:txt复制
sprite = new Sprite("res/dog/01.png");
sprite.scale(2,2);
sprite.translate(200,100);
sprite.translate(100,100);

可以看到图像放大了2倍,并且向右平移了300像素,向下平移了200像素

我们可以暂时注释掉Image的makeTransparent方法调用,这样可以更清晰的看出来图像的平移和缩放。

0 人点赞