MarkVann + ActionScript

Demo 120116 ～ ThreeJS x 5

2012-01-16T16:30:00.002+08:00

開始硑究起 HTML5 的 Canvas；寫了幾個 Slide Show 之後，好像也就只能這樣了！？

腦筋動到 JavaScript 的 3D 引擎上；在拜請 Google 大神後，找到鼎鼎大名 Mr.doob 的 Three.js。
當然，大師不會只滿足於 Canvas 2D；GitHub 裡面 WebGL 的 demo 讓公司一票設計師口水直流呀！
但是，面對廣大 IE 使用者的我們；還是擦乾口水來看看 Canvas 2D 比較實際吧！？
原本預期用 ThreeJS 的 CanvasRenderer 可以通用於桌機和智慧型手機；最後卻事與願違。
不知為何，這些看似簡單的 demo 在 iPhone 上完全跑不動；但在 Android 手機上是還 OK 的。
猜想是沒有針對 iPhone 做優化。
畢竟大師的重心是在 WebGL，
就只能先跟 iPhone 說 Bye Bye 囉！？

Demo 111019 ～ Linear Focus Blur

2011-10-19T12:03:00.000+08:00

研究 PixelBender 找到的特效。我喜歡！

參考自：Pixel Bender: Blur with Linear Focus
pixelero 解說很詳細，Source Code 開放下載，真是佛心來著。
這個 blog 好康實在很多，值得花時間一篇一篇 K.O. 呀！

Demo 110921 ～ Pixel Bender 灰階轉彩色

2011-09-21T19:10:00.000+08:00

用 Pixel Bender 做像素運算和 AS 對 BitmapData 運算效能比一比：

最近看到 Ticore 這篇 Flash 抽色效果濾鏡，可以把顏色在 RGB 和 HSV 之間做轉換。
既然如此，那就可以把之前 Demo 110704 ～灰階轉彩色？改用 Pixel Bender 寫寫看囉！？

前一篇 DEMO 在 Slider 開 liveDragging 的時候會 lag；
改用 Pixel Bender 後，Slider 不管怎麼拉都很順；
所以，就是 Pixel Bender 比較強啦！？

Away3D broomstick 復活

2011-09-19T18:33:00.000+08:00

話說這陣子 FP11 改版頻繁；改到 Away3D 懶得跟進。（冏rz）

才兩三個月吧，從 Alpha 版、Beta 版，到最近的 RC1。
改版到 Beta 的時候，broomstick 就已經不能 run 了！
今天發現 Away3D 4.0.110915 Alpha 總算有更新啦～～～

二話不說立刻把之前的 DEMO 拿出來試跑。
除了原本的 ResourceManager 被拿掉，得改用 Loader3D 載入物件。
偵聽的事件由 ResourceEvent 改為 LoaderEvent 之後似乎就正常了！

FP11 Molehill 3D

2011-09-14T17:57:00.000+08:00

Flash Player 11 的 Molehill 3D 似乎沒那麼簡單！

參考 Ticore 的兩篇教學
Flash Molehill 簡單例子
AGAL 心得筆記
以及 Simple 2D Molehill Example

只是把 Graph API 做得到的事倩改用 Molehill 來試。
但 Molehill 只能改善 render 的效率；
除非有這個本事去跟 AGAL 打交道。

另外，Stage3D 和 Context3D 都不是實體；
所以都沒有 MouseEvent 可以偵聽。
對 stage 偵聽是很容易，
碰到不規則的形狀就麻煩了！

p.s 圖片出處：GQ.com

Demo 110704 ～灰階轉彩色？

2011-07-04T14:38:00.000+08:00

從「降色階」突然蹦出來的靈感；直接把灰階對應到色相。有趣的嘗試！

說明：兩條 Slider 分別控制色階數和色相的徧移值。

由於只是實驗性的東西，效果差強人意。

就醬！

Demo 110615 ～ Away3D 初體驗

2011-06-15T18:10:00.000+08:00

為了 Flash Player 11 的硬體加速，只能棄 PV3D 改戰 Away3D 了！

操作方式：用滑鼠拖曳可以任意施轉方塊，用滑鼠滾輪可以拉近拉遠。

這個質感要在 PV3D 跑的話，FPS 大概只有個位數吧！？
開上 molehill 的 wmode = "direct" 更是流暢！！！
想嘗鮮可以下載 broomstick 的 examples 來體驗一下。

p.s Away3D 官網、FP11 下載

Demo 110526 ～翻頁。加強版

2011-05-26T18:30:00.000+08:00

原本不想再碰的東西，沒想到就這麼一天一個版本地寫完了！？

不但加了頁碼和上下頁的按鈕，還補上預覽、跳頁；
一般翻書會用到的功能應該都有了吧！？
就期待以後會有哪個專案拿來用吧！

p.s 圖片出處：GQ.com

Demo 110525 ～翻頁。美化版

2011-05-25T21:56:00.000+08:00

沒想到只用兩組濾鏡就有陰影和反光了！？

話說搞懂 PureMVC 的第一步就是把 Mediator 和 Proxy 搞得很不熟！？
最後，很么壽地跑出了一堆 Command 呀！
類別一多，整個架構似乎更亂了；
現在只能走一步算一步囉！？

p.s 圖片出處：GQ.com

Demo 110524 ～翻頁。陽春版

2011-05-24T21:19:00.000+08:00

撐了很久，最近總算開始想研究 PureMVC ；那就來寫個「翻頁」練習看看囉！

以前就用 AS2 寫過這個效東，這次改用 AS3 的 Graphic API。
最後雖然是寫出了點東西，但設計模式的部份只能用個「慘」字來形容。
懶得寫太多 Command 的下場，就是 Mediator 和 Proxy 被綁死。
好在原本就打算長期經營「翻頁」這玩意，而 PureMVC 似乎就是個最合適的工具。
所以，接下來的課題有：

把打得火熱的 Model 和 View 鬆綁
加上反光和陰影（這是要怎麼畫呀！？）
功能擴充（真正體驗 PureMVC 的強大！）

p.s 圖片出處：GQ.com

Demo 110322 ～ Text Bitmap Transition

2011-03-22T14:05:00.000+08:00

好久 . . . 好久 . . . 真的好久沒寫 DEMO 惹 . . . . . .

參考 Flash & Math 的 Fuzzy Text Transition Effects in AS3 Flash CS5

完全針對 BitmapData 做處理，換圖檔來跑應該也可以；就是圖不能太大！

