milkmidi Blog

本課程是 Flash AS3 Framework 網站架構程式設計班 本班的重點是在介紹如何從零開始,製作出一個全 Flash 的網站 與以往不同的, 本課程從程式碼的角度, 重新解析網站架構與組成, 創造出具有較佳的效能, 以及擁有優良的程式擴展性的全 Flash 的網站, 方便日後程式碼的更新與維謢需求; 結合 swfAddress 功能, 讓每一個單元都有自己的獨立網址, 並重點增強 Flash SEO 效果 本課程使用的是日本 AS 大師 阿部貴弘 所開發的 Progression Framework 技術 官網： http://progression.jp 本班的另一個重點是在於開發 Flash 組件, 教您如何把常用的功能包裝成方便使用的組件, 日後只需在參數面版上設定即可使用。 同時結合 Progression 技術, 將組件功能整合在一起, 使其發揮更大的作用。 奶綠老師使用 Progression Framework 開發過的專案 2010 Ford Taipei Auto Show 【Absolut X Rock The World】絕對 ‧ 搖滾革命 New Yaris 新引力全新登場 資生堂心機專館 友邦投信 微笑理專活動 部份上課範例 miniWeb(不用寫任何程式碼) 全Class寫法加SEO PhotoGallery ImageGalleryList CoverFlowCS4 LineWeb 以下的小測驗可以讓你測試是否適合這個課程 報名網址： http://www.flycan.com.tw/course/actionscript_framework.php

Progression在使用時 只需要開啟 Verbose.enabled = true; 即可以有debug功能, 完整的場景轉場的資訊, 可惜只有日文版本才有 奶小茶我補上了中文說明, 這樣學習起來更方便 ProgressionVerbose中文說明修正檔 下載後, 解壓縮, 將 jp 資料夾 copy 到本來的類別路徑蓋掉即可 我只有增加 jp\progression\core\debug\VerboseMessageConstants.as 這裡的說明而己, 其他都沒更動。 如果發現Command的資訊太多, 只要濾掉Commnad，不要trace就好 Verbose.filteringCommand();

上一篇 簡單分享過Progression全組件式的寫法 雖然方便, 但擴充性並不強, 要寫一個專案, 還是需要乖乖來寫程式 玩Progression要先搞懂三個要點： 1. 場景 ScendObject 他是Progression的整個核心架構 你可以想成html, 一個scene就是一頁html 該scene要有什麼元素, 都由這個SceneObject來管理 SceneObject有四個重要的事件： _onLoad：當該場景被載入時。 _onInit：當該場景被初始化。 _onGoto：當該場景切換到別的場景時。 _onUnload：當該場景被移除時。 SceneObject的生命週期就是走這四個事件。 只有最上一層的主場景_onLoad只會發生一次 _onUnload永遠不會發生, 這個後面會再補充。 2. 可視物件 CastSprite, CastMovieClip 跟一般的Sprite, MovieClip使用起來差不多 但有二個重要的事件。 _onCastAdded：當透過new AddChild 或是 new AddChildAt 加入該物件時, 會發生的事件 _onCastRemoved：當透過new RemoveChild 移除該物件時, 會發生的事件。 3. Command Progression提供了許多的 Command可以使用 Command Design pattern的好處就是可以依序的執行Command 跑完A, 再跑B , 再跑C, 所以可以很方便的製作單元切換的進退場效果。 像第二點的new AddChild就是 Command的其中一種 一個專案一般只會有一個Progression實體物件。 var prog:Progression= new Progression( 'index', stage, IndexScene ); 'index'：為該專案的Progression唯一的 Key 值, 只要key值不同, 彼此寫的Progression就不會打架 stage：把stage實體傳入 IndexScene：則是最上一層的 SceneObject, 其他的場景就由這裡開始加入 在這兒範例裡, 做了一個很簡單的架構, 好讓快...

