Module 4

Three.js — กราฟิก 3 มิติบนเว็บ

Module นี้พาผู้เรียนจากงาน 2D บน canvas ไปสู่การเรนเดอร์ 3D แบบเรียลไทม์บนเบราว์เซอร์ด้วย Three.js ซึ่งเป็นหนึ่งในไลบรารีสำหรับ WebGL ที่ใช้กันแพร่หลายที่สุด ผู้เรียนจะได้เรียนรู้องค์ประกอบหลัก 3 อย่างที่มีอยู่ในทุกฉาก 3D ได้แก่ scene graph, กล้อง (camera) และตัวเรนเดอร์ (renderer) ก่อนจะไปสำรวจว่าการเลือกแสงและวัสดุ (material) ส่งผลต่อรูปลักษณ์ของวัตถุอย่างไร Module ปิดท้ายด้วยการสร้าง animation loop และการควบคุมกล้อง ทำให้ผู้เรียนมีทุกอย่างที่จำเป็นสำหรับสร้างตัวแสดงผล 3D แบบ interactive หรือฉาก 3D เชิง generative ที่อาจนำไปฉายหรือแสดงผลบนฮาร์ดแวร์จริงในภายหลัง