Demo 101123 ～ Tree

2010-11-23T12:28:00.000+08:00

依稀記得第一次看到有人用程式畫出一顆樹的時候，有種難以置信的驚訝！

現在信手拈來卻是如此輕鬆寫意，心裡是一股言語難以形容的感動呀！？

感謝奶綠、感謝米蘭，讓我受益良多。

Demo 101119 ～圓。萬花筒

2010-11-19T12:07:00.000+08:00

還是萬花筒 . . . . . . Orz

為了專案要用，設計師一直拿著 iPhone 展示他想要的萬花筒效果。

好在有實際的畫面作參考，比起第一次寫的萬花筒是好看很多！

專案應該就要上線了吧！？

期待-ing . . . . . .

Demo 101101 ～ Outline Image

2010-11-01T15:59:00.000+08:00

這個 demo 的日期真有趣！正著看、反著看，都是一樣的耶！？

降色階 + 點陣轉向量 + 音波特效 . . . . . . 又是個大雜燴！

懶得寫什麼 . . . . 反正 . . . . 就醬！！！

Demo 100906 ～紅藍立體眼鏡

2010-09-06T19:24:00.000+08:00

不是什麼特別的東西，卻能讓我快瞎眼了呀！？

其實這個 idea 今年提了幾次，但都沒成功！
關鍵應該還是紅藍立體眼鏡的發送方法吧！？
做法不難：只要用 copyChannel 分出純紅色和藍+綠的青色。
ZedBox 的 Action 可以依每一個物件和 Camera 的距離做事情。
只是，真的很傷眼呀！這種網站的停留時間應該不會太長吧！？

Demo 100810 ～ Draw Fur

2010-08-10T17:45:00.001+08:00

話說，自從 PV3D 有了 Fur 材質後；就有一群部落客寫了自己的「畫毛」程式。
參考 hair / fur 這篇；沒有公開原始碼，就只能一步一腳印地搞囉！？
一開始就直接用 Graphics 畫；怎麼畫並不難，就難在畫不完！
後來是在每次 loop 最後畫成 Bitmap；這才解決了效能問題。
偶然發現，如果先對 Graphics 下 DropShadowFilter；
畫出來的 Bitmap 會有更明顯的質感。

Demo 100806 ～ Draw Edge

2010-08-06T16:06:00.000+08:00

降色階 + 邊緣偵測 + 點陣轉向量。算是前一篇的續集吧！？

用上 CJ 建議的 MedianFilter 來去除雜點
分離點陣圖區塊也改用 Extracting positive and negative shapes from a BitmapData 的方法
邊綠偵測是用 ConvolutionFilter 上下左右跑四次
至於轉向量，跟 Outline TEXT 是一樣的囉！？
因為沒有放大再描邊；速度比較快，但很容易描錯。
其實，有很多地方都可以調參數；自己也試了很久。
重點是，不知道這個能幹嘛！？

Demo 100723 ～ Reduce Color

2010-07-23T15:03:00.000+08:00

「降色階」似乎蠻特別的！？但......就不信有哪個客戶敢用！？

參考 Color depth change 的寫法
不喜歡有太多雜點......所以加上一點 Blur。
原本有個案子想讓 user 上傳圖檔再轉成漫畫風格；
設計覺得減少色階就會有漫畫的 FU。
呃......有嗎？

Demo 100721 ～ Outline TEXT

2010-07-21T14:24:00.000+08:00

好久沒寫 DEMO 惹......趁著點空檔就來一發吧！

研究 FONTPARK 2.0 | MORISAWA 柔體文字的時候，就是卡在不會把文字轉向量。
前陣子看到 Detecting edge pixels with Marching Squares Algorithm 就很想試試......
雖然是別人已經寫好的東西，自己來才發現有很多眉角；
像是字型筆劃間隔太近會卡住，還有把字型一層一層剝開的方式。
寫完才發現 Extracting positive and negative shapes from a BitmapData 真是悶呀！？
最後，不想老是學別人的做法，所以改用聲音的方式加上動態。
idea 是最近參與提案會議時討論到的。
就醬.....

p.s 越來越懶得打字了..... 哈！

Heineken New Can 新案上線

2010-05-15T16:59:00.000+08:00

暨 Hotel One 之後，又是個搞死人不償命的專案呀！？

這次用到的 framework 不少，除了 Progression 4、FB Connect、還有 CJ 的 ZedBox。
另外，Bitmap 轉點點 Graphic 是這次的新嘗試；波浪之前就分享過了。
這次上線得感謝不少人：
感謝傑森，沒有你，我不可能那麼快串好 FB Connect。
感謝奶綠，沒有你，我不可能搞得定 Progression 4。
感謝 KiKi，沒有那麼愉快的討論，不會有那麼歡樂的網站。
感謝大芬，邋邋渣渣的東西要能串得那麼漂亮，著實不簡單。
感謝亮亮，一路幫我催足了油門，完全不給我剎車的機會。
而且，當我想剎車的時候才發現剎車線已經被剪斷了！
有時還是留點後路的好，是吧！？亮姐！？
最後，有人問到 Bitmap 轉點點 Graphic 是用什麼轉的？
其實我沒有用任何工具，就是一步一腳印的 TRY 囉！
要說有什麼新發現，就是 BitmapData 有個 getVector 的 method；
能夠把某個範圍裡，每個像素的顏色組成 Vector.<uint>；
然後就有很多 Vector 的 method 可以用啦......
像是 filter、some、every 等等......
就醬，希望對大家有幫助。

Heysong Taro Team 新案上線

2010-05-14T14:17:00.000+08:00

雖然是個速成加上東拼西揍的案子，既然有被 Media Asia 報導，那還是註記一下好了！？

為了在短時間內把網站機制串好，把原本全 flash 的東西硬是拆成一個個 HTML。
我其實只寫 FB Connect 和捏臉的相關機制...... 也就是列表和遊戲的部份。
除此之外，首頁的全景互動和固定在底部的選單都是設計師阿怪全包；
而且也都是用 ActionScript3 喔！
米蘭真是人才輩出呀！

Demo 100323 ～ Perspective Transform

2010-03-23T19:22:00.000+08:00

今天才知道 drawTriangles 還能這樣玩呀！？

