Skip to main content

打打打爆小人頭!! 我的第一個FL1.1小遊戲 part 2

Wac-A-Mole!!遊戲流程圖:

[圖4] 首頁

[圖5] 作者介紹

[圖6] 遊戲畫面,小人頭對應數字鍵1-9,RSK對應退出按鈕,讓user可以在遊戲中直接回到首頁,手機遊戲應該是很隨性的,所以在LSK加上使遊戲暫停的按鈕。

[圖7] 遊戲結束畫面

遊戲元件製作:

FL1.1 content做法非常原始,需要將所需元件一一擺到stage上才能控制,所以為frame加上label是很重要的一個步驟。

[圖8] 原始檔主時間軸上配置

小人頭MovieClip的製作:

為了簡化暫停遊戲時程式的控制,所以在製作小人頭動畫時將所有的狀態全部作在同一時間軸上。
Tip: 有時候善加利用Graphic可以簡化MovieClip的階層數,別將MovieClip作成像俄羅斯娃娃一層MC包一層MC包了一大坨,這樣要動畫一次停下來需要控制很多層級,也會增加很多無謂的程式撰寫。

[圖9] 小人頭動畫時間軸上配置

小人頭MovieClip內時間軸程式:
frame 1:
stop();

frame label 「active」: 小人頭可以被打爆的區段
isActive=true;

frame 18: (label "active"最後一格)
gotoAndStop(1);
isActive=false;
//回到frame1停止小人頭


frame label 「beHit」:
isActive=false;

frame 23: (last frame)
gotoAndStop(1);

Key event統一控管:

雖然可以將Key event寫在各自按鈕身上,但是在同一個frame上所有的Key Event利用一個按鈕統一管理會讓除蟲難度變低,所以一直都是Erin最喜歡的Key event管理方式,接下來開始主遊戲程式製作囉!

下回會直接release可供製作的原始檔,這樣大家就可以與Erin一起完成這個遊戲嚕!

to be continued....

Comments

Popular posts from this blog

[AIR] JoSiResize - Mobile 開發小工具

JoSiResizev0.6.0,Adobe AIR 3 runtime之前開發 tool app 的時候並沒有很深刻的體認到圖片素材的 resize 是一個很麻煩的事情...畢竟圖片使用量並不大,等到開發遊戲類的 app 才發現光處理不同螢幕尺寸的圖片素材是一個相當折磨人的工作。
因此 JoSiResize app 誕生了~~~原理是採用最小 scale 長寬比例不變的方式進行放大縮小。使用方法非常簡單,設定好變更的尺寸,接下來,將需要處理的圖片檔案全選直接拖曳到視窗內,畫面即會跳出預備儲存的檔案夾選擇畫面,確認後即開始轉檔。

PureMVC for Titanium Mobile

為了秉持著哪裡都要用 PureMVC 的想法,試著修改 PureMVC 官網上提供的 Javascript 版本給 Titanium 使用。
**source code**
有任何問題請上:Titanium Mobile 中文開發者論壇

建立 instance 的方法:使用 Puremvc 為 namespace
Ti.include('puremvc-js-1.0.js');
var c = Puremvc.clone( Puremvc.SimpleCommand );
var p = Puremvc.clone( Puremvc.Proxy, "TestProxy", "This is TestProxy's data" );
var m = Puremvc.clone( Puremvc.Mediator , "MainMediator" );

[Unity] erinylin.lazylib - Cookie for PlayerPrefs

有鑑於 PlayerPrefs 測試與版本更新問題,將大家都愛用的 PreviewLabs.PlayerPrefs 打包起來,製作重點還是以懶人為主,基本上 PlayerPrefs 資料更新與數量並不可能會有強烈衝擊效能的狀況產生,所以為了方便開發,就弄了一個視覺化工具,方便除錯用。

雖然 PreviewLabs.PlayerPrefs 作者都宣告放棄他們的版權,不過為了尊重程式,僅僅加入了兩個公用函式,其他並無更改。

內有:
Cookie ManagerCookie 用 DataObject 混合編輯 ScriptableObject執行階段除錯視窗工具當然還是有懶人常數檔案輸出資料版本控制,方便更新版後儲存資料更新功能其實很多,有興趣的請自行到 Github 下載並參考範例吧!