[新案上線]TOYOTA NEW YARIS-注目!我的代表色! http://yaris.toyota.com.tw/ 這次依然使用超好用的 Progression Flash Framework來製作 也嘗試了把所有flash的設計元件製作成swc, 透過FlashDevelop來發怖整個專案 這樣的製作方法超好用的啦, 發怖速度快, 終於可以不用開超慢的CS4, 又可以有Flash10的功能, 推。 身為一位專業的AS程式設計師, 一定要加個密技的啦 只要在輸入名字的欄位上，輸入大寫的RAINBOW 就會有隱藏版的畫面喔 而開場的吸入效果, 則是參考clockmaker製作的GinnyEffect http://wonderfl.net/code/b8ec2e7155357ddc65d21eb8b1fa2e94c8363cfc

新案上線 聖克萊爾 http://mp3.stclare.com.tw/ 這次專案上完整的使用Progression FlashFramework, 嚴格來說, 還真是好用, 決解了swfAddress網址切換的問題 單元進退場的問題, 推薦給大家研究 以後做Event Site, 用他就對了 之後再來分享一下使用心得

第一版CoverFlow http://milkmidi.blogspot.com/2009/03/flash10coverflow.html 把全部的程式碼通通寫在一個.as檔, 日後很難修改。 第二版簡單MVC CoverFlow http://milkmidi.blogspot.com/2009/05/flashcs4mvccoverflow.html 使用了簡單MVC 概念, 也修正 CoverFlow 移動時的問題。 第三版 PureMVC CoverFlow CoverFlowCS4_pureMVC_sourceCodeDownload 使用 PureMVC framework來製作這樣的效果, 玩了一次後, 才真正了解 PureMVC的精神 第四版 Progression CoverFlow progressionCoverFlow_sourceCodeDownload 使用 Progression framework來製作 CoverFlow效果, 寫起來也是滿順的 Progression的強項就是在他的Command模式, 真的很優呀， 一般的Event Site, 單元的進、退場, 用他就搞定了。

這幾天熱血的研究了 Progression flash Framework 分享一下學習心得, 基本上, 可以不用寫到任何的程式碼, 就可以快速的完成一個小型的專案 最酷的是, 他把 SWFAddress 整合的很好, 還有一些現成的轉場效果, 這些都不需要寫任何的程式。 1.先下載 3.1.62 mxp 外掛, 並安裝, 重新啟動 Flash CS3。 2.上方工具列：Window /Other Panels/Progression Project 開啟面版 面版長的這個樣子, 有許多的設定, 可以自已玩看看 3.設定好後, 按下 Create new project, 選擇要存檔的路徑, 就會自動幫你產生所需的檔案 4.再開啟 Progression Scene Editor面版, 開啟新增所需要的場景 在這個範例，我們的網站架構就只有三頁, Index , About , Contact Progression的使用概念, 可以把他想成html一樣, 一個場景(Scene), 就相當於一頁html 然後該html有什麼元素, 就在Scene設定 開啟面版時, 預設就會有一個Index的場景, 按下Insert nested Scene 再按下Insert Cast Item, 這個就該場景要有什麼元件。 完成後如下圖： 5.接著再按下面版的 Export the Cast as Symbol 就可以看到元件庫產生對映的元件了。 設得要將設定好的面版, 按File Save as, 蓋掉專案裡的deploy/easycasting.xml 該.xml長的像這樣。 6.製作回首頁的按鈕： 新增一個MovieClip, 並置任意的圖片, 然後開啟Component面版, 將 RootButton組件拉里來 啟動 Component Inspector面版, 可以看到許多參設可以設定, 在這我們就直接用預設值。 7.製作About按鈕和Contact按鈕，一樣新增元件, 只是用的組件是RollOverButton。 設定按下後的連結 8.在元件庫找到對映的Page元件, 放置你自已的設計圖, 發怖就完成了 如果要套用轉場效果, 一樣在 Component可以找的到Effec...