3D 模型展示

Sketchfab

一直以黎,要喺 web 展示 3D model 都需要 plugin 輔助,但現時已經開始運用洐生自 openGL 嘅 webGL,單純用 javacript 就可以運用 GPU 嘅 openGL 嘅 hardware acceleration,仲可以加上 shader 令 3D rendering 嘅較果更佳。Chrome, Firefox, Safari 等都已經支援 openGL,而 IE 要 11 或以上,但因為 IE10 開始有 auto update 功能,所以網上 3D 應用喺 IE9 全面淘汰之後就會加快普及。

Sketchfab 係一個類似 Youtube 咁嘅 cloud service,只不過 media 唔係影片而係 3D model。3D file 同影片一樣有多種 format 做成兼容問題,而 Sketchfab 同 Youtube 依啲 cloud service 唔單只解決 file format 問題,仲提供免費存放空間,而更重要嘅係佢地係 social network,其他人只要上網就可以睇倒,唔需要裝任何 viewer,可以好方便咁 embed 入 wordpress,對 online marketing 好有幫助。

我用左 3D 人像模型做示範,webGL 嘅 hardware rendering 效果會同 software rendering 有好大分別。由 3D software upload 上 Sketchfab 之後,會發現有啲 texture 會出現異象,而 Sketchfab 有介面可以重新 set 過啲 material 改用 webGL 嘅 shader,可以 real time 睇倒效果改變,相當方便。如果想較果最佳最逼真,就需要運用比較先進嘅 software rendering engine 例如 VRay,用番佢地專用嘅 material ,一幅硬照可能要數分鐘或者數小時,同 hardware rendering 嘅速度完全兩回事。

Live demo: