JavaScript Animation

การเคลื่อนไหวที่ลื่นไหลบนเว็บมักอาศัย requestAnimationFrame เพื่อซิงก์กับอัตราเฟรมของจอ

หลักการ

1. อัปเดตสถานะ (ตำแหน่ง มุม ความโปร่งใส)
2. วาดเฟรมใหม่
3. เรียกตัวเองในเฟรมถัดไป

ในฉาก Three.js ควรหยุด animation เมื่อแท็บไม่ active เพื่อประหยัดทรัพยากร

เชื่อมกับ [[พื้นฐาน Three.js]]