話說奶綠給我一篇部落格文章 The best drawPlane/distortImage method, ever
原來 uvtData 不只我想像地簡單呀～～～
先來解釋 drawTriangles 要用到的三組 Vector 是做什麼的吧！？
vertices：實際畫在場景上的座標點。因為是座標，所以一定是成對的。
indices：決定描繪各個頂點的順序。因為是畫三角形，所以一定是 3 的倍數。
uvtData：定義要用 BitmapData 的哪個區塊來填滿正在描繪的範圍。
Adobe 官方 Reference 針對 uvtData 的說明裡寫到：
『如果這個向量的長度是 vertices 向量長度的兩倍，就會使用沒有透視更正的一般化座標。
如果這個向量的長度是 vertices 向量長度的三倍，第三個座標就會解譯為「t」，也就是視覺空間中眼睛到紋理的距離。這點有助於顯示引擎在三維空間中對應紋理時正確套用透視。』
也就是說，如果 uvtData 的長度跟 vertices 一樣，就只是一般的 UV 貼圖。
如果 uvtData 的長度是 vertices 的 3/2，多出來的值就是謎一般的「t」了！
至於這個「t」是怎麼來的？應該要怎麼算勒？
Zeh Fernando 為我們解答啦！
他還在自己原始碼裡面註解「// Magic」

已知 P1、P2、P3、P4 先求 Pc（對角線的交點）
再算 D1、D2、D3、D4（就是各頂點到交點的距離）
接著是個很微妙的「f」；f = (D1 + D4) / (D2 + D3)
最後，就可以開始填進 uvtData 啦～～～
Vector.<Number>([
　　0, 0, f / D4,
　　1, 0, 1 / D3,
　　0, 1, 1 / D2,
　　1, 1, f / D1])

Demo 100303 ～真。萬花筒

2010-03-03T19:54:00.000+08:00

沒錯！又是萬花筒！但，這次才是真的呀！？

看到 FlashAndMath 的 Three Mirror Kaleidoscope in Flash AS3 才發現......
原來萬花筒應該長這個樣子才對！？
就醬......

Demo 091015 ～萬花筒

2009-12-23T16:51:00.000+08:00

這個 DEMO 想寫很久了～～～最近總算有這麼點空檔！

前陣子在 Absolute 活動網站寫了這個特效；說是萬花筒，看起來又有點不太一樣。
這次是用 FP10 的 Draw API 來寫，跟之前寫的柔體等效果一樣。
不同的是，之前是改變畫的位置或形狀；這次是改變貼圖的取樣方法。
也就是說，要畫出不規則的變形得去更動 vertices；要動貼圖就是改 uvtData。
好在已經有過柔體的嘗試，這個萬花筒並沒有花太多的時間；
只有在最後針對視覺上的效果做調整而已～～～
對自己而言是個很不錯的嘗試。

Demo 091015 ～ ZedBox

2009-10-15T18:10:00.000+08:00

CJ 的 ZedBox 真是個好物呀～～～

以往要模擬這種 3D 空間得要自力救濟～～～現在簡簡單單幾行 code 就搞定囉！
從標準的層級切換、模糊程度、透明度，還能改變焦距、透視～～～
個人認為最酷的是：支援很複雜的巢狀結構和鏡頭控制！
看了 ZedBox 的核心，DataPool 的概念很屌；得要吸收再利用！
最近在一個很妙的專案上試跑；剛好碰到幾個眉角～～～
沒有 screenX 和 screenY 屬性～～～但可以用 localToGlobal 解決！
另外，從 ZedScene 拉出來再加到其他容器的物件就不能塞回去了～～～
我是原地複製一個出來跑，最後再讓它跑回原地移除～～～
不知道 CJ 看到這篇會不會補上這幾個功能！？

Demo 091009 ～ Meteor by Draw API

2009-10-09T18:22:00.000+08:00

之前這種特效都會用 ColorMatrixFilter，現在有新的方法囉！

參考自 http://www.standard.co.jp/
跟舊效果最大的不同就是那條細細的尾巴啦！
方法簡單得太神奇，就是劃線而已～～～哈！
不會有 Bitmap 做特效時畫面一大就跑不動的窘況。

Heineken Rock 新案上線

2009-07-17T23:21:00.000+08:00

海尼根這個演唱會活動應該是目前為止我做過最屌的專案了！？

米蘭的互動技術部門可是全員出動～～～除了奶綠和 Ash，連 Jason 大大也下海啦！
我雖然只處理首頁和狂熱搖滾區，重點是又再一次挑戰多人同時開發專案的整合能力。
一樣動用了 AR 技術，但跟 PRIUS 的高質感路線不一樣，整個是複雜到極致的搖滾風！
不管是 3D 狂人 Devin 還是設計師 Melody、亮亮，又一次深刻體驗到設計對細節有多要求。
也是不斷挑戰程式能力和電腦效能的極限，以及互動技術部化零為整的整合能力；
才能完成這規模嘆為觀止的超豪華網站呀！！！

PRIUS 新案上線

2009-07-14T10:24:00.000+08:00

接連兩個很屌的案子上線‥‥‥忍不住還是來貼一下囉～～～

專案上用 AS3 + PV3D 開發已經不是新鮮事了。這次可是用了 AR 呀～～～
Hybrid 單元是我跟 3D 達人小徐歷經個把月的測試才完成的！
這次合作得到不少經驗，還發現 PV3D 的 DAE 已經可以做動畫控制囉！
當然也得官腔一下，感謝大力幫忙的奶綠和 Ash，另外兩個單元都是他們寫的。
設計師 Honda 通宵修改客戶所要求‥‥‥複雜到一個極致的細節調整。
至於 demo 影片裡美美的 model 則是本專案的企劃 Cathy‥‥‥
PM 大姬就得辛苦地和刁鑽客戶周旋到最後一刻。
總算，讓這最後關頭趕到七暈八素的專案還是順利上線了！

Demo 090514 ～ BitmapParticle2

2009-05-14T22:32:00.000+08:00

也不知道為什麼！？看到一堆粒子跑得很整齊～～～就很想打亂他們！？

其實沒什麼～～～就只是加個球擋在中間而已！
可以用滑鼠拖曳～～～效能依舊是高得驚人！

話說今天奶綠和 Ash 都給我看這個：FluidSolver [as3 port of MSAFluid]
～～～好啦～～～接下來又有得研究啦～～～

Demo 090511 ～ BitmapParticle

2009-05-11T17:39:00.000+08:00

原來 Particle 也可以這樣玩呀！？

