พื้นฐาน Three.js

สิ่งที่เรียนรู้

Three.js ช่วยให้สร้างและแสดงผลกราฟิก 3 มิติผ่าน WebGL ได้ง่ายขึ้น โดยไม่ต้องเขียน shader ระดับต่ำทุกอย่างด้วยตัวเอง

แนวคิดสำคัญ

• Scene คือพื้นที่รวมวัตถุทั้งหมด
• Camera กำหนดมุมมอง
• Renderer แสดงผลฉากลงบน Canvas
• Mesh ประกอบจาก Geometry และ Material

สรุปด้วยคำของฉัน

เริ่มจาก Scene + Camera + Renderer แล้วค่อยเพิ่ม Mesh และแสง จากนั้น animate ด้วย requestAnimationFrame

ความรู้ที่เชื่อมโยง

• [[WebGL Basics]]
• [[JavaScript Animation]]