開始硑究起 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 囉!?
2012年1月16日星期一
Demo 120116 ~ ThreeJS x 5
2011年10月19日星期三
Demo 111019 ~ Linear Focus Blur
研究 PixelBender 找到的特效。我喜歡!

參考自:Pixel Bender: Blur with Linear Focus
pixelero 解說很詳細,Source Code 開放下載,真是佛心來著。
這個 blog 好康實在很多,值得花時間一篇一篇 K.O. 呀!
2011年9月21日星期三
Demo 110921 ~ Pixel Bender 灰階轉彩色
用 Pixel Bender 做像素運算和 AS 對 BitmapData 運算效能比一比:

最近看到 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)
才兩三個月吧,從 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 似乎沒那麼簡單!
參考 Ticore 的兩篇教學
Flash Molehill 簡單例子
AGAL 心得筆記
以及 Simple 2D Molehill Example
只是把 Graph API 做得到的事倩改用 Molehill 來試。
但 Molehill 只能改善 render 的效率;
除非有這個本事去跟 AGAL 打交道。
另外,Stage3D 和 Context3D 都不是實體;
所以都沒有 MouseEvent 可以偵聽。
對 stage 偵聽是很容易,
碰到不規則的形狀就麻煩了!
p.s 圖片出處:GQ.com
