打地鼠遊戲製作
  類別:  網頁設計
  書號:  AEU007500
  作者:  李啟龍/謝文軒
 

  博客來  
  金石堂  
  天瓏  

在這個範例中,我們使用滑鼠把冒出來的地鼠打掉,被打到的地鼠,臉上會露出痛苦的表情,一樣是利用計時器和按鈕的組合,使用的語法和上個範例類似。

01 首先,開啟範例檔。

02 點選下方的「GO !」按鈕,開啟屬性面板,在元件實體上輸入「go」。

03 當按下按鈕後,就會跳到下一格影格,遊戲才會開始。選擇「圖層2」的第1 格影格,在「動作—影格」面板內輸入以下程式碼:

04 在編輯遊戲內容之前,我們先製作一些會用到的元件。新增一個按鈕元件,命名為「感應區」。在元件編輯視窗內,在感應區影格新增關鍵影格,並且畫一個圓圈來表示感應區的實際大小。

05 新增一個影片片段,命名為「地鼠-臉」,元件庫裡頭有兩個地鼠臉部的圖像,分別放置在第1 格和第2 格影格上,再把上一步製作的感應區按鈕,放在氣球的正上方,然後開啟屬性面板,感應區的元件實體名稱輸入為「hit」。

 

06 第2 格影格放置的是被打過的地鼠,感應區元件放置在地鼠下方,元件實體命名為「hit」。

07 點選「圖層2」的第1 格影格,開啟「動作—影格」面板,輸入以下程式碼:

08 新增一個影片片段,命名為「會動的地鼠」,然後將「地鼠- 臉」元件放置在裡面,元件實體命名為「face」。

 

09 製作一段動畫,讓地鼠在第1~5 格影格向上移動,第14~18 格影格向下移動。

10 點選「圖層2」的第1 格影格,在「動作—影格」面板內輸入以下程式碼:

11 點選「圖層1」的第18 格影格,在動作面板內輸入以下程式碼:

這邊讓每一次地鼠移動完畢後,不論臉有沒有被打到,都會讓臉上的表情變回沒被打過的樣子。

12 回到場景1,在「圖層1」的第2 格影格內,新增兩個動態文字,在實體名稱內分別輸入「gamescore」和「gametime」。

 

13 我們先設定遊戲初始分數為0 分,遊戲時間為60 秒。在「動作—影格」面板內輸入以下程式碼:

14 再來設定遊戲倒數計時的部分。這邊我們使用計時器timer 的功能,讓遊戲自動倒數。

我們建立一個執行60 次,每次1000 毫秒的計時器,命名為「gameTimer」。首先是onTick 函式,在每秒執行時,讓遊戲右上方的遊戲時間自動減1。onTimeUp 函式設定計時器結束時的指令,會移動到第3 格影格。
繼續輸入以下程式碼:

15 從元件庫拖曳出9 個「會動的地鼠」,在元件實體內命名為「mouse1」、「mouse2」?到「mouse9」,並把這些地鼠按照層次關係,放置在「土」元件的後面。
 

 

關於碁峰隱私權政策聯絡我們     檢視 : PC 版  手機版
碁峰資訊股份有限公司 GOTOP INFORMATION INC.
台北市南港區三重路66號7樓之6 / 7F.-6,No.66,Sanchong Rd.,Nangang District,Taipei
TEL:(02)2788-2408 FAX:(02)8192-4433 劃撥帳號:14244383
Copyright 2014© GOTOP Information Inc, All Rights Reserved 請勿任意連結、轉載