話說奶綠推薦了這個很屌的站。
原以為只是在強調它可以線上直接編譯的功能；
後來才知道上面有很多大師級的作品！
程式碼又是百分之百地開放；
不花點時間研究實在是暴殄天物呀！？
這次參考的是這個作品；
幾乎都只用 BitmapData 的方法，不管是 PerlinNoise 還是 ColorTransform。
高效能的表現可不是 BlurFilter + ColorMatrixFilter 可以比的！
但我用了點偷機的方法，讓 FPS 可以跑到五六十。

Demo 090423 ～ FLARToolkit

2009-04-23T10:32:00.000+08:00

不知道為什麼？最近 AR 技術這麼火紅！

當然，要看這個效果需要有 WebCam；還有這個 Pattern。
理論與技術相關的文章多不勝數～～～我就介紹以下兩個網址而已：
FLARToolKitを使ったAR系Flashの作り方‥‥‥日文看不懂，但內容很受用喔！
Mikko Haapoja / Blog 有很多FLARToolKit 的 example，而且都有分享原始碼。
這幾位大大可都是佛心來的呀～～～

newCamry 新案上線

2009-03-08T23:26:00.000+08:00

其實，一直都不太想在部落格放上跟工作有關的東西；但這個專案對我意義重大！
第一，這是第一個完全用 AS3 開發的案子。雖然，已經寫了一堆的 AS3 DEMO～～～
第二，這還是第一次有用到 PV3D 的專案。雖然，不是什麼很特別的效果～～～
此外，親身體驗到：想百分之百達到設計的要求，真是一件『自虐』的事呀！
好在上線後的效果還不錯，一切的辛苦總算值得啦！

Demo 081228 ～ DAE

2008-12-28T21:25:00.000+08:00

明年初會有個案子需要用 PV3D + DAE 來做，就先來試試唄～～～

從 MAYA 和 3DMax 輸出 DAE (Collada) 得要安裝外掛，
Feeling Software \ Collada downloads 可以免費下載（FCollada, ColladaMaya, ColladaMax）。
在 Collada Public Forum 也找到不少參考資料；
此外，Control DAE animation 這邊有個叫『DEAMC』的類別很方便。
至於把輸入文字轉成貼圖，就只是用 BitmapMaterial 而已囉！？

Demo 081126 ～布

2008-11-26T23:23:00.000+08:00

好久沒寫新東西～～～

早在十月初去聽 Adobe RIA 研討會的時候，就看到國外講師 demo 類似的效果。
物理邏輯就是一個『力』字，模擬重力、張力，再補上一點彈性～～～
之前就已經試過把柔體效果用在圖檔上，也模擬過物理線段；
寫這個 demo 就格外得心應手囉！？

Demo 081028 ～ Mac Dock

2008-10-28T21:13:00.000+08:00

好久沒寫新東西了。都怪 CS4 的繪圖 API 和 Pixel Bender 實在太硬啦！

話說最近看到 Maso 這篇網誌，原以為得要切三角形才能完成。
和 Ashie 討論的結果：應該只是切長條矩形而已！？
接著想到曾經看過這篇教學，只是當初不認為有什麼用；
這次 demo 就全靠這個概念啦！
用 Bitmap 切細成 400 條矩形，
然後就全靠 TweenLite 的超高效能囉。

Demo 081004 ～波浪

2008-10-04T17:28:00.000+08:00

剛學 Flash 就看到 yugop 寫的波浪，總想自己寫一個，今天總算如願了。

最近在公司寫了幾個物理線段；放在公司的空間：www.Medialand.com.tw/demo/MarkVann
寫著寫著，就開始想：「應該差不多可以寫波浪了吧！？」
由於是用感應的方式產生向量，蓋在下面會有推不到的情形。
既然只是 demo，就沒那麼講究囉！

Demo 080929 ～粒子

2008-09-29T13:43:00.000+08:00

在 3D 軟體中，Particle 和 Dynamic 是息息相關的；不像 Flash 可以利用濾鏡模擬。

話說奶綠發現一個效能相當驚人的粒子特效：Flint Particle System
全物件導向的建構模式，應用時非常簡單，要擴充亦相當方便。
此外，還同時支援 2D 和 3D 環境；無論是深度還是廣度都令人嘖嘖稱奇！
Flint 的結構跟 MAYA 很像～～～
用 Emitter 初始化所有物件關連，
而 Particle 則提供一些特殊粒子設定，
Action 和 Activity 負責動態關係，
最後，Render 決定視覺呈現的方式。

Demo 080922 ～彈性

2008-09-22T22:57:00.000+08:00

用『彈性』來表達這個 DEMO 好像太簡單了點！？

話說寫出柔體後，又陸續地用在向量字和點陣圖了！
沒放在部落格，而是放在公司的空間：www.Medialand.com.tw/Demo/MarkVann
在哈哈鏡事件後，瞎搞的壞習慣再度發作～～～
受害人「小米」雖然已是『前同事』，但還是沒能逃過我的魔掌呀！？

Demo 080914 ～柔體

2008-09-14T21:36:00.000+08:00

剛體與柔體的概念，有在玩 3D 的人應該都懂；在 Flash 就很少有人用這兩個詞了！

話說奶綠在邦邦的部落格看到這個很屌的日本網站：FONTPARK 2.0 | MORISAWA
在同篇的回應裡， Ticore 和邦邦的討論講到用點陣和向量都可以做出這個效果。
自己想了一下，用點陣最大的困難就是如何做出 3D 軟體裡的『Soft Body』！？
想當然爾，用向量做柔體一定比點陣容易；但是，該怎麼寫呢？
花了不少時間研究，算法還是拿之前寫的卡片作為基礎！
除了物件的轉動和移動；再加上每個點相對於游標位置設定不同的漸進值。
此外，必須每個影格對控制中的物件做重繪；感覺就像是 3D 的 Render。

Demo 080904 ～音浪

2008-09-05T00:41:00.000+08:00

最近除了公司的案子，其他的時間大多在研究音頻與曲線的算法。

以前一直以為 curveTo 要畫平滑曲線是很困難的；
這次研究最大的收獲應該就是用最少的節點與 curveTo 畫出平滑曲線的方法吧！？
原來，要把兩條 curve 平滑接起的關鍵就在這簡簡單單的一句話：
『與節點相鄰兩側的控制點以及節點本身必須位於同一直線上』
我的做法是先算出所有控制點座標，再對每個相鄰的控制點求其中點以作為節點；
最後，畫線的時候在前後加上自訂的起始點。
音頻解析方面，如果每個影格都要按照當時的音頻去畫線，動態呈現上會顯得很亂！？
所以，我每隔幾個影格才去抓取一次音頻；
再讓控制點在每個影格以 Easing 的方式移動。
至於線會慢慢消失，是用了 ColorMatrixFilter；
加上 BlurFilter 的效果會更好喔！

