在 iPhone 用 ThreeJS 跑 Canvas 失敗後,開始試其他方案在 iOS 的手持裝置上用 HTML5 的 3D。

最後,Sprite3D 似乎是個不錯的選擇;當然,這跟 Sprite 這個字看來特別親切也是有點關係啦!?
本質上是用 CSS3D 來 render 的 Sprite3D,對於 CSS 實作較為完整的 iOS 行動裝置遊刃有餘。
而 CSS-render 的缺點就是,每個平面都是 div,要載入 3D Model 並貼圖幾乎不可能。
限制在 CSS3D 的話,只能拿幾張圖排列在 3D 空間,加些動態或互動;似乎也就只能這樣了!?
p.s 本人沒有任何 iOS 裝置,所以這些 demo 也沒在 iPhone 或 iPad 上跑過。 :p
2012年3月6日星期二
Demo 120306 ~ Sprite3D x 3
2012年1月16日星期一
Demo 120116 ~ ThreeJS x 5
開始硑究起 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 囉!?
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 之後似乎就正常了!
