Erin's Blog

Titanium APP with PureMVC & CoffeeScript

2011-11-28T15:46:00.015+08:00

昨天一時無聊研究起最近很紅的 CoffeeScript，小試結果不禁有種相見很晚的 fu....Jeremy Ashkenas 你實在是太棒啦!!!!!先前使用 Javascript 來寫 Titanium APP 的時候最大的問題還是來自於 Javascript 是個易學難精的語言，debug 不易，怎麼寫好像都沒問題但是跑出來的結果就是很神奇， Class 的實作也是百百種....雖然先前文章分享的：PureMVC for Titanium Mobile 簡單實作了 PureMVC 供 Titanium 使用，不過實際操作時還是會覺得有點彆扭。CoffeeScript 講求的就是採用 Javascript the Good parts，在不影響效能的轉換下，保證轉出來的 js 都是優良的，更重要的是它的類別實作....各位朋友們啊！這個才叫類別啊!!!（淚奔）秉持著哪裡都要用

Some tips to avoid leaking memory in Titanium Mobile App

2011-11-12T16:03:00.011+08:00

Titanium Mobile 真的是一個易學的跨平台 Mobile App SDK，不過由於 Javascript 的自由撰寫風格，外加一般使用者並不了解 Titanium Mobile SDK 倒底中介了什麼，往往開發到後期發現 App 在 runtime 時常出現 out of memory issue，用盡了各種方法「抓漏」也搞不懂為什麼？這個時候你就會開始沮喪，然後內心的 OS 狂叫著：「為什麼我不乖乖的學 Objective-C or Java!!!!!」其實只要堅持幾種撰寫原則，就可以將記憶體漏失傷害降到最低。以下是幾個簡單用來避免記憶體漏失的技巧：1. 使用 namespace 來寫作避免混亂 global scope //專案名稱的 namespace var Ns = {}; //處理 ui Ns.ui = {}; //處理

[Titanium Mobile] 體驗營開始報名!!!

2011-10-26T10:39:00.005+08:00

這次是本人主講，阿修的粉絲請不要哭...報名網頁

[Event] Titanium Taiwan User Group 首次聚會報名開始!!!

2011-10-06T16:44:00.005+08:00

Taiwan Titanium User Group 聚會想要搶先知道今年九月在舊金山舉辦的 Titanium 研討會發表了甚麼新訊息嗎？想知道年底即將更新 Titanium Mobile 1.8 SDK 多了哪些新功能嗎？快來參加這次的User Group 聚會，有更多的開發小技巧要告訴你！！報名專頁

PureMVC for Titanium Mobile

2011-10-05T16:51:00.009+08:00

為了秉持著哪裡都要用 PureMVC 的想法，試著修改 PureMVC 官網上提供的 Javascript 版本給 Titanium 使用。**source code**有任何問題請上：Titanium Mobile 中文開發者論壇建立 instance 的方法：使用 Puremvc 為 namespaceTi.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" );

[iPad] Titanium Mobile API Reference

2011-05-24T15:28:00.010+08:00

View in iTunes這個是最近的作品~~Titanium Mobile 真的是一個很容易學的跨平台手持裝置開發工具，主要是使用 JavaScript 來編寫。有興趣可以參考：阿修的部落格最近幾篇文章都有介紹＝）

關於 PureMVC Command 的那點事...

2011-05-20T23:26:00.002+08:00

這是今天讀書會分享內容的簡報勘誤：Page 20 ：啥叫非同步 Command？關於 Puremvc Command 的那點事 View more presentations from Erin Lin

PureMVC 我也會 [6]

2011-03-15T18:00:00.001+08:00

MediatorViewComponents 與 pureMVC 架構的中介監聽並反應 View Component 發出的 Event可以發送與接收 Notification儘量少操作 Proxy 公開方法，多用 sendNotification...Mediator design pattern要多認識這個 Mediator 設計模式的話，請自行看連結說明啊! 簡單來講，假使有一個 View 裡面有好幾個 MovieClip組成，而這些 MovieClip 會互相影響對方...這個情況在 Flash 中，通常都會變成下圖：MovieClip 直接控制其他 MovieClip 搞到整個關係很複雜...換一個元件簡直是災難。加入 Mediator 後，示意圖就會變成：這樣，所有的 MovieClip 都透過 Mediator 來跟其他 MovieClip 溝通，當某一個

PureMVC 我也會 [5]

2011-03-14T23:50:00.000+08:00

寫在前面...為日本地震海嘯受災戶祈福，為地球祈福...~_~Proxy收集資料，提供公開方法给外部使用封裝資料區域邏輯（反正就是弄好資料才給別人）只能發送 Notification絕對不要引用到任何的 mediator，越自閉越好Proxy 也是一個設計模式：Proxy design pattern，有興趣的請看 wiki 連結，以最簡單的解釋 Proxy 就是資料的「代理人」要什麼資料就是透過這個代理人取得，請求資料的對象不需要知道代理人是如何得到資料。隨便畫個示意圖，MVC 中為什麼要分開 Model 用意就是當 Model 更改服務的時候，也只需要修改 Model。上圖中，如果你原本的服務是 PHP 會通過 ProxyA 去與後端溝通，當後端更改成 .NET 的時候，前面都不需要變動，也只需要更改為 ProxyB，在上一篇中有特別建議將 Proxy 取用寫在 Command

PureMVC 我也會 [4]

2011-03-10T01:10:00.010+08:00

Command當然就是 Command Design Pattern 的實作用註冊的方式 mapping Notification一般來說 Command 的生命週期只有到它的 execute 方法執行後就掛了（揮手帕～）環保！免洗！能用就儘量用！！Command Design Pattern顧名思義當然是「命令」設計模式了。這個模式非常好理解，為什麼叫命令？意思就是你老媽叫你去洗碗、掃地或做其他家事，不都是一個指令一個動作？如同一支電視遙控器，每按一個按鈕都有對應的命令，按了電源鈕 -> 開機，音量放大 -> 音量變大一點，選台 -> 跳台...動作做完就結束，所有命名都是有內容的，如果每一個命令都要乖乖的命名的話，光記內容不就累死了...所以你會發現繼承 Command 後，只需要 override execute():void 方法即可。PureMVC 送你用的 Command

PureMVC 我也會 [3]

2011-03-09T15:17:00.005+08:00

