Processing开发的游戏如何实现整体缩放以适配不同分辨率？

核心思路：使用矩阵缩放实现全局适配 #

不用逐个修改元素的坐标、尺寸，通过Processing的矩阵变换功能，一次性缩放所有绘制内容，同时适配鼠标交互逻辑。

1. 基础缩放实现 #

以你开发时的1600×1200为基准分辨率，计算当前设备与基准的缩放比例，将所有绘制内容统一缩放：

// 开发时的基准分辨率
int baseWidth = 1600;
int baseHeight = 1200;
float scaleFactor;

void setup() {
  // 适配全屏显示，也可改为size(displayWidth, displayHeight)窗口模式
  fullScreen();
  // 计算等比例缩放因子（取宽高比例的较小值，避免画面拉伸）
  float scaleX = (float)displayWidth / baseWidth;
  float scaleY = (float)displayHeight / baseHeight;
  scaleFactor = min(scaleX, scaleY);
}

void draw() {
  background(255);
  
  // 保存当前绘图状态，开始矩阵变换
  pushMatrix();
  // 应用缩放因子，所有后续绘制内容都会被缩放
  scale(scaleFactor);
  
  // --- 这里保留你原有的所有绘制代码 ---
  // 比如：image(mazeWall, 50, 50); line(100, 100, 200, 200); 等
  // 无需修改任何坐标、尺寸参数，自动适配当前设备
  // --- 绘制代码结束 ---
  
  // 恢复原有绘图状态
  popMatrix();
}

2. 适配鼠标交互（碰撞/点击检测） #

缩放后，鼠标的实际坐标与绘制内容的基准坐标不匹配，需要将鼠标坐标反向缩放，转换为基准分辨率下的坐标：

// 在mousePressed、mouseMoved等鼠标事件中使用转换后的坐标
void mousePressed() {
  float mouseXScaled = mouseX / scaleFactor;
  float mouseYScaled = mouseY / scaleFactor;
  
  // 用转换后的坐标进行碰撞检测，比如迷宫墙壁的点击/触碰判断
  // 示例：检测鼠标是否在某个基准坐标的矩形内
  if (mouseXScaled > 100 && mouseXScaled < 200 && mouseYScaled > 100 && mouseYScaled < 200) {
    // 执行你的逻辑
  }
}

3. 可选：居中显示（消除黑边偏移） #

如果设备分辨率比例与4:3（1600×1200）不一致，缩放后会出现黑边，可通过平移将游戏内容居中：
修改draw()中的矩阵变换部分：

pushMatrix();
// 计算居中偏移量
float offsetX = (displayWidth - baseWidth * scaleFactor) / 2;
float offsetY = (displayHeight - baseHeight * scaleFactor) / 2;
// 先平移到居中位置，再缩放
translate(offsetX, offsetY);
scale(scaleFactor);

// --- 原有绘制代码 ---

popMatrix();

4. 关键注意事项 #

• 所有需要缩放的绘制内容必须放在pushMatrix()和popMatrix()之间，包括文本、形状、图片等。
• 文本大小（textSize()）会随缩放比例自动调整，保持与游戏元素的相对比例一致，无需额外修改。
• 测试时切换不同分辨率的设备，验证碰撞检测逻辑是否正常，确保鼠标交互精准。

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