Java 旋转缓冲图像被截断
Java rotated buffered image gets cut off
首先,我想在 Java 中制作一个简单的游戏。我有一个显示瓦片地图的视口,中间有一个坦克,它通过控制视口所在的滚动窗格的 JScrollBars 移动。到目前为止,一切进展顺利,直到我需要旋转图像。这是游戏的图片:注意:坦克 body 和 tilemap 在不同的面板上,不共享相同的图形。
未旋转坦克图片body:
本质上,我想使用箭头键围绕其中心旋转缓冲图像(原地旋转)。我已经有了键的代码,而且我还有一种方法可以在给定缓冲图像和以度为单位的角度(角度在方法中更改为弧度)的情况下尝试旋转缓冲图像。此方法将 return 正确旋转的缓冲图像。这是代码:
public static BufferedImage rotateImage(BufferedImage image, double angle) {
if(angle == 0)
return image;
else {
angle = Math.toRadians(angle);
double x = Math.abs(Math.cos(angle));
double y = Math.abs(Math.sin(angle));
int newWidth = (int) Math.floor(image.getWidth()*x + image.getHeight()*y);
int newHeight = (int) Math.floor(image.getHeight()*x + image.getWidth()*y);
BufferedImage rotated = new BufferedImage(newWidth, newHeight, image.getType());
Graphics2D tool = rotated.createGraphics();
AffineTransform transformer = new AffineTransform();
transformer.rotate(angle, image.getWidth()/2, image.getHeight()/2);
tool.drawImage(image, transformer, null);
tool.dispose();
return rotated;
}
}
但是,正如标题所示,当如图所示旋转时,图像的顶部和左侧被截断:
旋转坦克图片body:
所以我看了很多不同的论坛,但我无法解决我的问题。我可以在图像周围添加空白,但这会严重干扰我打算稍后进行的碰撞检测。我知道它必须在原始显示小于旋转图像显示的情况下做一些事情,我已经尝试以多种方式相应地进行翻译。如果我专门翻译这行代码,
transformer.translate((newWidth - image.getWidth())/2, (newHeight - image.getHeight())/2);
然后图像(坦克body)在没有切割的情况下旋转,但如图所示弹回原位(我画了一个矩形来显示它的位置):
带翻译的旋转坦克图片:
我也试过否定翻译,但它只对时髦的动作有用。
所以,我真的不知道如何解决这个问题,而且我在这个问题上花了太多时间。如果可能的话,我真的很感激能直接编辑我的方法的有用答案。
回答
所以这是我需要实现的开场思路来回答这个问题。
平移和旋转的方法是为了使图像不被截断。但是,它不会像第三张图片中那样围绕中心。但同样,该方法并非旨在使其重新居中。绘画代码本身需要考虑这种转变。我只是添加了变量来解决这个问题:
xOffset = (newWidth - image.getWidth())/2;
yOffset = (newHeight - image.getHeight())/2
然后简单地从我画坦克车身的地方减去这些。
感谢@camickr 的解决方案
围绕中心点旋转方形精灵时,目标图像应比原始图像大 2 的平方根(约 1.41)倍。比如精灵旋转45°就不会被裁剪
希望这些信息能帮助您解决问题。
首先,我想在 Java 中制作一个简单的游戏。我有一个显示瓦片地图的视口,中间有一个坦克,它通过控制视口所在的滚动窗格的 JScrollBars 移动。到目前为止,一切进展顺利,直到我需要旋转图像。这是游戏的图片:注意:坦克 body 和 tilemap 在不同的面板上,不共享相同的图形。
未旋转坦克图片body:
本质上,我想使用箭头键围绕其中心旋转缓冲图像(原地旋转)。我已经有了键的代码,而且我还有一种方法可以在给定缓冲图像和以度为单位的角度(角度在方法中更改为弧度)的情况下尝试旋转缓冲图像。此方法将 return 正确旋转的缓冲图像。这是代码:
public static BufferedImage rotateImage(BufferedImage image, double angle) {
if(angle == 0)
return image;
else {
angle = Math.toRadians(angle);
double x = Math.abs(Math.cos(angle));
double y = Math.abs(Math.sin(angle));
int newWidth = (int) Math.floor(image.getWidth()*x + image.getHeight()*y);
int newHeight = (int) Math.floor(image.getHeight()*x + image.getWidth()*y);
BufferedImage rotated = new BufferedImage(newWidth, newHeight, image.getType());
Graphics2D tool = rotated.createGraphics();
AffineTransform transformer = new AffineTransform();
transformer.rotate(angle, image.getWidth()/2, image.getHeight()/2);
tool.drawImage(image, transformer, null);
tool.dispose();
return rotated;
}
}
但是,正如标题所示,当如图所示旋转时,图像的顶部和左侧被截断:
旋转坦克图片body:
所以我看了很多不同的论坛,但我无法解决我的问题。我可以在图像周围添加空白,但这会严重干扰我打算稍后进行的碰撞检测。我知道它必须在原始显示小于旋转图像显示的情况下做一些事情,我已经尝试以多种方式相应地进行翻译。如果我专门翻译这行代码,
transformer.translate((newWidth - image.getWidth())/2, (newHeight - image.getHeight())/2);
然后图像(坦克body)在没有切割的情况下旋转,但如图所示弹回原位(我画了一个矩形来显示它的位置):
带翻译的旋转坦克图片:
我也试过否定翻译,但它只对时髦的动作有用。
所以,我真的不知道如何解决这个问题,而且我在这个问题上花了太多时间。如果可能的话,我真的很感激能直接编辑我的方法的有用答案。
回答
所以这是我需要实现的开场思路来回答这个问题。 平移和旋转的方法是为了使图像不被截断。但是,它不会像第三张图片中那样围绕中心。但同样,该方法并非旨在使其重新居中。绘画代码本身需要考虑这种转变。我只是添加了变量来解决这个问题:
xOffset = (newWidth - image.getWidth())/2;
yOffset = (newHeight - image.getHeight())/2
然后简单地从我画坦克车身的地方减去这些。
感谢@camickr 的解决方案
围绕中心点旋转方形精灵时,目标图像应比原始图像大 2 的平方根(约 1.41)倍。比如精灵旋转45°就不会被裁剪
希望这些信息能帮助您解决问题。