milkmidi Blog

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

分享一下小弟在製作miniConcert網站的技術和原始檔： http://miniconcert.milkmidi.com/ 這次練習了使用Away3D, 寫起來和PV3D差不多, 概念上都一樣 而Cube打開是使用六個Plane拼成的, 傳值構通是使用Singleton Model來呼叫 並加入了新的相量3D物件, (PV3D也有)。 原始檔： 需要下載away3d,Tweener,TweenMax三個類別才能發怖程式碼喔! SourceCodeDownload

第一版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, 單元的進、退場, 用他就搞定了。

新案上線：台灣大哥大, Google Android手機。 http://event.taiwanmobile.com/android/ 當然還是要來分享一下技術。 這次使用了 CJCat 同學所寫的 ZedBox 2.5D Engine。 輕鬆決解了這樣的2.5D效果, 可以很直覺的對一個容器直接下rotationY。 在這兒並沒有使用到FlashPlayer10的效果。 而要加入 Blur 或是 Alpha, 也只需要再個加一行程式, ZedBox就會自動增加效果。 而最近最熱門的就是一定要在各大微網誌做分享的Icon功能。 在這兒是使用米蘭數位, 我們四位 AS(Jason,milkmidi,Ash,MarkVnn) 共同開發的專案：Anteater技劃。 原理是把各微網誌所需要傳送的值, 定義在一個js檔裡, 然後Flash再去呼叫。 原始檔下載： BookmarkSourceCodeDownload ZedBoxSourceCodeDownload

很榮幸的奶小茶我的個人網站 也收錄在papervisionshowcase http://www.papervisionshowcase.com/2009/08/17/milkmidi/ 跨出成功的一小步呀!。

PureMVC, 快樂玩Part1 最近除了熱血的工作, 熱血的研究Progression, 當然還有熱血的PureMVC 好吧, 我承認這東西有一定的難度, 但上手後, 真的還滿方便的。 PureMVC是一種程式語言的框架, 不限於 AS3 , 官網有很多的版本可以任君選擇。 主要有三個概念 Model, Proxy 負責將數值變數存起來, 當數值被更改時, 就發送通知, 然後就什麼事也不做了。 View,Mediator 一個Mediator就對映一個View(視覺元件), 當View做了某件事情後, 發送通知。 Controller,Command 當 Mediator 被通知到後, 就執行事件做作好的Command 有了簡單概念後, 來開始試寫看看。 先下載 PureMVC AS3 standard 2.0.4 版本 在這兒我們寫了一個小型的相本, 由 xml 管理, 畫面上有左、右鍵，二個動態文字 和一個要載入圖片用的Sprite。 奶小茶的習慣是先從Proxy來開始寫, 因為載入資料是最先要做的事情。 ListProxy.as package milkmidi.puremvc.model { import flash.events.Event; import flash.net.URLLoader; import flash.net.URLRequest; import milkmidi.puremvc.model.vo.ListVO; import org.puremvc.as3.interfaces.IProxy; import org.puremvc.as3.patterns.proxy.Proxy; public class ListProxy extends Proxy implements IProxy { public static const NAME :String = "ListProxy"; //當 xml 載入完成後, 會發送notification public static const DATA_LOAD_COMPLETE :String = 'dataLoadComplete'; //當 xml 索引值改變時 public st...

最近公司的媒體部門問我有沒有辦法寫出自動檢測素材的軟體 (Google就有), 好吧, 還沒辦把像Google那麼利害。 那就來個簡單版的吧 至少能分析製作好的SWF檔 寬、高、影格數、FPS、版本 這樣在交素材前就可以先檢查, 但我總覺的這是在製作時就要注意的事。 參考了 http://flashpanoramas.com/blog/ 該作者分享的 SWFParse 類別, 使用 FlashPlayer10 新功能 FileReference的 load, 能直接載入本機的.swf檔。 原始檔下載： SourceCodeDownload

CJcat 同學新的 Flsh Particle Engine1.0 推出來啦 結合目前最熱血的 PV3D ,等3D Engine一起使用 或是也可以結合他自已寫的 2.5D Engine ZedBox 一起使用 好東西一定要推一下。 一起為台灣的 Flash 屆努力吧 補： 8/30 ,Flash ppt版聚將會有 cj 分享他最新的 超酷炫風爆奈米粒子噴射系統 Particle Engine。 http://www.plurk.com/p/1gd2gs

這幾天熱血的研究了 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...

奶綠茶第一本 Flash 書籍上市啦 博客來書籍館 Flash 3D 特效宅急便 - 商業範例隨學隨 把我對 Flash 的研究與熱愛, 全寫在其中 本書的前幾章, 特別安排 ActionScript3.0 的許多範例 好讓你一步步瞭解 as2 和 as3 的差別 再安排製作動畫不可缺少的 Tweener 類別和一些常用的數學動畫公式 最後當然就來到本書的重點 PV3D 啦 從 PV3D 的原理, 基本架構一點一點的介紹 再透過許多實用的範例, 從中瞭解 PV3D 製作的小技巧 有任何書籍相關的問題, 也請不吝指教 感謝一路走來, 幫助過我的前輩們, 邦邦、Ticore、神魂、Maso、Erin 旗標出版社 小編 Bready 米蘭數位所有夥伴 米蘭數位ActionScript Team：Jason,Ash,Mark 本書大鋼： 1.ActionScript3.0概論 分析AS3的概念與語法, 從基本的滑鼠事件、外部載入、氣泡事件介紹起 適合熟悉AS2, 想轉戰AS3的人員。 2.程式碼製作動畫 使用簡單的數學公式, 套用到程式裡, 脫離死版的影格動畫。 3.製作動畫的好夥伴：Tweener 除了套用數學公式外, Tweener類別也能加速我們開發出更多的動畫效果, 不需辛辛苦苦的找公式。 4.自定類別 AS3的精神, 是在於強大的物件導向, 當然也要熟悉類別的寫法與使用。 5.Flash3D - Papervison3D 如果在Flash玩轉3D效果, PV3D是最好學, 最快上手的3D Flash Engine, 從簡單的3D概念, PV3D類別, 事件等。 6 漫天飛舞的Paper3DWorld效果 7 迷你旋轉木馬式秀圖效果 8 最經典! CoverFlow 圖像展示效果 9 天旋地轉　TiltViewer效果 10 FlatWall3D電視牆效果 11 經典旋轉木馬　Carousel3D 秀圖效果 12 光源材質展示與簡易型的方塊彈跳效果 13 載入外部3D模型與動畫 14 超立體旋轉九宮格　Box3DWorld 15 空間感與透明感兼具的 SpaceGallery 16 螺旋式　SpiralCarouse 影像展示 17 Flash10 3D功能 18 Flash效...