Demo 080820 ～ 3D 球體碰撞

2008-08-21T00:43:00.000+08:00

最近在公司用 AS2 寫了一個平面的球體碰撞，今天試著用 AS3 + PV3D 改寫成立體的。

在 AS2 放 50 個實體去跑，平均 FPS 還能維持在 35 左右；
改用 AS3 + PV3D 後，現在 25 個 Sphere 就快跑不動了！
主要是在 Render 上消耗的效能～～～
如果用 ColorMaterial 速度會有明顯上昇；
但就失去使用 3D 引擎的意義了。
原以為新版的 GreatWhite 把 FreeCamera 拿掉了！？
但這次改用 BasicView 的時候發現～～～
在實體化 BasicView 類別時會有個變數能代入 CameraType；
而 CameraType 裡面就有 TARGET 和 FREE！
測試後的確跟舊版 Camera3D 和 FreeCamera3D 一樣！
以後應該都會用 BasicView 來初始化了。

ShadowBox ～ Online Media Viewer Application

2008-08-19T22:48:00.000+08:00

MultiBox 用了一陣子才發現它在 IE 上會有問題！？
只好再改用其他的 online media viewer app. 囉～～～
在 The Lightbox Clones Matrix 相中『ShadowBox』！
ShadowBox 是個高度自製化的組件～～～
除了能針對所需要播放的媒體類型載入 JS 檔；
也可以視情況選用不同的 JavaScript 引擎；
連播放界面的語言和外觀也都能自訂。
顯示圖檔時，對於視窗 resize 的處理也非常棒！
算是挖到寶了吧！

Demo 080803 ～ 3D 音頻

2008-08-03T22:17:00.000+08:00

明天就要去新公司報到囉！　來寫個 demo 紀念一下！

AS3 的 SoundMixer.computeSpectrum 方法，在網路上已經有很多範例了。
要想做個跟別人不一樣的 demo 還不太容易呢！？
『Lines3D + 圓環』好像也沒什麼特別的了！？
另外，PV3D 2.0 Great White 更新了幾個類別！
FreeCamera3D 不見了，被 Camera3D 取代；
要指向特定方向就得用 lookAt 方法。

Demo 080724 ～瞎搞哈哈鏡

2008-07-24T15:54:00.000+08:00

我不是愛搞笑的人～～～但是偶爾瞎搞一下還蠻好玩的！？

參考奶綠茶：PV3D 波浪效果以及 Everyday Flash » Animating vertices in Papervision3D
一樣是控制 Vertices3D 的 z 值，不同的是：
奶綠茶用 Math.sin；而 Bartek Drozdz 是用 perlinNoise。
使用 perlinNoise 可以產生較隨機的波紋；
使用 Math.sin 可以算出較規律的運動方式。
但是，突然興起瞎搞之心，就成了現在看到的版本了！
有三位美女，分別是公司同事 Mia 、新一和仙芬；
不過，扭成這個樣子，可能也看不出來是美女了吧？
再一個禮拜就要離開公司；這個搞笑的 Demo 就當是個紀念囉！

Demo 080721 ～卡片桌面

2008-07-21T17:15:00.000+08:00

從拖拉到縮放，這次總算是把整體作品給完成啦！

縮放的寫法跟以前完全不一樣；用點陣做，反而跟 yugop 的寫法更像。
第一次覺得 addChild 很好用；因為要改自訂座標點，只要 new 個物件就好了。
除此之外，還有滑鼠左鍵雙響事件的偵測。
本來想利用 AS3 的 MouseEvent.DOUBLE_CLICK 事件；
但發現啟用了 MOUSE_DOWN 事件後就抓不到 DOUBLE_CLICK 事件了。
最後就只好自訂個 function 來判斷雙響事件囉！？
原始檔也分享出來吧！
點此下載

Demo 080716 ～卡片

2008-07-16T17:43:00.000+08:00

最近公司的收費機制趕著上線，也想不出什麼 good idea？
就把以前的作品整理一下，順便用 ActionScript 3 重寫吧！

算算時間，已經是一年半前的東西了！想到那時，才剛開始學 Flash 沒多久。
每每想到要改寫以前的程式，看到一堆累贅的語法，就一個頭兩個大了！？
這次總算是鐵了心！回頭想找當時的論壇文章；哇哩勒，跑到第 33 頁了！？
概念參考 yugop 大師著名的大作：www.intentionallies.co.jp
數學運算花了兩天才在神魂顛倒找到：如何自定義旋轉點旋轉一個mc
這次的改寫其實並不算順利，因為運算方式有些『眉角』要注意！
當然，年代久遠，早忘光了！還好以前的原始檔都留著。
想到前陣子奶綠茶 share PV3D 九公格方塊效果的原始檔。
那我也來效法他的精神，share 卡片效果的原始檔吧！　點此下載

Demo 080704 ～ 3D 環形選單

2008-07-04T18:18:00.000+08:00

一個像是被游標推著轉的環形選單。還蠻有趣的！

前幾天在 Papervision3d Daily 看到 13flo.com 這個網站。
排個圓環是沒什麼，但它的操作方式卻讓我印象深刻！
除此之外，就是每張照片後面的黑線了！
劃條拋物線不難，但要在轉的時候加上 Follow？
這就不知道他是怎麼做到的了！？

Demo 080630 ～ 3D 閃電字

2008-07-01T01:19:00.000+08:00

看到奶綠茶寫的閃電！一時手癢，就想自己也來寫一個！？

又是 BitmapData 的 PerlinNoise 和 DisplacementMapFilter 的應用！
從火焰到水波紋，這幾個 Class 已經玩得很膩囉！？
每每最花時間的，不是在寫程式；而是在微調參數和顏色。
本來想按照奶綠茶這篇的寫法來做。
但每個影格都要做一次 PerlinNoise 似乎太耗效能！？
所以又改回自己的寫法了！

Demo 080625 ～ 3D 火焰字

2008-06-26T20:07:00.000+08:00

一直想摸清楚 PV3D 的燈光材質，最近好不容易有點進展，但還不足以作 DEMO！

所以呢 ‥‥‥ 就把之前用 AS2 做的點陣特效拿到 3D 物件來試試吧！？
點陣特效在 AS2 和 AS3 的效能比較 ‥‥‥ 結果，不意外地，AS3 大勝！
直接把每個影格算出來的 BitmapData 當材質貼在球體模型上；同時讓球體不停旋轉。

