萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Flash 教學

Flash 遊戲開發系列:打小狗 (Whack-a-Mole) 完整教學

經典「打地鼠」遊戲是 Flash 遊戲入門最佳範例,涵蓋基礎 ActionScript、亂數、遮罩、滑鼠隱藏替換、分數顯示等核心技巧。

遊戲規劃

  • 環境: 400×360 px、背景 #006699、15 fps。
  • 核心機制: Math.random() + 遮罩 → 小狗隨機從洞口冒出;startDrag() + Mouse.hide() → 滑鼠游標換成菜刀;點擊判定加分;動態文字顯示分數。
  • 結束條件: 計時結束,顯示最終分數。

元件設計

  1. 小狗元件: 影片剪輯「小狗」,繪製或匯入小狗頭圖。
  2. 洞口元件: 影片剪輯「洞」,橢圓工具畫黑色橢圓無邊框。
  3. 菜刀元件: 影片剪輯「菜刀」,第 1 幀 stop(); Mouse.hide();,第 2 幀旋轉 20° 做點擊動畫。
  4. 小狗動畫元件: 「小狗運動」包含:小狗上升 (5→10 幀)、下降 (20→25 幀) 動態補間;第 5 幀放入隱形按鈕「點擊」偵測擊中;第 1、5、20 幀標籤 stop、up、down 控制播放流程。

主場景佈置

主場景時間軸結構參考圖 2,包含背景、洞口陣列、小狗動畫實例、菜刀游標、分數文字欄位等圖層。利用迴圈複製洞口與小狗實例,並以亂數控制各洞口小狗出現時機。

完整程式碼與 FLA 檔案可參考原教學下載連結。完成後測試,享受打小狗的樂趣!

copyright © 萬盛學電腦網 all rights reserved