Skip to main content

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

平台：Nokia S60 176x208
(以下簡稱Flash lite為FL) 雖然FL2.x已經推出一段時間，仍然有許多上市手機僅支援FL1.1，本篇教學重點是FL1.1 Key event控制、遊戲流程與Flash4、Flash5語法大融合，所以拿出最簡單的打地鼠遊戲當作第一篇教學主題，希望有心學習FL1.1的新手能因為本篇分享而有所收穫。

由於FL1.1 與FL2.x 語法不盡相同，接下來的分享中，並不會花太多時間講解兩者之間的差別。

一般手機user很容易因為畫面上按鈕出現的位置而直覺性點選離按鈕最近的手機按鍵，為了避免user操作困擾，按鈕位置擺放須要有一定的規則。

[圖1] Erin的第一個FL1.1 game ，start按鈕位置設計上就有很大的失誤，由於按鈕位置偏右下角，很多user會直接點選手機螢幕右邊那顆soft key (以下簡稱RSK)進入遊戲，其實action是寫在中間Enter鍵上(以下簡稱CSK)...QQ 大失誤！！ (但仍然保留作為UI設計失敗範本！^^)

[圖2] 按鈕位置明顯告知點選CSK進入遊戲

[圖3] list menu型態的遊戲首頁，點選上下鍵後按CSK進入

Tip: RSK通常用於「back」、「exit」，所以在遊戲中，應該儘量別賦予RSK不同於離開的意義。

to be continued...
Labels:

Comments

Post a Comment

Popular posts from this blog

[Swift3] weak 與 unowned 關鍵字

雖然在 Swift 中看起來"很像"是不需要煩惱內存管理的問題，不過實際上它還是遵循著自動引用計數 (ARC) 的規則，當一個物件沒有被其他對象引用時會自動被銷毀，如果三魂七魄沒有完全回位的話，就會有個靈體留在現世的空間裡，最經典的範例如下： 閉包(Closure)引用 classClassA { typealias Complete = ()->() var name : String var onComplete : Complete? init(_ name: String){ self.name = name print("Hello I am \(self.name)") onComplete = { print("\(self.name): onComplete!") // --> 閉包引用 self, 計數 + 1 } } deinit { print("deinit: \(self.name)") } } var a : ClassA? = ClassA("A") // --> 引用計數 + 1 a = nil // 2-1 = 1 還剩下 1 所以沒辦法銷毀 ---output------- Hello I am A 由於這邊的 onComplete 宣告為 Optional, 正確的做法要連同 onComplete 一起刪除才可以被回收，若不是 Optional 則會進入無法回收狀態： var b : ClassA? = ClassA("B") b?.onComplete = nil // --> 還好是 Optional 可以設成 nil 計數 - 1 b = nil // 計數 = 0 所以被回收 ---output------- Hello I am B deinit: B 但是做人不需要煩惱太多，這時候就出動 unowned 關鍵字讓物件可以順利被回收： onComplete = { [unowned self] in print...
4 comments
Read more

Robotlegs AS3 MVC framework in Flex project (I)

由於今天在 奶綠茶的 Robotlegs FlashAS3 MVC framework 看到他讚賞 Robotlegs AS3 MVC framework 的好用，不禁好奇的來研究一番... 其實這個 AS3 MVC framework 出現有些時日，但是一直都沒有特別的關注它。簡單看完 Robotlegs 最佳實踐 ，其實就可以大部分的了解 Robotlegs 運作的邏輯。不如其他的 MVC framework 有很多語言版本， Robotlegs 完全是專注在 AS3 上。也由於僅有一個版本，所以訊息傳遞是利用 AS3 Event 機制來完成，對於一些想要入門實作 MVC 的 Flash 工程師來說絕對是比 pureMVC 好入門很多...=) Robotlegs 的重點就是搭著「 依賴注入（ Dependency Injection） 」達成 MVCS 的架構,  擷取用最佳實踐的中文翻譯解釋： Quote: 最簡單地, 依賴注入是為對象提供實例變量或屬性的行為. 當你傳遞一個變量到一個類的構造函數, 你在使用依賴注入. 當你設置一個類的屬性, 你在使用依賴注入. 如果你不是使用嚴格的過程或線性方式編寫AS3, 很可能你現在就在使用依賴注入。 呃...依賴注入? ？簡單來講一台霜淇林機，你要賣什麼口味的霜淇林就是依賴不同的原料放置到左右兩個攪拌桶內，而每一個口味可以透過介面實作來達成依賴注入。 以下是簡單的 Dependency Injection 的 Setter injection 範例： public interface 霜淇淋介面 { function 擠():void; } 然後實作： public class 巧克力 implements 霜淇淋介面{ public function 擠():void{ trace("巧克力口味的霜淇淋"); } } public class 草莓 implements 霜淇淋介面{ public function 擠():void{ trace("草莓口味的霜淇淋"); } } public class 香草 implements 霜淇淋介面{ public function 擠():void{ ...
6 comments
Read more