Demo 080620 ～ 3D 幾何繪圖

2008-06-20T19:18:00.000+08:00

要怎麼把 PV3D 的線段繪圖功能用在幾何繪圖上呢！？

利用球體座標的運算式，以 phi、theta 的變動速率畫出三度空間幾何圖形。
話說 PV3D 的線段算不出遠近感，無論 Z 軸多少，線看起來都一樣粗一樣深；
只是隨機亂畫線根本看不出來是在 3D 空間！
再想想還有什麼其他的畫線方法吧！？

Demo 080618 ～ 3D 經緯線

2008-06-19T01:39:00.000+08:00

奶綠茶提到 PV3D 可以直接在 3D 空間畫線，而且還是 2.0 版新增的功能喔！

只是單純測試 Lines3D 類別，再加上之前算過球體座標，那就簡單地畫個經緯線。
Lines3D 一樣要下材質 LineMaterial ，但也只能設定顏色和透明度而已。
畫線用 addNewLine() 方法最簡單，只要給一個寬度和兩組 xyz 座標就可以了！
另外還有一個 addLine() 方法，但得要給一個 Line3D 物件；
而 Line3D 的初始又得給 Vertex3D 物件；反正就是很麻煩！
要清除所有線段，找到一個 removeAllLines() 方法；但是沒有用！
研判這個 function 應該只能移除 Line3D 物件吧！？
看來還是不能偷懶呀！改天再好好研究囉？

Demo 080616 ～ 3D Space

2008-06-16T20:29:00.000+08:00

禮拜六奶綠茶老師教到這個範例，今天就把它修得更精緻些。

在原點，鏡頭會隨著游標轉動；滑鼠滾輪則能前後移動鏡頭。
點卡片可以 Focus 到卡片正前方；此時鏡頭不會轉動，但仍能前後移動。
再點一次 Fucus 卡片會拉回起始點；點其他卡片也可以直接 Focus 過去。
moveForward 和 moveBackward 在網路上的教學已經看過；但並不覺得有多大用處。
這個範例，總算是見識到它們的價值了！
原來，move 系列的 function，座標軸都是相對於物件本身的！
另外，還學到一個 copyTransform();
顧名思義，就是完全複製參考物件的位置、旋轉、縮放。

Demo 080611.2 ～ 3D Wall 二版

2008-06-13T17:03:00.000+08:00

使用 FreeCamera3D 類別實作另一個 3D Wall 版本！

比起前一篇的亂抖，這個 demo 似乎順暢多了。
看來 FreeCamera3D 才是王道呀！？
以後，能單靠 camera 解決的效果；
還是乖乖用 camera 來搞定吧！

Demo 080611 ～ 3D Wall

2008-06-12T00:13:00.000+08:00

3D Wall 在很多網站上是必須付費購買的。既然值錢，就值得花時間實作一個囉！？

奶綠茶老師用了另一個 3D Camera 類別：FreeCamera3D。
和 Camera3D 自動指向的特性截然不同，可以任意旋轉方向！
但在這個 demo 裡，並沒使用到 FreeCamera3D！？
因為『牆』是弧面，就直接把它依圓心旋轉；
再加上垂直與水平的位移，效果就很類似了。
好像會有些不自然的抖動！？
改天再做個只變動 Camera 的來比較吧！

Demo 080605.2 ～ 360 幾何繪圖二版

2008-06-07T01:09:00.000+08:00

來試試自訂的 Class 要如何透過自訂事件互相溝通。

自訂廣播事件的寫法是：dispatchEvent(new Event("......"));
再把事件和偵聽函式串連：addEventListener("......", function);
至於繪圖的方式稍微改了一下，為的是和前一個有所區別，似乎原本的還是比較好看！？
另外還有一個新發現～～～
前陣子看到最新的 Flash Player 10，本著實驗的精神，就把自己的電腦全面升級。
沒想到，在 web base 下跑這兩個 demo 竟把 CPU 操到滿載！？
前幾個 demo 不管是 plane 還是 cube 都還不會操到這種程度。
我想，可能是 graphics 的關係吧！？
換回 9.0.124 就很順了。

Demo 080605 ～ 360 幾何繪圖

2008-06-06T00:00:00.000+08:00

其實一直都很喜歡 360 幾何繪圖的效果，讓我體驗到純數學也可以繪圖。

這個 demo 主要是在測試 PV3D 的 MovieMaterial；
還有在 Flash 做好的 MovieClip 怎麼拿到 FlashDevelop 來用。
MovieMaterial 顧名思義就是用 MC 做為 Material，但 PV3D 的貼圖會自動縮放以佈滿 3D Model；
所以像這種動態產生內容的影片片段，最好在開始繪圖前先產生一張定義範圍用的背景。
至於在 FlashDevelop 匯入 MC 的方法，這次是用 SWC 匯入，而不是用 SWF ！
用 Google 找到一個不錯的方法，在 Project 裡新增一個 src 資料夾，
把 SWC 放到裡面，在 FD 對其按右鍵選 Add To Library。
完全不用 import ，就可以直接取用裡面的 Class 了！
還沒有實驗組件內外的溝通與事件機制，下次再試囉！？

Demo 080603.2 ～ 3D 方塊二版

2008-06-04T00:32:00.000+08:00

當方塊的六個面都不一樣時，旋轉的寫法就不能那麼偷懶了！

和前一版主要的不同，是把方塊包在另一個 DisplayObject3D 物件底下；
游標在方塊上拖曳時，只旋轉上層物件，角度採相對計算並累加；
放開滑鼠左鍵或移出方塊後的 follow 則只有轉動方塊而已。
yaw(); pitch(); roll(); 這三個 Method 看來跟 rotation 一樣；
就如前一篇所引用的文章，PV3D 並沒有重置座標方向的功能；
利用外層物件，似乎就是個最簡單的解決方案了！？

Demo 080603 ～ 3D 方塊

2008-06-03T16:00:00.000+08:00

禮拜六老師教了幾個在 PV3D 裡除了 Plane 以外的 3D Object；
其中以 Cube 最為特別，所以就拿 Cube 來做個 Demo 吧！？

