Java游戏方形画布居中偏移实现技术求助

嘿，这个问题我熟！咱们不用限制窗口大小，而是通过计算偏移和缩放比例，让方形游戏画布始终在窗口里居中显示，不管窗口拉成啥样都不影响体验。我给你改改GameCanvas类，直接上代码加解释：

我们的目标是：

• 允许窗口自由调整尺寸
• 游戏画布始终保持原始方形比例，居中显示
• 窗口空白区域用背景色填充
• 精灵绘制基于原始尺寸，自动适配缩放

import java.awt.*;
import java.awt.event.ComponentAdapter;
import java.awt.event.ComponentEvent;

public class GameCanvas extends Canvas {
    // 原始方形游戏画布尺寸
    private final Dimension originalGameSize;
    // 当前缩放比例（自动适配窗口）
    private double scale;
    // 画布在窗口中的偏移量（让它居中）
    private int offsetX;
    private int offsetY;

    // 构造方法：传入方形画布的边长
    public GameCanvas(int squareSize) {
        this.originalGameSize = new Dimension(squareSize, squareSize);
        // 设置窗口空白区域的背景色（比如黑色）
        setBackground(Color.BLACK);
        
        // 监听窗口大小变化，实时计算缩放和偏移
        addComponentListener(new ComponentAdapter() {
            @Override
            public void componentResized(ComponentEvent e) {
                calculateScaleAndOffset();
                repaint();
            }
        });
        
        // 初始化时先算一次
        calculateScaleAndOffset();
    }

    // 关键方法：计算缩放比例和居中偏移
    private void calculateScaleAndOffset() {
        int windowWidth = getWidth();
        int windowHeight = getHeight();

        // 取宽高中较小的比例，保证整个方形画布都能显示在窗口里
        scale = Math.min(
            (double) windowWidth / originalGameSize.width,
            (double) windowHeight / originalGameSize.height
        );

        // 计算偏移量，让缩放后的画布居中
        offsetX = (windowWidth - (int) (originalGameSize.width * scale)) / 2;
        offsetY = (windowHeight - (int) (originalGameSize.height * scale)) / 2;
    }

    @Override
    public void paint(Graphics g) {
        super.paint(g);
        Graphics2D g2d = (Graphics2D) g;

        // 第一步：填充整个窗口的背景（非游戏区域显示这个颜色）
        g2d.setColor(getBackground());
        g2d.fillRect(0, 0, getWidth(), getHeight());

        // 保存当前坐标系状态，后面要恢复
        g2d.save();

        // 平移到偏移位置，再缩放坐标系
        // 这样绘制游戏内容时，直接用原始方形尺寸就行，自动适配缩放
        g2d.translate(offsetX, offsetY);
        g2d.scale(scale, scale);

        // 第二步：绘制你的游戏区域（比如原来的蓝色画布）
        g2d.setColor(Color.BLUE);
        g2d.fillRect(0, 0, originalGameSize.width, originalGameSize.height);

        // 示例：绘制一个精灵（红色方块），位置基于原始尺寸
        g2d.setColor(Color.RED);
        g2d.fillRect(50, 50, 100, 100);

        // 恢复坐标系，避免影响后续绘制
        g2d.restore();
    }

    // 重写update避免闪烁
    @Override
    public void update(Graphics g) {
        paint(g);
    }
}

import javax.swing.*;

public class GameWindow extends JFrame {
    public GameWindow() {
        setTitle("我的方形游戏");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setSize(800, 600); // 初始非方形窗口
        setLocationRelativeTo(null); // 窗口居中

        // 创建500x500的原始方形游戏画布
        GameCanvas canvas = new GameCanvas(500);
        add(canvas);

        setVisible(true);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(GameWindow::new);
    }
}

如果需要让玩家手动调整精灵大小，只需加一个自定义缩放因子：

// 新增手动缩放因子，默认1.0
private double userScale = 1.0;

// 修改calculateScaleAndOffset里的缩放计算
scale = Math.min(
    (double) windowWidth / originalGameSize.width,
    (double) windowHeight / originalGameSize.height
) * userScale;

// 提供设置方法
public void setUserScale(double scale) {
    this.userScale = scale;
    calculateScaleAndOffset();
    repaint();
}

如果游戏画面有闪烁，推荐用BufferStrategy做双缓冲，在GameCanvas里加个渲染线程：

public void startRenderLoop() {
    createBufferStrategy(2);
    new Thread(() -> {
        while (true) {
            renderFrame();
            try {
                Thread.sleep(16); // 约60帧每秒
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }).start();
}

private void renderFrame() {
    BufferStrategy bs = getBufferStrategy();
    if (bs == null) return;

    Graphics g = bs.getDrawGraphics();
    paint(g); // 复用之前的绘制逻辑
    g.dispose();
    bs.show();
}

然后在GameWindow里调用canvas.startRenderLoop();就行。

这样一来，用户可以随意拖动窗口大小，游戏区域始终是方形居中，完全不影响体验～

内容的提问来源于stack exchange，提问作者kcode