Skip to main content

Flash lite作圖小技巧

今天難得心血來潮更新了幾篇文章...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 Fills

  • 複雜向量圖請讓它變身png吧!
製作Flash lite content不是以檔案小取勝,而是畫面上用到的節點數少為主,小小手機不是電腦喔!ps. PNG會比 JEPG好用。

  • 點陣圖顏色控制
變身點陣圖的時候,多花點心思為它少點顏色吧! 拜託你們了!

  • 尺寸百分百...
請使用100%圖片來製作Flash lite content,將點陣圖放到 Stage上別再對它做瘦身或增肥"可視尺寸"的動作了,大禁忌!

  • 少用 Export in first frame
連官方都不建議first frame寫上一陀AS了,你還想要將圖輸出到first frame初始化?!花30秒作一個兩格frame的 MovieClip,將所有linkage MovieClip拖到frame2,然後在frame1寫上stop(),要記得擺到stage上捏,反正就是別擺在frame1就可以了喲

Comments

Popular posts from this blog

[Flex] PureMVC standard with Spring extensions

由於上次稍微玩了一下 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 工作環境:FlashBuilder, Flex SDK4 請下載 PureMVC Standard 版本 再下載 Spring ActionScript 最新版本後,除了 spring-actionscript-cairngorm 不需要外,都放到 /src 下(記得只需要 org 開始...),也別忘了lib 內的 swc 檔 copy 到 /libs 下 Spring 的 injection 並不像 Robotlegs 直接來個 [Inject] metadata 的自動化那樣方便,但是其冷血度(檔案的鬆偶程度)更勝後者!如果你要使用設定檔(applicationContext.xml) 來做注入的話,準備工作就挺多的...XD 依照 applicationContext.xml 內設定的方式分別寫入 constructor 或者是 setter 依賴注入(本範例統一使用 setter injection) 為了跟大家都沒關係所以都使用 interface 來處理,所以你會在範例中發現大家都有介面...(並沒有真的研究過 Spring,也許還有其他作法) 準備 compiler 時候要用的 classe。由於在 setter, getter 的寫法上都使用 interface,所以真正用到的 class 需要預先在輸出階段就打包到程式內。 基本上 PureMVC 類 class...

[AIR] JoSi FXGtoLayout

JoSi FXGtoLayout v0.3.0, Adobe AIR 3 runtime 這個又是一個 "就是" 系列懶人小工具,主要是針對 Adobe fxg 格式做分析轉成 Mobile 開發用的視圖程式碼,加速畫面配置使用。 為什麼會製作這個工具,原因主要是本人在使用的 Corona SDK 與 Titanium SDK 都沒有好用的視覺化編輯工具。一般設計師產出 layout 檔會使用 PhotoShop 來製作,在不多花錢的原則下,畫面對齊的基準就是其輸出的 fxg 資料做對應,如果要一筆一筆將資料鍵入,做久也是會膩的,所以花了點時間將這個工具做出來...