Arduino X Vibe Coding 五分鐘做出小遊戲Part 1 ---- 做出 Chrome Dinosaur Game

上述的提示語，除了跟ChatGPT說 OLED 的顯示角度有誤，也進一步說明按鈕的腳位是D6，補足第一次沒有完整說明腳位編號，最後也提出需要有音效的產生。

這時候產出來的程式碼，已經是可以運行了，但有些細節和程式執行上有問題，筆者遇到的問題是《Arduino 首次接觸就上手》一接電就開始遊戲，和想改變按鈕的觸發動作。

產生最終可運行程式碼

#include <Arduino.h>
#include <U8g2lib.h>
#include <Wire.h>

// ===== OLED（旋轉 R2）=====
U8G2_SSD1306_128X64_NONAME_F_HW_I2C u8g2(U8G2_R2, U8X8_PIN_NONE);

// ===== 腳位 =====
const int buttonPin = 6;
const int buzzerPin = 5;

// ===== 遊戲狀態 =====
enum GameState { WAIT_START, PLAYING, GAME_OVER };
GameState gameState = WAIT_START;

// ===== 遊戲參數 =====
const int groundY = 54;
const int playerSize = 8;
const int obsSize = 8;

int playerX = 16;
int playerY = groundY - playerSize;

int vy = 0;
bool isJumping = false;

int obsX = 128;
int obsY = groundY - obsSize;
int obsSpeed = 3;

long score = 0;
bool scoredThisObstacle = false;

unsigned long gameOverAt = 0;

// ===== Start 畫面控制 =====
unsigned long bootTime = 0;
bool startScreenReady = false;
int startPressCount = 0;   // 需按兩下

// ===== 音效 =====
bool tonePlaying = false;
unsigned long toneStart = 0;
unsigned long toneDuration = 0;

void playTone(int f,int d){
  tone(buzzerPin,f);
  tonePlaying=true;
  toneStart=millis();
  toneDuration=d;
}
void updateTone(){
  if(tonePlaying && millis()-toneStart>=toneDuration){
    noTone(buzzerPin);
    tonePlaying=false;
  }
}
void soundJump(){ playTone(1200,80); }

// Game Over 音效
int goStep=0;
unsigned long goLast=0;
bool gameOverSoundActive=false;

void startGameOverSound(){
  gameOverSoundActive=true;
  goStep=0;
  goLast=0;
}
void updateGameOverSound(){
  if(!gameOverSoundActive) return;
  unsigned long now=millis();
  if(goStep==0){ playTone(600,200); goLast=now; goStep=1; }
  else if(goStep==1 && now-goLast>220){ playTone(300,300); goLast=now; goStep=2; }
  else if(goStep==2 && now-goLast>320){ gameOverSoundActive=false; }
}

// ===== 按鈕（邊緣觸發）=====
bool lastBtn=HIGH;
unsigned long lastDebounceAt=0;
const unsigned long debounceMs=25;

bool buttonPressed(){
  bool cur=digitalRead(buttonPin);

  if(cur!=lastBtn){
    lastDebounceAt=millis();
    lastBtn=cur;
  }
  if(millis()-lastDebounceAt<debounceMs) return false;

  static bool prevStable=HIGH;
  bool pressed=(prevStable==HIGH && cur==LOW);
  prevStable=cur;
  return pressed;
}

// ===== 畫面 =====
void drawStartScreen(){
  u8g2.clearBuffer();
  u8g2.setFont(u8g2_font_6x12_tf);
  u8g2.drawStr(4,24,"Game Start");
  u8g2.drawStr(4,44,"PLS Press Button twice");
  u8g2.sendBuffer();
}

void drawGameOver(){
  u8g2.clearBuffer();
  u8g2.setFont(u8g2_font_6x12_tf);
  u8g2.drawStr(10,24,"Game Over");
  char buf[24];
  snprintf(buf,sizeof(buf),"Score:%ld",score);
  u8g2.drawStr(10,44,buf);
  u8g2.sendBuffer();
}

void drawGame(){
  u8g2.clearBuffer();

  char buf[24];
  snprintf(buf,sizeof(buf),"Score:%ld",score);
  u8g2.drawStr(0,12,buf);

  u8g2.drawHLine(0,groundY,128);
  u8g2.drawBox(playerX,playerY,playerSize,playerSize);
  u8g2.drawBox(obsX,obsY,obsSize,obsSize);

  u8g2.sendBuffer();
}

bool checkCollision(){
  return (playerX < obsX+obsSize &&
          playerX+playerSize > obsX &&
          playerY < obsY+obsSize &&
          playerY+playerSize > obsY);
}

void resetGame(){
  playerY=groundY-playerSize;
  vy=0;
  isJumping=false;
  obsX=128;
  obsSpeed=3;
  score=0;
  scoredThisObstacle=false;
}

// ===== Setup =====
void setup(){
  pinMode(buttonPin,INPUT_PULLUP);
  pinMode(buzzerPin,OUTPUT);

  u8g2.begin();
  u8g2.setContrast(200);

  bootTime=millis();
  gameState=WAIT_START;
  startScreenReady=false;
  startPressCount=0;

  drawStartScreen();   // 上電立即顯示
}

// ===== Loop =====
void loop(){

  updateTone();
  updateGameOverSound();

  switch(gameState){

    // ===== Start 畫面（需按兩下）=====
    case WAIT_START:

      // 上電後先等待，避免誤觸
      if(!startScreenReady){
        if(millis()-bootTime>800 && digitalRead(buttonPin)==HIGH){
          startScreenReady=true;
        }
        delay(20);
        return;
      }

      if(buttonPressed()){
        startPressCount++;

        // 第二次按下才開始遊戲
        if(startPressCount>=2){
          startPressCount=0;
          resetGame();
          gameState=PLAYING;
        }
      }
      delay(20);
      break;

    // ===== 遊戲中 =====
    case PLAYING:

      if(buttonPressed() && !isJumping){
        vy=-10;
        isJumping=true;
        soundJump();
      }

      if(isJumping){
        playerY+=vy;
        vy+=1;
        if(playerY>=groundY-playerSize){
          playerY=groundY-playerSize;
          vy=0;
          isJumping=false;
        }
      }

      obsX-=obsSpeed;

      if(!scoredThisObstacle && (obsX+obsSize)<playerX){
        score+=10;
        scoredThisObstacle=true;
      }

      if(obsX<-obsSize){
        obsX=128;
        scoredThisObstacle=false;
        if(obsSpeed<8) obsSpeed++;
      }

      if(checkCollision()){
        gameState=GAME_OVER;
        gameOverAt=millis();
        startGameOverSound();
      }

      drawGame();
      delay(30);
      break;

    // ===== Game Over =====
    case GAME_OVER:
      drawGameOver();
      if(millis()-gameOverAt>=10000UL){
        gameState=WAIT_START;
        startScreenReady=false;
        startPressCount=0;
        bootTime=millis();
        drawStartScreen();
      }
      delay(20);
      break;
  }
}

恭喜你完成本專題

下一步，嘗試新增功能

立即洽詢與報名