พื้นฐาน Scene, Camera และ Renderer

บทเรียนนี้แจกแจงองค์ประกอบ 3 อย่างที่มีอยู่ในแทบทุกโปรเจกต์ Three.js ได้แก่ Scene ที่เก็บวัตถุทั้งหมด, Camera ที่กำหนดมุมมองของผู้ชม และ Renderer ที่วาดภาพสุดท้ายลงบน canvas ผู้เรียนจะตั้งค่าองค์ประกอบขั้นต่ำทั้งสามนี้และเรนเดอร์ลูกบาศก์ 3D ชิ้นแรกของตนเอง จากนั้นทดลองปรับตำแหน่งกล้องและมุมมองภาพ (field of view) เพื่อดูว่ามุมมองส่งผลต่อองค์ประกอบภาพสุดท้ายอย่างไร