跳到主要內容

發表文章

目前顯示的是 8月, 2009的文章

Progression專案上線, 聖克萊爾

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

Away3D CubeOpen

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

PureMVC,Progression,CoverFlow

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

ZedBox And Bookmark

新案上線:台灣大哥大, 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網站啦

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

PureMVC, 快樂玩Part1

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

SWFParse

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

Stardust-Particle-Engine

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

Progression3 flash Framework

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