跳到主要內容

發表文章

目前顯示的是 八月, 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 static const MODEL_CHANGE…

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可以找的到Effect Component, 拉過來就可以用了
SourceCodeDownload

奶綠茶新書上市_密技公怖_程式碼下載

奶綠茶第一本 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效能一談
19 Flartoolkit簡介
2009/08/03
奶伯伯書目前是誠品…