滑鼠移過會對著游標，移出後會帶 follow 旋轉，嘗試做出讓游標在玩這個 Cube 的感覺。
實驗後發現 Cube 的 rotationY 和 rotationZ 有點怪，總是無法照著想像中的樣子去旋轉！？
邦邦的部落格: Papervision3D 教學 part 5.2 -- 不支援依照當下視角做旋轉
似乎 PV3D 的旋轉是有些限制的；但 DisplayObject3D 還有三個跟旋轉有關的 Methods 可以試試：
pitch(angle:Number):void、roll(angle:Number):void、yaw(angle:Number):void
另外，原本對 Material 下 smooth = true; 希望能有更好的顯示效果。
卻使得 Flash Player 頻頻「秀逗」！？
為了平衡效能，只好把 smooth 拿掉了。

Demo 080527.2 ～ iTune 封面二版

2008-05-30T00:23:00.000+08:00

可以用鍵盤，當然也可以用滑鼠囉！此外，還加上 Loading 的功能。

寫法跟奶綠茶的作法不太一樣，幾乎完全是用 PV3D 的 Class；
圖檔的 Loading 是用 BitmapFileMaterial 的 FileLoadEvent；
滑鼠功能是讓每個 Plane 發佈 InteractiveScene3DEvent 事件。
原來，要用 PV3D 的物件寫滑鼠事件得要在兩個地方啟動互動功能！？
一個是在 material 下 interactive = true；
一個是在建構 viewport 時，把建構值 interactive 改為 true。
為了這個功能寫了一整天，主要原因就是 viewport 的建構值沒改！？
要讓游標變手指則是要對 Viewport 下 buttonMode = true；
也是利用 Plane 的 InteractiveScene3DEvent 事件；
去改變 viewport 的 buttonMode 狀態。

Demo 080527 ～ iTune 封面

2008-05-27T21:50:00.000+08:00

禮拜六課程結束前，老師給了個 Homework，要我們實作講義上的簡易相簿。我當然不會只是做個『簡易』相簿囉！？

沒有做任何按鈕，圖片上點擊也不會有作用；我只用鍵盤上的左右方向鍵而已！
其實老師要我們練習的是用 Loader 做動態載入，跟這個 demo 有不少落差。
我只顧著寫這個動態，就寫到一整個忘我了！
以前一直不屑用 tweener，所有的 tween 都是自己一字一字寫。
這次嘗試用老師提供的 tweener，功能和效果還真是讚呀！
查一下 addTween 的 transition 參數就知道！！！
看來，以後是不可能再自己寫 tweener 了！？

Demo 080526 ～ 3D 球體

2008-05-27T00:06:00.000+08:00

有了圓，有了螺旋；當然還要來個『球』囉！

為了算 theta、phi 和 xyz 座標轉換花了不少功夫呀！？
但也從這個 demo 找到個經驗，原來 3D 物件的旋轉是相對於自身的！
害我為了推算 xyz 三個方向的旋轉想到一個頭兩個大。
既然是相對座標系，那就針對 theta、phi 旋轉兩個方向就好了嘛！？
也是因為這個原則，球體的旋轉就不能用兩個方向去轉了！
不能轉球，那就移動 camera ；參考 Basic Mouse Interaction，搞定！

Demo 080523 ～ 3D 螺旋

2008-05-24T00:19:00.000+08:00

即然能算圓環，再多一個方向的平移就是螺旋囉！？

看起來跟圓環差不了多少，但主要的不同在於：
Planes 不是直接放在 Scene 裡，而是包在一個 Container 下，再放進 Scene。
所以只要旋轉外層的 Container 就可以了！
圓環的 EnterFrame 就要一直去算每個 Plane 的位置和旋轉。
故意放一百多個 Plane，想試試效能如何？
可能是只有旋轉一個 Container 的關係吧？
跑起來還真順！

Demo 080522 ～ 3D 圓環

2008-05-22T21:23:00.000+08:00

這禮拜按照奶綠茶部落格裡的教學把 FlashDevelop 和 PV3D 都安裝完成；
此外，還參考了幾個官方部落格：
pv3d.org：pv3d 2.0 tutorial list
papervision2.com：Tutorial List
總算、總算，有了第一個 PV3D 的小作品了！？
奶綠茶在部落格裡提到 PV3D 的資源很多；
實際摸索後，PV3D 的學習資源果然不少！

Demo 080520 ～爆炸特效

2008-05-21T01:26:00.000+08:00

前一篇提到 ConvolutionFilter ，那就來 demo 一個吧！？

在網路上找到這篇，然後試著自己寫一個。
ConvolutionFilter 是以一個 3x3 的矩陣來跟 BitmapData 裡每個 pixel 做運算。
相當耗費效能，應該是我用的 particle 數量太大了吧！？
連續寫了好幾個 BitmapData 特效，瀏覽器已經撐不住囉！？
想到奶綠茶部落格有做原視窗開啟 Flash Player 的功能，看了一下原始碼，發現 Lightbox++ at Codefidelity。
按照網頁教學把我的部落格也加上相同的功能，因為主色系是黑色，就把顏色改了一下而已。
如果效能跟得上的話，ConvolutionFilter 應該不只能製造煙霧效果；
想到以前用 MatLab 偵測影像邊緣也是用類似的方法；
搭配 BitmapData.threshold 一定可以再做點什麼東西吧！？
但是這禮拜六就要上課了，得先預習一下 PV3D 才是！

Demo 080518 ～水漣漪特效

2008-05-19T00:13:00.000+08:00

這個效果網路上普遍歸類為「水波紋」，但因為我前一篇就叫這個名字了，所以稍為做一點區別，改叫「水漣漪」。

除了自動產生的漣漪以外，也可以用滑鼠產生，直接單響就可以了！
效果‥‥‥普普，應該是底圖的關係吧？如果用照片應該就會好很多！
程式上還是以 DisplacementMapFilter 為主，只是不用 PerlinNoise 了。
水波紋只是用深淺不一的同心圓，再帶一點 Blur 去模擬的。
問 Google 大神可以找到很多同樣效果的教學，但寫法跟我大不相同；反倒是跟奶綠茶這篇差不多。
看了一下原始碼，還是不太能理解裡面的細節；不過，看到一個沒用過的 ConvolutionFilter ；有空就來研究研究吧！

Demo 080516 ～水波紋特效

2008-05-16T21:16:00.000+08:00

昨天提到水波紋是吧？那今天就來寫個水波紋特效吧！

