Processing开发Asteroids游戏：按钮跳转与过渡页面实现求助

核心问题是没有监听鼠标点击事件，且缺少游戏状态管理来切换不同页面。以下是具体实现步骤：

1. 定义全局游戏状态变量 #

在代码最顶部添加变量，标记当前所处的页面阶段：

// 0: 菜单页面（显示按钮），1: 过渡页面，2: 游戏页面
int gameState = 0;

2. 修正碰撞检测函数的语法错误 #

Processing中布尔类型关键字是小写的boolean，原代码的Boolean会报错，修正后：

boolean pointIsInRectangle(int left, int top, int right, int bottom, int pointX, int pointY) {
  return (pointX >= left && pointX <= right && pointY >= top && pointY <= bottom);
}

3. 重构draw()函数，按状态渲染内容 #

让draw函数根据当前状态分支渲染不同页面：

void setup() {
  size(1280, 720);
  textSize(100); // 统一设置文字大小，避免重复调用
}

void draw() {
  background(0); // 简化背景色设置
  
  switch(gameState) {
    case 0:
      drawButton(); // 显示菜单按钮
      break;
    case 1:
      drawTransitionPage(); // 显示过渡提示页
      break;
    case 2:
      drawGame(); // 显示飞船、小行星等游戏内容
      break;
  }
}

4. 实现过渡页面绘制函数 #

添加专门绘制过渡提示的函数：

void drawTransitionPage() {
  fill(255);
  textSize(40);
  textAlign(CENTER, CENTER);
  text("click anywhere to play game", width/2, height/2);
  textAlign(LEFT, BASELINE); // 恢复默认文字对齐，避免影响其他绘制
}

5. 添加鼠标点击事件处理 #

这是按钮无响应的关键，通过mousePressed()函数处理不同状态下的点击逻辑：

void mousePressed() {
  switch(gameState) {
    case 0:
      // 检查是否点击了菜单按钮
      int btnLeft = 350;
      int btnTop = 145;
      int btnRight = 860;
      int btnBottom = 220;
      if(pointIsInRectangle(btnLeft, btnTop, btnRight, btnBottom, mouseX, mouseY)) {
        gameState = 1; // 切换到过渡页面
      }
      break;
    case 1:
      gameState = 2; // 点击任意位置进入游戏页面
      break;
    // 游戏内的点击逻辑可在此扩展，比如发射子弹、重置游戏等
    case 2:
      break;
  }
}

6. 整合飞船与小行星逻辑到游戏页面 #

把你已有的飞船代码放到drawGame()函数中，同时添加小行星生成逻辑（示例）：

// 飞船相关变量
PVector shipPos;
float shipAngle;

// 小行星相关变量
ArrayList<PVector> asteroids;

void setup() {
  size(1280, 720);
  textSize(100);
  // 初始化飞船位置与角度
  shipPos = new PVector(width/2, height/2);
  shipAngle = 0;
  // 初始化小行星列表并生成初始小行星
  asteroids = new ArrayList<PVector>();
  spawnAsteroids();
}

// 生成随机位置的小行星
void spawnAsteroids() {
  for(int i=0; i<5; i++) {
    float x = random(width);
    float y = random(height);
    asteroids.add(new PVector(x, y));
  }
}

// 绘制游戏内容
void drawGame() {
  // 绘制飞船
  pushMatrix();
  translate(shipPos.x, shipPos.y);
  rotate(shipAngle);
  fill(255);
  triangle(-10, 15, 10, 15, 0, -20); // 简易飞船形状
  popMatrix();
  
  // 绘制小行星
  fill(150);
  for(PVector ast : asteroids) {
    ellipse(ast.x, ast.y, 30, 30); // 简易小行星形状
  }
  
  // 此处可扩展飞船移动、小行星移动等游戏逻辑
}

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