Notification & Observer簡單講就是 PureMVC 架構中的 Event 機制背後就是所謂的「Observer Design Pattern」Notification 為訊息物件Facade and Proxy 只能發送Command and Mediator 可以接收與發送Observer Design Pattern「觀察者」這個設計模式被提出來一定有它的過人之處，寫程式講求的就是「別人家的事情管他去死，什麼渾水都要淌的話，怎麼被蟲咬死都不知道」。觀察者做的事情就是有興趣接收的消息，就自己乖乖訂閱，出了啥大事，就是用將訊息發出去，有訂閱的人自然會收到，收到訊息要做什麼反應當然就是自己的事情，最後收膩了還可以取消訂閱。在 PureMVC 中可以發送的 class 都可以用內建的 sendNotification() 發送訊息：sendNotification(

PureMVC 我也會 [2]

2011-03-07T21:37:00.006+08:00

PureMVC Gestalt• Model and Proxy• View and Mediator• Controller and Commands• Facade and Core• Observers and NotificationFacade簡化一切，讓你只需要對一個窗口Standard version 的 Facade 是個單例Multi-core 版本是由單例的 Facade bus(Array) 控制Model, View and Controller 三個單例的總代理Commands, Mediators and Proxy 的註冊、取用與移除都是在這裡反正就是想要操作其他 class 時，可以先參考 facade 一下...開始寫 PureMVC 專案後，你會發現它無所不在，甩都甩不掉...每個專案的 ApplicationFacade 都長得很像（當然命名可以修改

PureMVC 我也會 [1]

2011-03-04T19:43:00.008+08:00

為什麼要學 PureMVC ？明明網路上一堆免費的 MVC 微型框架，為什麼 Erin 特別愛用 PureMVC？嚴格說起來，使用 PureMVC 開發的專案寫出來的 class 檔一定比一些簡化版 PureMVC base 的 framework 如 Robotlegs 多，也比較難入門，但是為什麼要特別推薦它？答案很簡單，越基本的東西反而是最好延伸，留白越多的紙最好畫！也因為如此才令人著迷啊...(咦？）百分百真情推薦：大家的職責切分的很乾淨...棒訊息傳遞機制是好物由於架構超然於 Flash / Flex 架構上,反而在 team work 分工的時候更方便擁有多個程式語言的版本，想要入門其他語言是個不錯的選擇Source code 公開化，要改要加什麼隨便你~~出來的時間比較久相關資源多接下來就來看圖說故事。PureMVC Diagram, 出處：PureMVC

PureMVC 我也會 [0]

2011-03-03T23:31:00.009+08:00

最近感覺 PureMVC 又熱了起來，也剛好好久沒有更新文章了，就順便將去年底做的企業內訓 PureMVC 課程部分整理寫出來，要講 PureMVC 當然要先從啥是 MVC 講起：Model-View-Control出處：維基百科 MVC，大概節錄一段：（控制器Controller）- 負責轉發請求，對請求進行處理。（檢視View） - 介面設計人員進行圖形介面設計。（模型Model） - 程式設計師編寫程式應有的功能（實作算法等等）、數據庫專家進行資料管理和數據庫設計(可以實作具體的功能)。其實到 Flash 的世界來講，Model and Control 都是由 .as 處理，而 View 便是 .fla+.as ，為了要鬆綁之間的關係，Event 機制就相當重要。其實每個人對 MVC 的最佳解釋都不同，真的要多練習才會有所領悟。簡單來說：Model = 餐廳廚房 data:

第二屆 Adobe 亞太地區校園創意大賽激勵頂尖創意學子展現設計長才

2010-10-08T15:49:00.002+08:00

【2010 年10 月8 日，台北訊】全球軟體大廠奧多比今日宣布，第二屆 Adobe 亞太地區校園創意大賽（Adobe Asia Pacific School Innovation Award）正式展開徵件報名。該項競賽於2009年首度舉辦即引發高度關注，在亞太區域共吸引550位學生選手參加，而今年度的校園創意大賽，同樣歡迎台灣、中國、香港、印度、印尼、馬來西亞、紐西蘭、菲律賓、新加坡、南韓、澳洲及泰國等地，年齡為14至19歲之間的學生踴躍報名。Adobe 亞太地區校園創意大賽的舉辦目的，是希望能提供給亞太地區的未來創意之星一個展示才華及數位創作技巧的舞台，並且將該地區新世代創意新星的優異理念及作品，展示引薦給全球觀眾。「在去年的競賽中，我們看到亞太地區參賽學生們所呈現的無與倫比創意才華，已為2010年 Adobe 亞太地區校園創意大賽設立了更高的競爭標準。」奧多比亞太區資深行銷總監

[Flex] 再談 Cairngorm2 framework

2010-10-05T15:49:00.006+08:00

最近很不怕死的支援了一個 ERP project（常做半路接手或支援的工作），原始的開發團隊使用的是 Flex 4 SDK, Cairngorm2 框架，雖然上一次發表 Cairngorm2 的文章是兩年前，不過還是很快的進入狀況。以下是真實開發後使用 Cairngorm2 的個人感想：先談缺點...（果然迫不及待啊...）Singleton ModelLocator 的設計果然是一個敗筆：不使用 DI（依賴注入）的話，每次新增一個 Model 都是一種折磨，尤其是團隊開發，新增、修改 = 在 ModelLocator 引入或修改。每個 View 都可以操作所有在 ModelLocator 的 public data，Model 內有大量的 bindable IListCollection，因為不這樣做 list 無法同步。若沒有完整列出清單的話，可能有不同 Model 分別持有相同的

[Flex] PureMVC standard with Spring extensions

2010-09-14T17:19:00.014+08:00

由於上次稍微玩了一下 Robotlegs 依賴注入（DI）主導的 MVC 框架，而著名也使用依賴注入的 Java / Java EE 的 Spring framework 出了 for ActionScript 的版本，剛好在最近 Spring ActionScript 1.0 正式 release 了（想了解 Spring 是啥咪東東的話請自行找 google 大神），這個版本除了基本框架外，也包含了 Cairngorm 與 PureMVC 的外掛...想當然耳，就拿來測試一下用在 PureMVC 內的感覺囉!! 參考了官方範例中 PureMVC 唯二的範例原始檔，以下使用的是「設定檔依賴注入 facade 透過 addConfigSource() 的方式來 init 」：(其實除了 embed 外，都是外部載入)Online Demo with source code工作環境：

Robotlegs AS3 MVC framework in Flex project (II)

2010-09-07T12:33:00.012+08:00

這次的範例是兩組 viewComponent 共用同一個 Mediator 外加不同的 instance：Source code download要共用的重點就是介面(Interface)，所以你會發現這次的兩組 viewComponent 都有實作 IMessageBoxIMessageBox:public interface IMessageBox{ function update( newline:String ):void;}然後在兩組的 viewComponent 中實作 IMessageBox.....public function update( newline:String ):void{//IMessageBox interface 實作data.addItem(

Robotlegs AS3 MVC framework in Flex project (I)

2010-09-06T20:16:00.018+08:00

由於今天在奶綠茶的 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 的架構,

[iPhone] Star Joker plus-Video Poker game

2010-07-29T14:33:00.023+08:00

其實這個 app 早在三月的時候就已經寫好了，只是剛好本人的廢人病發作就一直拖到今天才送審上架...XD先前的 Star Joker 版本是用 Flash CS5 寫的，而這個版本是使用 Corona SDK 開發。玩法跟 Star Joker 一樣，只是多加了一個 Bounce Stage。一開始先選擇你的 Bet 數目，然後點選 Deal & Draw。發牌後，選擇你要保留的牌，然後再次點選 Deal & Draw 會將沒保留的牌重新換一次，如果有贏牌的話，可以選擇 Collect 將錢收下來又或者是進入到 Bounce stage 去翻倍。[ View in Apple Store ]

[AS3]PureMVC Utility - AsyncNotifier

2010-07-13T22:42:00.011+08:00

下午剛好有位朋友問了我一個問題..「PureMVC Utility AsyncCommand 有沒有辦法等待 proxy 做反應？」，因為先前沒研究過此 Command 所以稍微花了些時間看一下它的運作邏輯。雖然最後討論的結果是設好 proxy call back 應該是可以等待 proxy 做完工作再執行下一個 subCommand，但是嚴格說起來，真正實作專案後發現，比較需要的是非同步 Notification 的處理。由於 proxy 一些動作通常都是 onResult 後直接送出 Notification，光一個畫面可能會有好幾支 proxy 需要有順序性的完成資料讀取後，才可以將最終的 data 送到畫面內。這時候順序動作的 Command 就很浪費空間，因為可能一次要處理五六個 proxy 的 call back，這樣等於要等待幾個就需要寫幾支 Command....

[作品]Flex 3.4 + PureMVC 的企業級 RIA 應用

2010-07-09T03:21:00.021+08:00

認識 Erin 的人都知道， Erin 最懶得寫作品集相關的文章，但是這個案子比較有趣，所以特別提出來聊一下囉！廚櫃業某公司內部軟體，目前系統尚在 Beta 階段，所以下面圖片皆有模糊化處理。[可擴充功能面板首頁，後台皆包含在管理系統內（有 iPhone 的 fu）]這個案子是幫一家傳統公司做的專用軟體線上化，想要開發企業級 RIA 想當然爾就是使用 Flex 來處理囉！整個案子前端是以 Flex SDK 3.4 + Flex Builder3, PureMVC MultiCore for AS3, Utility - AS3 StateMachine 以及先前 Erin 所發表的 WidgetsConsole 來處理整個系統的轉換。整個系統包含前後台共七大系統，分別是：估價，客戶，店面管理，貨品上架，會員管理，分店系統以及權限系統。超級管理員可以利用權限系統分別開出不同職級的權限，

[Corona] Landscape 比照 Flash 座標系的設定

2010-03-18T00:31:00.009+08:00

目前看起來，由 action script 轉到 Object-C 的難度遠遠超過 Corona SDK for iPhone 用的 Lua，想當然爾選擇 Corona SDK 來寫 iPhone app 對 ASer 來說是第一首選。趁著難得的空檔，花了些時間研究一下，沒想到一開始就被它的座標系搞到眼花...只要 landscape 外加 rotation 的時候整個座標系就會很難控制...（因為跟它不熟啦...XD )為了堅持在 Corona 中使用 Flash 的座標系（左上到右下)，當 landscape 時修改當場景的 group 屬性就可以擔保裡面所有物件都不需要再移動...main.lua :---- landscape 使用熟悉的 Flash 座標系 in corona--local bg = display.newRect( 0, 0, 320, 480 )bg:

[iPhone] Star Joker-Video Poker 上架囉!

2010-01-25T20:04:00.015+08:00

Star Joker is a game of Video Poker. Joker is a wild card that can become any card in a poker hand.又是一個 Erin 最愛拿來改版的賭場遊戲...因為簡單到不行的遊戲就不錄操作影片了...寫了很多版本有 Flash Lite1.1, Flash List 2.1 所以 iPhone 的版本也要來一次!!!等待上架中...XD 如果沒啥變數，2月初應該可以看到了...聽說 Apple 對 Free or Lite 版本的軟體審核很嚴格，所以乾脆將免費版本與正式版本分兩個獨立軟體來設計比較安全...正式版當然還沒寫完啊...XD*** Star Joker in App Store *** ~ Free App

[AS3] Data Binding in AS3 project

2009-11-20T15:14:00.012+08:00

使用 Flex 開發過一陣子後，對於 [Bindable] 這個懶人 tag 有說不出的喜愛，然而在 Flash 中利用 Proxy 其實也可以達到相同的功用...但是 Flex SDK 免費擺在那邊不好好使用太對不起自己了...在參考了 Ticore's Flex 2 Bindable Metadata Tag 背後實際作用 ( Ticore 萬歲！！)，其實只需要將 Flex SDK frameworks/libs/framework.swc 包加到 Flash library 下，就可以使用 Flex 的 Binding 機制來達到綁定。前提是提供綁定的 host 屬性需要有 [Bindable] 才有作用，所以下面範例無法直接將 txt.text 與 txt1.text 綁定，需要透過 [Bindable] string:String 來做中介。以下使用 FlashDevelop

[Flex] 3.4 SDK HttpService responder bug

2009-11-10T20:06:00.006+08:00

Reference: http://twitter.com/sectore/status/3605078853本篇用來筆記用，在使用 Flex 3.4 SDK 的時候如果你有使用到 HttpService 利用 Responder 置入 result and fault function 時，你應該會發現 result 會被 call 兩次。參考 Jens Krause「推」上的解法： public function callService():void { // call the service service=new HTTPService(); service.url=yourUrl; var token:AsyncToken=service.send(); token.addResponder(new Responder( result, fault))

經濟部水利署發表以 Adobe Flex Builder 建立的新系統

2009-09-23T13:00:00.009+08:00

[水文水資源資料管理供應系統]以下是其公關稿節錄：讓水文水資源資料管理供應系統更加專業便捷【2009 年 9 月 22 日，台北訊】全球軟體大廠奧多比今日宣布再添一 Adobe® Flash® 平台技術應用佳績！以提供技術服務、軟體工程、應用服務為主的地理資訊系統整合商銳俤科技，成功協助經濟部水利署「水文水資源資料管理供應系統」(http://gweb.wra.gov.tw/wrweb/) 的開發與升級，使其更具互動便利性。銳俤科技以 Adobe Flex® Builder™ 3 將現有複雜的水資源統計資料與空間數據轉化為可隨點即查的豐富型媒體系統，建立人性親和的系統介面。 ~ more...裡面使用 Flex 製作的是「地理資訊」選項，用 Safari 4.0.3 + OSX 10.5.8 看的時候會有 Button 被遮蔽的問題等於是無法使用，這個 bug 是比較神奇一些...

[Flex] flexstore 的 find 功能補完

2009-09-02T15:42:00.006+08:00

關於 Adobe flexstore 這個範例應該對學習過 Flex 的人是無人不知無人不曉，剛好有人問我如何將範例中的 Products / Find 功能補上，以下就是一個簡單改法：1. 修改 samples.flexstore.ProductFilter.as先加入一個公開屬性 searchText:Stringpublic var searchText:String;補上 find functionpublic function find(product:Product):Boolean { var str:RegExp=new RegExp(searchText, "i"); return (searchText == "") ? true : (str.test(String(product.name))) || (str.test(String(

[AS3] pureMVC Utility - WidgetsConsole 1.0.0

2009-08-25T15:04:00.047+08:00

Project Name: pureMVC Utility - WidgetsConsoleVersion: 1.0.0Project Owner: Erin LinDescription: An utility is under pureMVC Multicore that has Flex only and AS3 two versions.Demo: WidgetsConsole Live Demo with source code Demo source codeDownload: WidgetsConsole Open Source Project HomepureMVC website: http://puremvc.org/沒想到我第一個 google code open source project 就獻給 pureMVC 了...套用 pureMVC 到 Flex

[pureMVC] Flex app 開發的心得分享

2009-08-21T11:20:00.013+08:00

使用 pureMVC 開發到現在，也遇到不少網友詢問相關問題，以下是 Erin 整理的幾個使用 pureMVC framework 開發 Flex app 的心得分享：雖然 pureMVC Standard 版本就很夠用了，但是你的 app 有未知擴充需求的話還是建議使用 Mulitcore 版本以達最大的開發彈性。先問問自己能不能理解架構內 Notification and Command 是什麼作用？如果答案是『NO』，請先熟悉 pureMVC 的架構再行考量是不是要實作...因為有太多問題都可以利用它們解決。先搞清楚你將要開發的 app 流程，花點時間研究官網上的 pureMVC Utilities，一定有工具包可以解決你的需求。除了 Application 外 view component 不應該持有任何跟 pureMVC 有關的 Class instance reference

[AS3] 簡單講客製 Event (2)

2009-08-04T16:58:00.008+08:00

一般的使用只需要繼承自 flash.events.Event，並且覆寫 clone 這個 functionpackage events { import flash.events.Event; public class CustomEvent extends Event { public var data:Object; // 喜歡什麼都可以自己加~~當然也可以用 getter & setter 宣告 public function CustomEvent( type:String , data:Object ) { super(type); this.data = data; } override public function clone():Event { return new CustomEvent( type , data ); } }}如果你的

[Flex] pureMVC and Utility-StateMachine (2)

2009-07-24T15:00:00.005+08:00

Reference: PureMVC AS3 Utility - StateMachine補充講解一下 StateMachine 是怎樣運作的。public class StateMachine extends Mediator打開它的原始碼就可以清楚看到它是一個 Mediator，其實整個機制就是像轉接器，收到 StateMachine.ACTION 通知後，就自動轉到對應的 State 然後利用 sendNotification(); 將新的通知轉發出去，所以它統一的 Notification 寫法就是：sendNotification( StateMachine.ACTION , data , "Your_State_Action_String" );然後它就會轉發sendNotification( "Your_State_Exiting/Entering/

[Flex] pureMVC and Utility - StateMachine

2009-07-20T14:57:00.016+08:00

目前手上的 Flex 專案幾乎都是使用 pureMVC 的架構來開發，用到現在還是沒有發現什麼大的缺點，嚴格說起來還挺好用的。組合好心人分享的 pureMVC 工具包也相當好玩。除了自己寫的工具外，目前最愛用的便是 Neil Manuell (project owner) 所分享的 Utility - AS3 StateMachine，小型專案只需要配合這個就非常完美了~~在 Application 的 MXML 中使用 ViewStack 來控制場景變換，是很直覺的作法。但如果你專案還有擴充的空間，這樣做場景到最後你一定後悔！因為可能不是每個 View 都會被新增到同一個地方。以下是一個簡單的範例講解 pureMVC + StateMachine 的應用。範例的 Classes tree開始前請先下載以下的 library：為了方便開發，統一使用 multicore 版本

[ AS3] 簡單講客製 Event

2009-06-22T20:07:00.017+08:00

很多人從 AS2 轉 AS3 後，還是習慣照用 MovieClip(root) 之類的寫法，但其實 AS3 的 Event 機制提供了一個良好的環境讓你脫離兒子物件直接控制老爸物件 (如同 MovieClip 中寫 _root.去做啥())。這就是工程師最愛講的：loose coupling (鬆耦)在 AS3 中，所有的 DisplayObject 都繼承自 EventDispatcher，所以它們可以收聽跟發送 Event。以下是一個簡單的範例講解客製 AS3 Event 應用...情況解說：主stage a.swf 載入 b.swf ，當點選 b.swf 內的按鈕須要通知 a.swf gotoAndPlay("labelA")。如果你沿用 AS2 寫作邏輯，你一定會在 b.swf 內的按鈕寫上：btn.addEventListener( MouseEvent.CLICK ,

[543] 最近的 Erin 在做什麼？

2009-05-18T14:47:00.008+08:00

最近 Erin 噗浪玩很大，都忘了要寫 blog...自從四月初開始認真當 SOHO 後，每天都過著"醉生夢死"的生活...??目前的行程：五六月 - 滿檔中...七月( 每週一三晚間 ) - 授課飛肯 ActionScript 3.0 & XML 資料庫整合應用班 (會準備什麼隱藏課程？你來了就知道...XD )七八九月 - 短期約聘面談中十月 - 等你聯絡囉~~^^近期如果你有"不急的" Flex / AIR / Flash / Flash lite 相關的案子需要外發都可以直接與我聯絡！也接受短期約聘喔！1 ) 如何聯絡 Erin？寄 e-mail 是最快的喔！不然可以透過 blog 上的 Plugoo 視窗與我聯絡，再來就是噗浪...XDE-mail: erinylin [at] gmail [dot] comPlurk: http://www.plurk.com/

[Flex] Button enabled=false 自動灰階

2009-03-27T16:44:00.016+08:00

嗯...這只是一個懶人小技巧，為了就是省下作 Button enaqbled=false 時的灰階 Icon 圖...( 這個作法是將 disable 狀態直接都變成灰階的...所以設 disable 文字顏色也沒用喔...XD ) 原理蠻簡單的就是 override 掉 updateDisplayList 這個 function ( override enabled setter 也可行)/*LazyButtonCopyright (c) 2009 Erin Lin ( Yu-Shan Lin)Your reuse is governed by the Creative Commons Attribution 3.0 License最近大家都很愛寫CC license 所以我也來寫一下...XDenabled = false; 變灰階*/package{ import

[Flex] pureMVC MultiCore with Modules

2009-02-27T17:18:00.018+08:00

跟 pureMVC MultiCore & Modules 相處幾天後發現了一個簡易串接流程能互相接聽與發送訊息（其實還有更爛的方法...XD 只是為了能自動化改用這個...）。不能說下面分享的是很好的解法，只能說它應該是個蠻容易理解外加還沒發現有啥嚴重 bug 的方法...做法其實很簡單，就是 System facade 在 load Module 時，建立一個 Module 專用的 Mediator 並且將 Module 指定給它為其 viewComponent，就可以透過這個 Mediator 串接起來，這樣不管有多少個 Modules 都可以對應一個 ModuleMediator 來處理。這個串接的 Mediator 特別的地方就是它做了雙向註冊，如同轉接國際電話的接線生，因為跟兩邊都有關係，所以可以接聽跟發送兩邊的 Notifications。請看 Live Demo（Demo

[Flex] Custom TweenEffect with Pixel Bender Filter

2009-02-13T19:00:00.008+08:00

續前篇。如果每一次 apply pixel bender 到轉場 effect 都要寫一長串的話實在有點堅強過頭... 要符合懶人精神將常用的 pixel bender filter 效果實作成 TweenEffect 才是明智的選擇。參考了 Flex help 與其他 TweenEffects，以下是簡單客製 TweenEffect 並加上 pixel bender filter 的作法：每一組 TweenEffect 都由兩個 class 組成： TweenEffectInstance 與 TweenEffect ; 各自有幾個重點 functuon 需要被 override。別忘了先將上篇提到的 CrystallizeShader.as 放到 effects/ 下。1. 製作 effects/CrystalEffectInstance.as：( 顧名思義就是被作用的實體 )

[Flex] Pixel Bender Filter 動畫應用

2009-02-10T18:27:00.019+08:00

雖然 Pixel Bender 已經出現了好一段時間，但是一直都沒很認真的看過，周遭朋友也鮮少討論它...直到最近工作需求才有開始使用。以下是集合各家長處能簡單應用 Pixel Bender Filters 到 AS3 的作法。先到 Adobe Pixel Bender Exchange 挑選想要的特效（這邊是選擇 Crystallize ) ，下載後解壓出 Crystallize.pbj曾經從 CJ Cat 那邊聽到 pbj 可以整個轉換到 AS 內，經過 google 大神指點，找到了一個超級無敵好用的 PBJ to AS converter... 感謝作者 Marek Burn 的好心分享!!!! 利用 converter 轉換 pbj to AS, 存成 CrystallizeShader.as 放到工作目錄內。Pbj 內可設定參數可以參考轉出來的 as 檔內說明。編寫

[Flex] Cairngorm v.s. pureMVC

2009-01-19T17:45:00.007+08:00

跟 Cairngorm and pureMVC 相處過一陣子之後，在這邊與大家分享一下使用它們在 Flex 中的開發經驗（也許有錯誤的理解，請多指正囉！）Cairngorm :喜歡的部份：架在 Flex framework 上使用中央 Event (CairngormEventDispatcher )機制，UI 開發簡單 (因為容易理解...)ModelLocator 採用 Flex 綁定機制，UI 顯示資料無煩惱由於上面兩項，所以使用 Module 開發專案不會很痛苦討厭的部份：主要的東西都是 Singleton design pattern, 如果專案很大的話，又統一在一起開發，那個 ModelLocator 到後來應該會很奇怪...綁太多細節在 UI component 內，如 UI component 一定要認識 ModelLocator 還可以直接操作或修改它...＠＠

[LEGO] How to make an "Unique Random Number" my Block

2009-01-16T12:06:00.019+08:00

這篇是答應某人要公開分享的教學...這兩天終於湊出時間來寫...Erin 分享的原則通常都秉持著 "給你魚吃，到不如教你釣魚" 的想法在寫，所以如果沒有附上原始檔也請不用詢問了呦...意思就是我已經提供很多可以讓你"開始學"釣魚的概念囉！這是去年三月在台北舉辦的 Flex&AIR AUG 網聚上使用的 lotto-bot 中的取得唯一亂數號碼 myBlock，可以用在樂透遊戲或者是亂數只給出現一次的程式應用。它的邏輯很簡單，只是要改成 NXT-G 的 myBlock 花了些時間連連看...XD開始製作之前請先注意看看你的 NXT-G 有沒有安裝過 Dynamic Block Update ，安裝完成後可以在下拉式功能表中找到 "Block Import and Export Wizard"。接下來請下載及 import Simple Array Block，

[Flex] pureMVC 練習筆記啪兔

2009-01-08T17:29:00.019+08:00

由於 pureMVC Standard and MultiCore 兩個版本寫法幾乎沒啥差別，開發的專案都統一使用彈性比較大的 MultiCore 版本來實作。跟 pureMVC 相處了一陣子後，漸漸地對它也沒有什麼特別的不爽...快，所以 Cairngorm and pureMVC 的選擇，也就由 pureMVC 勝出了（當然是有惡勢力的...冏）。以下的範例還是使用 pureMVC Standard 來實作喔！這個範例應該能更容易理解 Mediator, Command and Proxy 合作的模式。 1. 由 DataProxy 開始寫這次的 DataProxy 負責的是將 input textfield 中的文字儲存起來也提供清除的方法。 DataProxy 並不認識任何 Mediator。package com.mvc.model{ import

[Flex] pureMVC Standard 練習筆記

2008-12-12T18:21:00.018+08:00

參考資料： pureMVC 官方網站也許對於"純"程式設計師來說 pureMVC 才是比較正統的 MVC design pattern 的作法...跟它相處了兩天還是沒辦法對它產生愛啊... 也許它的可攜性比較高...但是我實在看不到它可愛在哪裡...也許它太正統了；也許是因為它都不使用 Flex framework吧...（可能需要慢慢體會...)先了解它的主要架構就是一對一對的：• Model vs. Proxy• View vs. Mediator• Controller vs. Command以下是同上篇 [Flex] Cairngorm 練習筆記一樣的工作改為 pureMVC 寫法Menu tree:list.xml :

[AS3] ASDoc 快速上手

2008-12-09T14:54:00.012+08:00

資料出處：Using ASDoc常聽到有人問如何輸出 ActionScript API 文件，在這邊簡單的與大家分享建立 ASDoc 的其中兩個方法：1. 使用 Flex SDK 請先下載 Flex SDK 解壓後會在 bin 內找到 ASDoc運行環境：Mac OSX 10.5打開應用程式 / 工具程式 / 終端機直接將 ASDoc( Unix ) "拉"到終端機視窗內...沒錯！OSX 就是這樣有人性啊！不得不讚嘆...回到正題，接著鍵入：(asdoc後面)如果你的 as sources 是在 /Users/yourName/myProject/src 下想要整包輸出就是指定： -doc-sourcesLast login: Tue Dec 9 14:58:35 on xxxxYour-macbook-pro:~ yourName$ /Users/yourName/

[Flex] Cairngorm 練習筆記

2008-12-03T11:35:00.023+08:00

由於工作的關係，開始接觸 Adobe 官方建議的微型 MVC 架構 "Cairngorm"，剛開始挫折不斷。看了官方的 CairngormStoreWeb 範例教學說明..嗯...看到想睡；在 google 上搜尋了一堆經驗分享文章也都是片片段段，最後終於讓我發現了一個寫的相當簡單易懂的 Getting Started with Cairngorm 教學系列文章 by David Tucker，強烈推薦想要 Cairngorm 快速入門的人一定要看一下！尤其示意圖更是容易理解。先到 Adobe open source Cairngorm download page 下載最新的 Cairngorm Binary file，想要了解整個架構的可以下載 Source file以下是我練習的範例：by Flex Builder 3目標：畫面上只有一個 list component 資料來源為外部

[AIR] Value Object classes creator

2008-11-26T13:23:00.009+08:00

會花時間做這個App完全是 Erin 懶人血液作祟...由於開發過程中會使用一些Value Object classes 每次要新增就得將舊的 VO class copy and paste 然後打開 AS 檔剪剪貼貼...光這樣的過程重複個幾次就非常惱人，為了一勞永逸隨手用 Flex 3 Build 了一個 VO creator...XD使用方法很簡單只要將 VOCreator 上的空白欄位填上，點選Save as就可以了...輸出 myVO.as：/*** This class was created by AS3 VOCreator v1.0* Copyright (c) 2008 Erin Lin * All rights reserved.* + + + + + + + + + + + + +* Project : yourProjectName* Name :

[AS3] Embedding font's glyphs from SWF files

2008-10-30T13:08:00.016+08:00

進入到 AS3 世界後，越來越多畫面是由 Script、Components、XML Model 與 CSS stylesheet 組成，embeded fonts 變成動態文字應用很重要的一環。要在Flash or Flex 中 Embed fonts 有相當多的作法，光官方的 Help 就有幾種寫法：Flex 3 live doc:Embedding fonts from SWF filesUsing embedded fontsFlash :Embedding fontsgoogle 上還有一堆...embed 英文字型檔是很簡單的，但是遇到中文字就會是一場惡夢...要使畫面好看，撇除 embed 整包中文字型，轉而打包特定使用到的中文字來供全部畫面使用，作法是由 Embedding fonts from SWF files 參考而來。以下方法不管 Flex or Flash

[Flex] Resizable Window Layout

2008-10-28T14:36:00.010+08:00

最近研究起『使用者經驗』特別對非固定式 layout 有濃厚的興趣，雖然這類的教學已經被大家寫到爛了，在這邊還是與大家分享一下在 Flex 中實作網頁上 Resizable Swf Window Layout 的很簡單作法...

[AIR] Using Badger for Adobe AIR applications

2008-10-21T16:44:00.054+08:00

The application was created by Grant Skinner for Adobe Systems, Inc.剛開始一般開發者要分享 AIR app 都是直接留個連結提供下載，對使用者而言無形中增加許多麻煩... 如 Adobe® AIR™ runtime 沒有安裝... air 程式安裝檔被 Mac OSX rename 成 .air.zip 等等...在AIR beta版時 Adobe Lab推出由 Grant Skinner 製作的 AIR install badge 提供一個 AIR app 共同介面的線上安裝接口。當使用者點選網頁上客制的 AIR install badge，程式自動判斷使用者電腦有無缺少 Adobe® AIR™ runtime 或是直接出現程式安裝畫面，聽起來是很完美...不過客製化部分完全是手工製作...

[AIR] 蕭可愛第三發：Jam's mp3 player

2008-08-23T01:44:00.027+08:00

其實這個 Mp3 player 到發表前已經改過很多版本，最後一次修改原因是七月底到資訊展閒晃，很神奇的被說服買了人生的第一台 Macbook pro，經過了兩三天 Mac OS 的文化衝擊，深深的覺得蘋果的 UE( user experience) 不是玩假的。說實話我的下一台電腦應該還是會繼續買 Mac（希望台灣蘋果能便宜點...= =)。體驗到 Mac OS的直覺操作，手上斷斷續續寫很久也不知道在寫什麼的 Mp3 player 半成品毅然決然的打掉重做，使用工具從 Flash 改為 Flex 來開發。由於 Erin 超超超超喜歡蕭敬騰的歌聲，想當然爾還是以他為主題發表了（滿足小小歌迷的一點心願) 。這個 Mp3 player 最大的特點便是簡單使用，簡化一切功能，沒有儲存功能，沒有複雜的設定，就是方便使用者一開啟程式只需要將想聽的 Mp3 直接拖拉到視窗內即可自動循環播放，

[已尋回] 黃金/公/無結紮/一歲半/約27kgs

2008-08-12T21:43:00.007+08:00

這個是我朋友的狗...(謎之聲..難道最近流行狗狗自己離家出走嗎？）黃金獵犬(卡吠)、男生、1歲半、未結紮，8/11中午遺失，約27公斤，有拿零食時會坐下、握手、give me five、趴下，個性非常親人特徵:舌前端有舌斑，頭頂有翹起的毛(如圖片)遺失的地點是苗栗縣後龍鎮與通霄鎮的交界處，大約在"白沙屯"這個村莊附近，以道路來說的話，是台一線後龍路段和西濱公路的交界處(全台灣只有這個地方台一線和西濱公路有交界)謝謝!!失主非常擔心...希望卡吠跟Latte一樣幸運可以早點回家...>

[543] Latte終於回家了！！

2008-07-22T08:54:00.004+08:00

今天早上快七點的時候突然接到一通電話，電話的主人說明昨天他女友在網路上看到我所post的協尋文章，非常肯定的說他養的多多是我的Latte，因為太多符合的地方。對方語畢，原本還睡眼惺忪的我就完全醒了，換好衣服就找早起的老爸一同前往。到了好心人陳先生的住所，Latte看到我的那一瞬間又傻了，然後狂叫要開門，真的是Latte！！><~~~ 天啊！他真是傻狗有傻福啊！剛迷路就被好心人撿到，沒有流浪到！而且好心人陳先生與他女友都有好好照顧 Latte (他真的運氣太好啦！)陳先生與陳先生的女朋友真的非常的謝謝你們！！謝謝謝謝！><~~~Latte一回到家，就一臉很恍神的感覺，我到現在還沒有什麼真實感，感覺這一個月是一場夢，Latte的感覺也是吧！><~~~寫的亂七八糟，因為實在太開心了！！><~~~感謝這一個多月網路遇到的好心人很熱心的幫忙，也再次感謝陳先生與陳先生的女朋友，謝謝大家！！謝謝謝謝！

[已尋回] 拉不拉多/公/已結紮/約35-37kg

2008-06-30T17:11:00.003+08:00

拿鐵 Latte, 黃白色拉不拉多，快要五歲，約37kg 公, 已結紮！無晶片，無項圈，腳可能有受傷(因為看監視錄影帶有發現被卡車A)四隻腳膝蓋有黑毛(因為太喜歡躺在多水的地方，洗不掉)，鼻子是紅的，尾巴不會翹到捲高高，坐姿常常會歪一邊，會握手(但是常忘記)，叫他坐下常常會趴下...友善，很白痴，叫他名字會有反應，很愛找水跟冰涼的地方，喜歡多人的地方，也會主動跑到別人家中，6/13日早上5點多的時候在蘆洲的尼加拉瓜公園附近走失...最後問到被看到的地方是早上6:30時在仁華街與仁愛街交叉口那邊，找了到現在無所獲，請拜託住在三重蘆洲的網友，如果有看到請聯絡我！

關於 MMUG.TW 論壇暫停服務

2008-06-27T13:21:00.001+08:00

台灣 macromedia 使用者俱樂部論壇因為一些說來話長的原因，暫停服務一陣子！整個forum會移到 Google Group 平台，請舊雨新知一起來加入吧！http://groups.google.com/group/augtw

[543] Erin's footprints in the world

2008-05-27T13:09:00.004+08:00

檢視較大的地圖剛剛一時興起，將過去旅遊過的地方標在 google map 上，不過記憶有點混亂，所以有些地方時間標註不清，加減看吧！(喃喃自語...不知道哪天才可以每個地方都標一個....)

[543] 菲律賓 Bohol (薄荷島) 無責任遊玩日記 Day2

2008-04-21T11:10:00.008+08:00

4/13/2008 6:30am　起床呦！Tagbilaran ICM -> Loboc　Church 今天很努力的早起，為了就是親耳聽到有名的 Loboc 教堂的兒童合唱團唱聖歌。有鑒於昨日 V-Hire的不定時發車拖慢行程教訓，今天改搭我最喜歡的 Jeepney 前往 Loboc。快八點的時候到 ICM 的 Jeepney 總站，發現往 Loboc 車上僅僅只有我一個人，到 Loboc 的車資是25P，而司機不停的遊說我只要付250P就可以變成我的專車...可惜老娘一點都不心急的要趕路，撐到八點來了兩三個客人，司機無奈的只好出發。一路上司機還是好心的充當導遊不停的介紹景點給我認識（我就知道你還是好人的...XD)，轉眼間就到達今天的主要目的地：Loboc。這時候差不多已經快九點，整個教堂塞滿滿都是做禮拜的人，台上的牧師還是神父(請原諒我的無知)正在講道，等著等著過了20

[543] 菲律賓 Bohol (薄荷島) 無責任遊玩日記 Day1-2

2008-04-18T16:15:00.007+08:00

Chocolate Hills -> Tagbilaran在 Chocolate Hills 上時由於身體內咖啡因存量不足，恍惚的晃了40幾分鐘，突然聽到前方的當地人對著一個外國老公公說「請你喝杯咖啡..」，咖啡！！菲律賓的咖啡廳真的不多，要不就是甜到翻的三合一咖啡，這時頓時眼睛一亮，很不要臉的跟了上去(不過也很害怕飲食部賣的也是三合一...)。本人特技之ㄧ就是很容易跟陌生人聊天，與對方聊天過程得知那位當地人 MR. CHIZISTOPAEN A DUMAPIAS (也許拼錯..囧因為實在看不太懂這位先生的手寫字) 是個 BOHOL 中文導遊訓練員，負責訓練 Philippines 觀光小島群中文導遊，整個課程只有七天，基本需求就是你一定要會中文+英文。如果你到菲律賓學英文且有興趣成為導遊的話，可以多留七天加入訓練課程，相關資料請直接連絡 MR. CHIZISTOPAEN A

[543] 菲律賓 Bohol (薄荷島) 無責任遊玩日記 Day1-1

2008-04-16T14:40:00.019+08:00

4月1日至4月14日在菲律賓宿霧呆了將近兩週，從一開始的害怕到後來慢慢的喜歡這個"某"程度上算是個蠻有趣的國家...然而在同一個地方呆太久也是會無聊的，便於4.12、4.13隻身前往Bohol亂玩了兩天。(為什麼寫"亂玩"捏？因為出發前根本沒有很認真的規劃行程...)嚴格說起來，Bohol這個島真的很小，實在不需要跟團，喜歡有導遊的可以直接到港口找個順眼的司機包行程。喜歡自助式的人去 mall 或者是 hotel 買張地圖就可以玩的很快樂。以下會詳細說明交通、住宿與地圖示意，希望對有打算去Bohol自助旅遊的網友有點幫助 =P檢視較大的地圖Cebu -> Tagbilaran 9:10am 出發約 11時左右到達 Bohol如果你行程包含宿霧且提早一天到達，可在晚上七點前至 SM mall 一樓的旅行社(就在菲律賓航空旁邊) 直接訂船票。在旅行社購買船票有好處是：

[AIR] NativeDragEvent

2008-03-26T12:10:00.005+08:00

在 3 月 19 日於台北舉辦的「Adobe 3.19 AIR 上市技術講座」中看到幾個外國 Adobe AIR 範例，其中有些運用到 NativeDragEvent (AIR only) 意指使用者可以"直接拖曳"外部檔案到 AIR 視窗做互動。以下是NativeDragEvent 簡單的用法：Flash CS3 / AIR 1.0專案Action in frame1Stage中有個 TextField names "txt"import flash.desktop.Clipboard;import flash.desktop.ClipboardFormats;stage.nativeWindow.alwaysInFront=true;txt.addEventListener( NativeDragEvent.NATIVE_DRAG_OVER, doDragOver );

[LEGO] 我的 NXT 會講話

2008-03-11T11:10:00.009+08:00

要讓 NXT 講話其實非常的容易，只需要下載一個 WavToRso轉檔程式就可以，接著使用電腦中本來就有的錄音程式，這樣就可以讓 NXT 講話囉！測試環境：Windows下載並解壓 Wav2Rso.exe ，這是一個 Wav to rso的轉檔程式。如果要感謝作者的話，下載後記得點選網頁最下方的 google ads 。插上麥克風，打開「音量控制」點選下拉式功能表的選項 / 內容選擇錄音，確定麥克風是打開的狀態：開始 / 程式集 / 附屬應用程式 / 娛樂 / 錄音機，錄製你想要講的話。在這邊有個重點，由於 NXT 的 memory 很小，聲音檔要儘量精簡，但是人並不是完美的能錄製到聲音前面與後面都沒有空隙，所以在你錄好一段聲音檔後，要記得使用編輯 / 刪除目前位置前面(後面)之內容，將空白的聲波部份裁切掉！這樣還可以省下好幾 Kb 喔！打開 wav2rso.exe (

[AIR] 用 Flash CS3 開發AIR app

2008-03-04T13:41:00.012+08:00

AIR (Adobe Integrate Runtime)，簡單來講它是個視窗程式的平台，可以輕易地用網頁技術就可以製作視窗程式。使用者需要安裝 AIR runtime 在自己的電腦上，僅僅只要安裝一次，之後就等著升級就好。製作 AIR app的方法很多，你可以使用 Flex、Flash、Javascript、AJAX and HTML等等..Erin 本身是 Flash 的愛用者(CS3除外..冏，我恨它的黏黏視窗)，所以當 Adobe AIR 上市後，第一個使用的工具還是 Flash(還是得用CS3...)，完成以下幾個簡單步驟，你就可以開始開發 AIR app囉！安裝 Adobe AIR runtime 1.0，如上述，僅需要安裝一次。下載安裝 Adobe AIR update for Flash CS3 Professional下載 Adobe AIR SDK (方便debug

[LEGO] NXT幫手君系列--今日運勢君與樂透君

2008-03-03T11:12:00.007+08:00

三月一日在台北舉辦的AUG/MMUG網聚，在報到時間由今日運勢君擔任我的小助手供參加者檢測抽獎運勢...=P[圖]今日運勢君由於NXT-G的random非常簡陋，常常會出現相同的數字，所以幾乎都是凶系列，噗哈！今日運勢君果然是來打擊大家的 (迷之聲：幹的好啊！XD)在會場太忙沒時間拍攝影片，只好回家補拍... [圖]主宰大家拿不拿的到大獎的樂透君 (由 Brian拍攝)樂透君的程式有特別針對不能重複出現相同的random數字處理，實際操作畫面請直接看下面影片：(連結自Maso's video)

[LEGO] NXT LCD大號數字顯示 by NXT-G

2008-02-20T10:51:00.008+08:00

由於 Erin 正在製作 Lotto-bot (樂透機器人)供 MMUG 三月網聚使用，平常 NXT-G 輸出到 NXT LCD 上的數字顯示實在太小，所以利用 nxtRICedit 來製作大數字圖片並整理到 MyBlock 中供程式使用。nxtRICedit 是一套免費又好用的黑白兩色階 for NXT LCD 的圖片編輯軟體，它相當簡單，短時間就可以上手。在手工製作數字 0 到 9 的圖片後，統一將圖片存到 C:\Program Files\LEGO Software\LEGO MINDSTORMS Edu NXT\engine\Pictures\ 裡，這樣在 NXT-G 的編輯視窗中才能選到你剛剛新增的圖片，nxtRICedit 編輯視窗如下圖：使用 nxtRICedit 製做圖片不需要太擔心一開始的起始位置，當圖片被放置到 NXT LCD 後，

[LEGO] NXT-G MyBlock 製作概要

2008-02-19T10:35:00.009+08:00

玩了一兩天的NXT-G，雖然一開始被它的連連看編輯介面打敗，但是熟悉後又對它的超直覺編輯感到激賞，其中的 MyBlock更是方便使用者製作類似程式中的function或巨集，將常用的功能組織起來。[NXT-G中的MyBlock圖示]要製作MyBlock非常簡單，直接開個新檔編輯，不需要存檔就可以製作。以下利用在NXT畫面秀出Number來製作MyBlock。在NXT螢幕要秀出數字的話，需要使用Number to String + Display Block才可以秀出，由於它的使用率很高，所以將這個過程製作成 MyBlock來重複利用。先想好MyBlock保留給外部設定的變數數量，Number to String Display一定要可以傳入數字，外加Display x y 的設定，所以最低限度共有三個變數需要傳入。讓MyBlock有write功能：1. 開新檔案。2. 拉出

AUG 3月新春網聚

2008-02-01T11:13:00.000+08:00

想要知道Adobe在RIA開發上又多了啥咪新東東嗎？想要知道超級貼心的我們這次又準備了啥咪好康嗎？這一切的一切都在我們精心準備的3月網聚中揭曉！Happy Chinese new year!!!!報名由此去

[LEGO] NXT二號機 - 幫手君

2008-01-16T14:59:00.001+08:00

由於本人公司所配發的 NB 如果10分鐘內沒有任何動作的話，會強制進入預設的螢幕保護程式...這樣一來，常常在看影片的時候就必須要不時的動一動滑鼠，不然正看到精采的時候，煞風景的螢保就出現了！二號機幫手君就是為了幫助主人的娛樂延續性誕生了！ =P目的：快要十分鐘就動一動滑鼠。執行前，需要將 NXT setting 睡覺時間改為Never圖一：教育版9797機器人加兩塊積木...XD圖二：將 H型積木扣到NXT前方圖三：組裝完成圖，待機的時候幫手君會出現沒有微笑的臉圖四：9分50秒到了，幫手君開始前後動動滑鼠了！Smile!!!NXT-G的程式結構：重點是Motor power設為 8 (低速旋轉) 這樣看影片的時候，幫手君開始動馬達也不會吵呦！

[LEGO] NXT的一號試作品 - 吧庫碰碰車

2008-01-11T23:04:00.001+08:00

其實照片中的 NXT 造型沒啥好得意的，完全是照個官方的模型建置而成，旁邊的手是Sound sensor ，在這邊貼出來也只是新手(我)的初學心得分享而已呦！以下程式需完整建置好Java使用 LJOS icommand 0.6 函式庫的環境才可以run喔！執行內容：前進 - 撞到會叫一聲 woops! - 吧庫 (台語的倒退) - 轉向 - 前進 - LOOP 直到你"叫"它停使用語言：Java plus LJOS icommand 0.6編輯軟體：Eclipse連接工具：別人的藍牙棒...XDMovingCar01.classimport icommand.nxt.comm.*;import icommand.nxt.*;public class MovingCar01 { /** * @Erin Lin 0111-2008 * 轉轉小N */ public static

NXT with Bluetooth 超冏連線心得

2008-01-10T15:52:00.000+08:00

也許是本人手上的雜牌藍牙棒版本過於舊 (三四年前的產品囉..@@)所以與 NXT 連線簡直是莫名奇妙的一會連接好一會傳輸無力又斷線...??利用Java 使用 LJOS icommand 0.6 函式庫在正常的操作下 (有完整的執行到 NXTCommand.open and close)，連線是很正常的。但是用 NXT-G 軟體的話，藍牙就好像是不存在一樣，怎麼連都連不到...晴天霹靂啊！以下是今天藍牙與 NXT連線的超冏心得：PC's USB BT與 NXT 配對過程其實還算容易，但是藍牙版本過舊還是一個問題...操作到亂七發八糟手忙腳亂... icommand 函式庫很方便使用，但是操作到 LightSensor or UltrasonicSensor 使用 while loop output 資料的話會進入藍牙死機的狀態...最後只能藍牙拔掉重插...XD點2問題用在

[LEGO] 新玩具 - 小小機器人 NXT

2008-01-09T18:33:00.000+08:00

去年12月份MMUG網聚主題：機器人+AS3+Silverlight 其中的機器人場次，第一次看到 LEGO MINDSTORMS NXT 現身，天啊！實在是太可愛了，由於之前就一直想要玩玩機器人，會後馬上就決定一定要弄一台來過過癮！ LEGO MINDSTORMS NXT 並不是一個便宜的玩具，但是它卻是機器人入門的好選擇，外加可以使用Java 編寫相關程式，荒廢 Java已久了我，剛剛好可以順便重新學習，這真是一舉數得啊！(迷之聲：這完全是愛噴錢的合理化說法..XD )，拿到 LEGO MINDSTORMS NXT 第一天，LEGO新手的我就花了整整一個半小時在摸索組裝 NXT 基本架構，完成時，除了手指痛外，還真的是給它有點成就感啊！ ^^

AIR : Fake System Tooltip

2007-12-26T16:23:00.000+08:00

[OS: 我只想要不受視窗限制的tooltip啊....]開發軟體的基本需求不就是按鈕上應該可以設置tooltip(說明文字)嗎？目前在AS3 AIR相關class中只找到 SystemTrayIcon class可以設置系統的tooltip外其他都沒了類似的功能...WHY???一時沮喪只好用NativeWindow實做假的系統說明文字來安慰自己了...原理很簡單就是使用無邊框小視窗的NativeWindow假裝tooltip，不過僅適用於主視窗是無系統框設定 ( NativeWindowSystemChrome.NONE )，原因是...如果主視窗為STANDARD mode你就會發現當假的tooltip視窗出現的時候，主視窗的focus就會跳掉，畫面就會不時的閃啊閃..* *以下是實際畫面：有興趣看看的可以直接下載原始檔玩玩...囧...rz

AIR: open new native window in Flash CS3

2007-12-21T16:47:00.001+08:00

最近打算做個小軟體來玩玩，裡面一個需求為開新視窗來做設定的面板，詢問了qop大師得知 NativeWindow可以新增，以下是參考AS3 live doc內的 NativeWindow class範例程式，提供給跟我一樣是 AIR新手的Flash developers參考...=P如上圖，操作的過程就是點選的open new window的button後，會開啟一個新的視窗且倂排到主視窗下面，當點選下面的視窗，在主視窗的動態文字框欄位寫入"got message from new window"前置作業：在FlashCS3中開新AIR檔案width:300, height:180從組件庫拉出button放置到主畫面上，並命名"btn"，再來拉出一個動態文字框，命名"txt"，隨便畫一個方塊轉成MovieClip並設置linkage name "Mc"。frame1 action:

AUG 12月網聚

2007-11-27T11:06:00.000+08:00

主題：機器人+AS3+Silverlight議程順序：1.把玩LEGO互動機器人------------------by 林修禾2.從AS2到AS3.0的美麗與哀愁 ----------by 林新德3.閃亮亮的Silverlight 結構與開發流程 ---by 迷克斯時間地點：場地費用：NT.300元時間：2007年12月9日(日)地點：恆逸資訊訓練教育中心龐畢度國際會議中心地址：台北市復興北路99號2樓>> 報名專線 <<

[ 2007/11/21 ] Google 台北程式開發日

2007-11-23T13:18:00.000+08:00

[2007/11/21] Google 台北程式開發日參加者小禮物：T-shirt、掛牌、google筆和可樂紅的手機吊飾 (OS : 晚了一天才將照片貼出來，本來已經打算不分享了，不過拍了都拍了還是貼出來混版面也好。)會參加這次研討會的原因並不是對google小工具有所研究，而是好奇心使然。連坐在隔壁不認識的工程師都問我同樣的問題，也只能回答...呵呵我是來野餐的！講到野餐，會場佈置果然發揮了google「免驚么」精神，距離座位的100公尺內一定找的到食物，真是貼心到極點，加分！加分！回到正題，早上的議題由google工程師分享一些基本的google小工具開發概論；下午則是google小工具徵選的頒獎典禮與分組競賽。原來全世界google小工具徵選比賽中，台灣區參加的數量是最多的，其中一個得獎者更提出超過30組的作品，當然這位得獎者也將被google邀請至美國總部去玩！到了分組競賽，

AIR : Big Head FLV Player v1.0 (可全螢幕播放版)

2007-10-24T16:00:00.001+08:00

直接利用前篇 AIR : 蕭可愛面板之FLV player v1.0 更換面板設計重新打包而成，最大的差別就是有全螢幕功能。蕭可愛面板不能有全螢幕功能是因為AIR Beta2 released後，透明視窗設定讓fl包之FLVPlayBack組件中的全螢幕按鈕失效(AIR : Adobe AIR Beta 2 的 BUG 有提到)，本Player的使用說明請參照前篇。++ 打包下載 ++

AIR : Little Jam desktop land 蕭可愛桌面樂園

2007-10-15T09:56:00.001+08:00

小jam角色設計：circe from 蕭敬騰國際論壇．蕭幫蕭可愛照片來源蕭敬騰國際論壇．蕭幫蕭可愛系列第二發：Little Jam Desktop Land這是一個類似桌面小寵物的軟體，可供使用者自行新增*.gif and *.png的圖檔到桌面上，並提供「配置儲存」功能，可以依照自己喜好作不同主題的配置，預設的配置是小Jam應援團..=)只提供.gif and .png用意在於它們都擁有透明背景，這樣放置在桌面會比較有意思，重點是取得容易。 Gif的decoder就是使用 AS3 GIF Player Class 0.1安裝說明：這是一個免費軟體 base on Adobe AIR Beta2 (使用有效日期至 06/01 2008)若你沒安裝過 AIR 請事先安裝好Adobe AIR Beta 2主體，這樣以後只要點選 .air 檔案即可自動安裝。(※只需要裝一次喔！，

AIR : FileWriteResource Error (Beta2)

2007-10-14T16:45:00.000+08:00

由於手上正在寫一個簡單的App，使用 new File("app-resource:/xxx") 將文字檔寫到程式的工作路徑下，測試中一直發生可以寫入新檔案，但是無法覆寫舊檔案，catch出來的 Error.message 頻頻出現：FileWriteResource，重點是這個 Error message 實在寫的很含糊，不得已祭出 google 大神來找答案：(XD 大神萬歲！)http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=641&threadid=1305641&enterthread=y原因就是AIR beta2加入了安全機制不允許覆寫 applicationResourceDirectory 內的東西，而建議使用 applicationStorageDirectory.

最近的新玩具：AS3 GIF Player Class 0.1

2007-10-12T14:25:00.000+08:00

開始玩AS3才發現，世界上好心人實在太多了，分享的一堆超實用class檔供大家利用，不管是3D、物理引擎或圖片decoder/encoder等等...真是太感謝了...XD 因為有載入 gif 的需要，所以玩了 ByteArray.org 的 AS3 GIF Player Class 0.1。在實際編寫的時候有發現一個問題，就是 AS3 GIF Player Class 0.1 的 gif 疊圖判定它是統一的，如每個frame重劃，或者是每個frame不停重疊上去，但是現實的gif(至少從網友手中拿到她做的gif..)在疊圖判定上就出現很大的問題，該重劃的變疊圖，該疊圖的卻是重劃，顯示就非常不正常...以下是我的實驗： 1. 疊圖模式惡搞過的test.gif ，以下是正常顯示的結果：2. 這是 AS3 GIF Player Class 0.1的 GIFplayer.fla 範例直接載入

AIR : Adobe AIR Beta 2 的 BUG...

2007-10-02T15:13:00.000+08:00

真不知道要講它是Bug還是啥...昨天更新版後將蕭可愛面版重新輸出，才發現..拜託Adobe嘛幫幫忙...改code連你們自己家的fl包Component都弄出問題，升級到 Beta2後，FLVplayback skin的fullscreen function出問題。FLVplayback 的fullscreen正常來講會將FLVplayback push到stage上，但是在Beta2中，是有個透明的東東被create在stage裡，不過卻忘了FLVplayback....所以會出現啥都不能按也不能操作，連開始列也按不到...解法：按ESC....orz...拜託Adobe改一下咩....Edit 10/09/2007 確定是因為輸出視窗設定為透明導致FLVPlayback component全螢幕失效...AIR beta1是正常的...囧

AIR : Adobe AIR Beta 2 released

2007-10-01T17:08:00.000+08:00

剛剛有人回應才發現Adobe今天release一堆新東東，哪天不換新版結果今天剛好更新...早上post的蕭可愛面板就不能安裝了(已重新輸出所以現在可以下載嚕！)，無聊可以看一下Adobe更新了啥咪：http://labs.adobe.com/如果你是使用Flash CS3開發AIR的話，請記得下載新的SDK for Flash CS3呦！打包部分加入一個流程就是需要有簽名檔才可以打包，在AIR Application & Installer 設定視窗有個 Digital signature，記得點選Change去建立簽名檔呦！不然會無法打包....BTW, Adobe AIR Beta 2 開發的相關軟體會在 June 1, 2008.失效...XD同場加映！差點忘了今天 Flash lite3 也一起亮相了捏~~http://www.adobe.com/products/

AIR : 蕭可愛面板之FLV player v1.0

2007-10-01T10:26:00.000+08:00

最近很喜歡的聲音：蕭敬騰，沒辦法他那首「世界唯一的妳」給我的震撼真的很大 (當然他當初出場的髮型也很爆點)，生平第一次變成追星族(已經夠低調的那種...XD)的感覺真的很有趣，由於前些日子下載了一堆youtube的FLV影片，但是線上FLV影片常常是一部影片被切成好幾段，所以播放器最好有清單功能以便順序播放，又剛好下載的幾乎都是蕭可愛的影片...跟AS3也不夠熟，還想繼續玩AIR，考慮結果當然是自己來寫嚕！安裝：若你沒安裝過 AIR 請事先安裝好Adobe AIR Beta 2(今天才release的)主體，這樣以後只要點選 .air 檔案即可自動安裝。(只需要裝一次喔！，裝過就等著升級就好，有舊版的請先移除再安裝)下載Jam FLV Player.air (已經是Beta2版本嚕！)執行 Jam FLV Player.air 選擇你想要的安裝路徑，預設為：C:\Documents

The first UGC online & mobile gaming portal

2007-09-06T11:41:00.000+08:00

這是一個這幾天才冒出的 Flash & Flash lite games 的 User Generated Content(UGC) gaming portal，它有趣的是開發者所上載的遊戲可以供其他使用者客製化(當然有一些製作上的規定)，官方的 blog上有展示video可以參考，期待它開通 to mobile的功能。portal : http://www.ugengames.com/blog : http://www.ugengames.com/blog/

AIR : BigHeadEditor v1.0

2007-08-23T11:40:00.001+08:00

應用了前兩篇分享的原理，Erin 製作一個無聊的 Webcam 大頭貼編輯器程式來認識 AS3 與 AIR，有興趣的可以下載安裝玩玩...=P﹝>>下載試玩 Beta2以後版本<<﹞安裝：請事先安裝好Adobe Integrated Runtime (AIR)主體，這樣以後只要點選 .air 檔案即可自動安裝。(只需要裝一次喔！) Edit: 10/01/2007 AIR Beta2 released，請記得更新執行 BigHeadEditor.air 選擇你想要的安裝路徑，預設為：C:\Documents and Settings\使用者名稱\Local Settings\Application Data\BigHeadEditor使用說明：記得在選擇背景圖樣前連接上你的Webcam呦！拍完照點選「SAVE?」選擇你要儲存的資料夾就可以看到美美的成品囉！如何新增自訂的背景圖樣：

AIR:Flash CS3 Professional Update

2007-08-21T10:09:00.000+08:00

剛剛 Ticore 告知官方版AIR for Flash CS3 update今天release了，當然馬上跑去下載，更新完後發現了幾個不一樣的地方：1. commands新增了兩個功能，一為AIR打包資訊設定，另外一個是打包工具2. 新增檔案類型多了AIR 1.03. 測試檔案很簡單的只要直接test movie即可XD 真是太方便了！

AS3組件在AIR中的怪異現象...

2007-08-20T21:22:00.000+08:00

由於 Erin 很懶在CS中寫code new出AS3組件再放到stage上，常常手動拉出組件人工排版，結果在執行AIR模擬發現了一個怪異現象...輸出swf正常的，但是模擬AIR運行就會發生慘狀...以下是案發現場實況：主畫面上有兩個frames，每個frame都放著一個button組件，frame1 button命名為"btn"//main timeline frame actionbtn.addEventListener(MouseEvent.CLICK, doClick);function doClick(e:MouseEvent) { gotoAndStop(2);}stop();function doClick中的gotoAndStop(2)指的是main timeline，正常執行結果是按下btn後會跳到第二個frame，結果在AIR中會成這樣：居然變成呼叫組件

AIR 載入特定資料夾圖檔

2007-08-17T14:13:00.000+08:00

這只是一個簡單的應用，為的是接下來要結合前篇Webcam抓圖要作一個應用App。一個子資料夾名稱為"imgs" 裡面有一堆可被Flash載入的圖檔，想要不分類的將imgs檔案夾內圖檔全部載入，這邊用到File類別的listDirectory()可以列出所有在指定資料夾內的物件。package { import flash.display.*; import flash.net.URLRequest; import flash.filesystem.File; public class OpenDirTest extends Sprite { public function OpenDirTest() { var fd:File=new File("app-resource:/imgs"); var arr:Array=fd.listDirectory(); //取得資料

AIR 簡易Webcam抓圖測試

2007-08-17T10:45:00.000+08:00

這篇其實是參考qop's blog的AIR 存圖測試變形而來，只是多加了Webcam去做抓圖的媒介，請先下載安裝as3corelib，它會以component的形式存在，使用時直接從component視窗拉出來後刪掉保留在library即可。package { import flash.utils.ByteArray; import flash.media.Camera; import flash.media.Video; import flash.events.*; import flash.display.*; import com.adobe.images.JPGEncoder; import flash.filesystem.*; public class WebcamTest extends Sprite{ private var video:Video; public

AIR 的第一次接觸 by Flash CS3

2007-08-17T09:50:00.000+08:00

嚴格說起來，用CS3來開發AIR App不是一件很明智的事情...理由很簡單，就是CS3實在太難用了！！難搞的可拖曳就變半透明又愛黏來黏去的工作視窗；想當機也不通知一聲就莫名奇妙當掉；不知道為啥操作一下換個字型之類的程式就傻掉；編寫程式工具也沒有啥咪提示碼等等...但是，Flash CS3製作的swf打包出來的AIR檔size比Flex builder打包出來的小很多，為了這一點，只好硬著頭皮玩下去了...開發環境：請參考qop's blog兩篇教學 (裡面還有很多篇AIR教學喔！)Create AIR Apps in Flash CS3package a flash app as an AIR file (for windows)如果沒意外的話，到這邊應該就可以開始使用CS3來開發AIR Apps嚕！Test in Apollo：如果想要測試swf在AIR runtime執行的效果，

ExtendedKey.as in Flash CS3

2007-08-04T22:56:00.000+08:00

當使用Flash CS3開發Flash lite2.x contents時，如果有操作Soft keys的語法而使用ExtendedKey.SOFT1 or ExtendedKey.SOFT2 ，在Test movie 就會發現Flash找不到ExtendedKey.as 而無法解譯成功，最簡單的解決方法就是將Flash 8 內的ExtendedKey.as 複製到：C:\Documents and Settings\使用者名稱\Local Settings\Application Data\Adobe\Flash CS3\en\Configuration\Classes\FP7 即可！或者直接copy下列語法另存新檔為ExtendedKey.as 存入上述位置: (其實只是傳入常數定義)//************************************************

KUSO 極致的online game - 清廉战士

2007-08-01T17:52:00.000+08:00

在朱學恆的路西法地獄看到了一篇超級Kuso的真實online game介紹，天ㄚ！對岸的「清廉戰士」是繼魔獸之後又一online game會讓 Erin 想要去玩的，真的不能不讚嘆它的內容是多麼吸引人啊！剛剛試著去下載安裝，居然還出現「紧急公告清廉战士自测试以来,得到广大网友热情支持,在线人数超过服务器及程序限制, 现正在进行硬软件升级改造,敬请广大网友期待! 」！！XD 真的等不及想要玩玩它啊！！

收到 Essential ActionScript 3.0 --- 接力貼

2007-07-31T16:03:00.000+08:00

繼邦邦、Ticore之後收到書了也來貼一下...XD從Amazon定的，上星期三邦邦代訂到今天收到...真是迅速啊~~總價由於有人一起分擔運費小小給它便宜了一點點啦！ NT.1,437

Load Manager for FL2.X (1)

2007-07-25T15:17:00.000+08:00

載入控制常常是各大Flash討論版中名列前矛的老掉牙問題串，可見如何做好載入控制是一個很重要的課題，FL1.1 載入外部檔案的限制是一個frame只能執行一次載入，而 FL2.X 則是一個frame只處理5次載入事件，FL1.1 載入研究在很久以前就已經分享過了，所以這次與大家分享是幾種FL2.X處理載入控制的方法： Load Manager有個很重要的特點：唯一性，當多個載入的SWF中如果也有load行為時，Load Manager只能存在一個。為了達到Load Manager的唯一性，這邊使用程式 Design Pattern 中蠻常用的 Singleton Pattern來實作，講到這邊大概已經有人快崩潰了，連Design Pattern的字眼都出現了，感覺越扯越專業捏？不過別緊張，搞不懂原理的人就直接將.as拿去修改使用就好，Erin一直認為，如果你對它有興趣，

WhoNeedsAniPhone.com

2007-07-16T15:08:00.000+08:00

這是WhoNeedsAniPhone.com發表的一個類iPhone使用者介面的Flash lite application for Windows Mobile 5 and 6，預計完成後會包含程式集、觸控螢幕鎖與一些app，如果你有PDA phone base on WM5 or WM6的話可以加入他們的beta tester募集 =)

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

2007-06-18T10:54:00.001+08:00

3. 主遊戲的Key controler：當畫面進入pause狀態時，需要將pause按紐改成replay，所以這邊把pause按紐作成一個擁有兩格frame的MovieClip，並命名成"pause_btn"正如前面所說，Erin習慣將Key event統一控管，接下來主遊戲所有的key control都會寫在畫面外的Key controler按紐身上。LSK and RSK action：on (keyPress "") { //LSK if (pause_btn._currentframe == 1) { call("/timerFunc:pause"); //當pause_btn為"pause"時，呼叫遊戲暫停 tellTarget ("/pause_btn") { gotoAndStop(2); } } else { call("/

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

2007-06-18T10:13:00.000+08:00

2. 計時器與重覆使用的程式：FL1.1的Call(frame label)：Flash 4沒有function寫法，只有frame action，要重複利用的code是寫在一個無關的frame上，利用它的frame label來執行Call(frame label)指令模擬function。所以接下來主遊戲程式使用到的重複code，都將寫在一個timerFunc MovieClip中。"timerFunc" MovieClip：[圖10] 時間軸上配置，前三格為計時器程式後面留給Call()使用(善用空間..=P)Frame 1： timer = getTimer();//getTimer()重出江湖嚕！^^，先抓取timer起始值Frame 2：if ((getTimer()-timer)>=1000) { //當getTimer抓到一秒時，就回到frame1重新抓起始值; if (

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

2007-06-07T15:30:00.000+08:00

請先下載範例檔 (範例檔內只有少數的程式，其餘請參照教學補貼上去，版權所有，僅供個人學習行為使用)首頁key event程式：開始撰寫FL1.1程式前，請先將你的Flash 4書拿出來溫習一下，FL1.1 content只能使用Flash 4的寫法與Flash 5屬性用法喲！(請參考tellTarget與點語法的使用時機)首頁上list menu命名為：menu，內有三個frames。Key controler上的程式：on (keyPress "") { menu.num = menu._currentframe; if (menu.num == 1) {menu.num = 3;} else {menu.num--;}tellTarget ("/menu") {gotoAndStop(num);}}on (keyPress "") {menu.num = menu._

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

2007-06-05T21:47:00.000+08:00

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] 小人頭動畫時間軸上配置小人頭

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

2007-06-02T22:24:00.000+08:00

平台：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

又搬家了...

2007-05-29T20:41:00.000+08:00

每次搬家不免俗的都要發表一篇"感言"，如果Blogger不會再有啥難搞的地方的話，Erin應該是不會再搬家了，這次搬家至少不是跟以前一樣，以前搬家手段都是採取斷頭措施...(就是文章都不搬啦！XD )所以這次花了一點時間連同文章也一起搬過來，希望大家能習慣這個新地方嚕！^^

Flash lite作圖小技巧

2007-05-11T14:51:00.000+08:00

今天難得心血來潮更新了幾篇文章...XD以下建議其實大概都出自於Adobe官方釋出的 Flash lite2.0最佳化白皮書，Erin只是列出比較有"感覺"的項目善用attachMovie在白皮書有提到同一timeline中不同frames內容在播放之前都會被初始化，所以建議使用MovieClip會比擺在同一timeline上效能好，這點請有心想製作Flash lite content的designer注意一下會比較好呦！就是同一個 MovieClip內含10個frames每個frame皆有一個icon圖，然後使用gotoAndStop來操作，也遠遠比10個小icon各自設成 MovieClip然後使用attachMovie效能來的差喔丟掉外框線請別再保留外框線，將它轉成填色圖也只需要點選兩次滑鼠就可以完成了呦！Modify / Shape / Convert Lines to

AUG 五月網聚

2007-05-11T13:56:00.000+08:00

海報很大一個... 就不貼圖嚕...XD活動報名網址：http://mmug.com.tw/forum/mmug_meet.php?m_id=40