跟火焰特效的寫法一模一樣，只是對參數與顏色做調整而已。
當然，為了調出像水波紋的感覺，又是花了不少功夫呀！
Google Search 「DisplacementMapFilter」找到下面這篇：
[教學] 變形特效怎麼玩~XD (DisplacementMapFilter原理&應用)
此外，還發現 DisplacementMapFilter 也可以拿來做以往 Flash 做不到的透視。改天來試試吧！

Demo 080515 ～火焰特效

2008-05-15T21:02:00.000+08:00

最近寫程式寫到 on Fire。不是寫到火大，而是寫出火焰特效啦！

之前看過奶綠茶的火焰效果後，就一直想學著做一個。
但是他沒分享程式碼，試著問 Google 大神，好像也沒有很直接的教學？
好不容易找到了這篇教學；不是在講火焰，而是旗幟飄揚的效果。
文章最後提到 PerlinNoise、DisplacementMapFilter，這可是非常受用的。
這兩項加起來，我想不只是火焰，水波紋也可以做得到吧！？
調整參數和顏色花了不少時間，但成就感卻是未曾有過的。

Demo 080513 -2 ～文字點陣化進階版

2008-05-14T23:50:00.000+08:00

前一篇文字點陣化的效果給朋友看過後，有人問我為什麼只能打一個字？
後來想想～雖然一次只能 show 一個字，但也可以分批跑完呀！？

今天就寫了這個進階版！
Demo 的日期還是下在昨天，反正主程式是一模一樣的！
差別在於：先把字串用 String.split(""); 拆成陣列，再用 Array.shift(); 從第一個字開始用 interval 一個字一個字抓出來！

感謝 Eddie 友情贊助～部落格大頭相片。超讚！

2008-05-14T21:13:00.000+08:00

不管學哪一套軟體，從 Photoshop、Illustrator 到 MAYA，美術基礎與美學素養總成為最大的障礙。

漸漸認清一件事，把軟體摸得很熟，並不代表能做出很美的作品。

轉而研究程式並對寫程式產生興趣，是一種僥倖；也可以說是在逃避吧！？

好佳在，擅長視覺設計的朋友不少；特別的是，跟我最要好的，畫風都很可愛。

今天 Eddie 傳了張自己的畫像，對他而言或許只是個簡單的練習？

我對這張圖卻一整個有 FU 呀！！！感覺很讚！！！

話說回來，有空是也該練練畫功了！？

Demo 080514 ～像素溶解 Slide Show

2008-05-13T23:58:00.000+08:00

總算有個 Demo 不是抄奶綠茶的，但是忘了是從哪看到的：

雖然只是照片的 Slide Show 而已；但效果還不錯，程式又簡單。
用的還是 BitmapData 類別，只要一個 pixelDissolve 方法就搞定了！
有個細節稍微注意一下：piselDissolve 需要兩個 BitmapData 才能作用，所以第一張照片 load 完後，在 draw 之前先 new 一個和背景同色的 BitmapData 就可以了！
考慮把 Yooler TV 首頁的最新活動換成這個；順便測測效能如何！？

Demo 080513 ～文字點陣化

2008-05-12T23:56:00.000+08:00

第二個 Demo：

在下面的文字欄位裡輸入文字，上面就會把字排出來。
也是在奶綠茶的部落格看到的效果。
想做得不一樣，所以故意用大一點的字，還設定了標楷體做字型。
不太會寫 Class，又不太想用 Tweener；所以就把程式消化掉再重寫。
把文字欄位包在 MovieClip 裡，轉成 BitmapData 後；
用 getPixel 讀取點陣圖裡每一個像素，算出每個該下點的相對位置就好了。
想不到有什麼地方好應用，就當是測試 BitmapData 囉！？

Demo 080512 ～照片點陣化 Slide Show

2008-05-12T01:00:00.000+08:00

第一個 Demo：

這是在奶綠茶的部落格看到的效果，他的 Demo：http://milkmidi.com/demo/granular/
程式整個重寫一次，因為我不習慣用 Class；這也是要進到 AS3 最大的障礙吧！？
概念並不難，用 BitmapData 配合 Matrix 的 scale 繪製小 size 的點陣圖；
再把 attach 這張圖的 MovieClip 給拉大。
以往只會把文字欄位利用 cachAsBitmap 來做動態效果，
沒想到，BitmapData 是這麼特別的 Class ！
這個效果我已經拿來用在公司的部落格小工具 Yooler Bar 上。

www.MarkVann.Net ～馬克‧凡の網站

2008-05-11T19:31:00.000+08:00

又要開始補習學 ActionScript，申請個人網址和虛擬主機似乎是必需的。

在補夢網申請了一個虛擬主機；沒有資料庫功能，暫時應該還用不到。

網址： www.MarkVann.Net；當然，網址是不分大小寫的。

目前先把在易禧結訓的作品放上去，新瓶裝舊酒；

反正馬上就要學 PV3D ，來個 3D 作品是一定要的啦！

在飛肯開始上課前，多試幾個以前沒寫過的效果；

希望今天開始，每天都能寫一個 demo 來玩！？

從 AS2 到 AS3 ～複雜的心路歷程

2008-05-11T11:13:00.000+08:00

O 型天秤座的我，要下個決定有多困難，沒多少人體會得到吧！？
要不要離職、轉業至網路廣告公司？
是該兼學 MAYA 3D ；還是精修 ActionScript？
廣練視覺動畫設計；或是深入研究互動程式設計？
想了好幾個禮拜的時間，聽了無數人的意見；最後的決定卻跟這些都無關。
重點不在公司發展與未來、薪水高低、福利好壞、工作內容、同事相處。
關鍵在於：ActionScript 要從 2.0 變成 3.0 了！
差一個版本差多少？只有寫 AS 程式的人才知道！
我覺得比起 adobe 的任一套軟體的改變都還大吧！？
毅然決定暫時不碰 MAYA；是該開始跟上 Flash 腳步的時候了。
以這個理由做考量，每個困難決定似乎都有了答案。
花了很多時間逛奶綠茶的部落格，任何一篇跟 AS 有關的文章都捨不得放過。
開心地看到他在飛肯開課，教的就是 AS 3.0 + PV3D！
這麼好的機會怎麼能放過呢？
第一時間，就在線上報名了！
還沒開始上課，我已經在培養學習的情緒。
整理自己的作品，研究還沒寫過的效果，申請網址和虛擬主機，寫下這一篇文章。
對熱心教我 MAYA 的 Johnny 滿懷抱歉；對擔心自己下錯決定的諸多好友們心存感恩。
不論未來結果如何，你們都是我的貴人；謝謝大家！