Three.js experiments

擅長3D電腦圖形、跨瀏覽器的JavaScript函式庫: Three.js的學習與實驗,除了流暢的3D粒子物理特效以外,我認為尤其在於WebXR的部分很有潛力,目前正學習在Three.js製作出3D空間或情境、放到網路上,再透過無線的Oculus Quest頭戴VR顯示器直接連網體驗。在未來5G網速下,這是最直接且快速的創意分享方式。

以下是從Three.js的example來做修改的幾個練習:


3D Primitives
cube : a rotating cube

Physical Simulation
cloud : simulating a cloud
ocean : A shader that simulates ocean surface
refraction : simulating a transparent surface
light : simulating light and shadow

VR (need a VR headset to watch)
cube : a boxgeometry in VR
haptics : interactive sound experience
panorama basic : panorama using an equirectangular image
panorama_depth : panorama using equirectangular image and depth map
panorama_depth_TI_LI: Student Ting-Yi Li’s degree show project
panorama_cube : panorama using 6-faces cube texture
lorenzattractor : viewing Lorenz light trace in a dark space
3DLoader_gltf : using a gltf model
3DLoader_OBJ: using an OBJ model
3DAnimation_gltf : using a gltf animation
sketchUp model : walking in a sketchUp space model