2012年1月16日星期一

Demo 120116 ~ ThreeJS x 5

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

2011年10月19日星期三

Demo 111019 ~ Linear Focus Blur

研究 PixelBender 找到的特效。我喜歡!
 C L I C K
參考自:Pixel Bender: Blur with Linear Focus
pixelero 解說很詳細,Source Code 開放下載,真是佛心來著。
這個 blog 好康實在很多,值得花時間一篇一篇 K.O. 呀!

2011年9月21日星期三

Demo 110921 ~ Pixel Bender 灰階轉彩色

用 Pixel Bender 做像素運算和 AS 對 BitmapData 運算效能比一比:
 C L I C K
最近看到 Ticore 這篇 Flash 抽色效果濾鏡 ,可以把顏色在 RGB 和 HSV 之間做轉換。
既然如此,那就可以把之前 Demo 110704 ~ 灰階轉彩色? 改用 Pixel Bender 寫寫看囉!?

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

2011年9月19日星期一

Away3D broomstick 復活

話說這陣子 FP11 改版頻繁;改到 Away3D 懶得跟進。(冏rz)
 C L I C K
才兩三個月吧,從 Alpha 版、Beta 版,到最近的 RC1。
改版到 Beta 的時候,broomstick 就已經不能 run 了!
今天發現 Away3D 4.0.110915 Alpha 總算有更新啦~~~

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

2011年9月14日星期三

FP11 Molehill 3D

Flash Player 11 的 Molehill 3D 似乎沒那麼簡單!
 C L I C K
參考 Ticore 的兩篇教學
Flash Molehill 簡單例子
AGAL 心得筆記
以及 Simple 2D Molehill Example

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

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

p.s 圖片出處:GQ.com