Data Visualization
แปลงตัวเลขเป็นภาพ 3D
map ค่า → สี ด้วย Lut, เรนเดอร์จุดเป็นหมื่นด้วย InstancedMesh, จับ hover ด้วย raycasting
3D Model Viewer
โชว์โมเดล/สินค้าให้หมุนดู
โหลด GLTF (มาตรฐานอุตสาหกรรม), จัดแสง PBR แบบ environment, OrbitControls + จัดกล้องอัตโนมัติ
Creative / Hero
เอฟเฟกต์ "wow" หน้า landing
particle system + custom shader (GLSL), เรืองแสงด้วย bloom postprocessing
DOM + 3D UI
ป้าย HTML จริงเกาะจุดใน 3D
CSS2DRenderer วางป้าย HTML/CSS ในพื้นที่ 3D หมุนแล้วป้ายตามจุด + แผง lil-gui
Fundamentals
โครงเริ่มต้นที่ทำถูกวิธี
importmap, canvas responsive + devicePixelRatio, loop, dispose() จัดการ memory — ก๊อปเป็น template
WebGPU + TSL
มาตรฐานใหม่ — พร้อมใช้แล้ว (2026)
เรนเดอร์ด้วย WebGPU (auto-fallback WebGL2), เขียน material เป็น node graph ด้วย TSL
GPU Compute
อนุภาคล้านจุดบน GPU
compute shader จำลองตำแหน่ง particle 1,000,000 จุดพร้อมกันทุกเฟรม (instancedArray + TSL) — WebGPU only