zoukankan      html  css  js  c++  java
  • 手把手一步一步教你使用Java开发一个大型街机动作闯关类游戏05图像仿射变换(平移和缩放操作)

    项目源码

    项目源码

    坐标变换

    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如下:

    1640677670(1).png

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

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

    如果您迷路了,请参考完整源码:

    项目源码

    项目源码

  • 相关阅读:
    WebService学习--(一)webservice相关概念
    根据日期推断某天某周某日
    Eclipse快捷键
    Java IO学习--(五)字节和字符数组
    Java IO学习--(四)网络
    Java IO学习--(三)通道
    Java IO学习--(二)文件
    Java IO学习--(一)概述
    JVM学习--(八)java堆分析
    Linux加密、安全版块、root密码破解
  • 原文地址:https://www.cnblogs.com/songboriceboy/p/15775893.html
Copyright © 2011-2022 走看看