แอนิเมชันกระดูกปลากัด

ใช้ three.js ร่วมกับข้อจำกัด XPBD (Extended Position Based Dynamics) เพื่อสร้างการเคลื่อนไหวที่ขับเคลื่อนด้วยฟิสิกส์ของปลากัดอย่างลื่นไหล ติดตั้งโครงกระดูกให้ปลาด้วยโหนดกระดูกอย่างน้อย 50 จุด เพื่อให้ลำตัวบิดงอได้ต่อเนื่องตั้งแต่หัวจรดหาง ฉากอยู่ใต้น้ำ ผู้ใช้สามารถใช้เมาส์จับที่หัวปลาแล้วลากได้ และตัวแก้ปัญหาข้อจำกัดต้องดึงลำตัวทั้งหมดให้ตามหัวไป ขณะที่หางยังคงแกว่งไหวอย่างยืดหยุ่นและเป็นธรรมชาติ ขั้นแรก กำหนดค่าน้ำหนัก skinning บนเมชปลาให้ถูกต้อง จากนั้นจึงสร้างเลเยอร์ปฏิสัมพันธ์ HTML บนโครงกระดูกและฟิสิกส์ที่เสร็จสมบูรณ์ แทนที่ดาวด้วยแมงกะพรุนโปร่งแสง: กระจายข้อต่อกระดูกตามขอบร่มและหนวด เพื่อให้เมื่อ ลากร่ม หนวดจะตามมาด้านหลังผ่านข้อจำกัด XPBD เปลี่ยนวัสดุให้มีลักษณะโปร่งแสงแบบกระเจิงใต้ผิว และปรับแสงในฉากเป็นสีน้ำเงินเข้ม 

ใช้ three.js ร่วมกับข้อจำกัด XPBD (Extended Position Based Dynamics) เพื่อสร้างการเคลื่อนไหวที่ขับเคลื่อนด้วยฟิสิกส์ของปลากัดอย่างลื่นไหล ติดตั้งโครงกระดูกให้ปลาด้วยโหนดกระดูกอย่างน้อย 50 จุด เพื่อให้ลำตัวบิดงอได้ต่อเนื่องตั้งแต่หัวจรดหาง ฉากอยู่ใต้น้ำ ผู้ใช้สามารถใช้เมาส์จับที่หัวปลาแล้วลากได้ และตัวแก้ปัญหาข้อจำกัดต้องดึงลำตัวทั้งหมดให้ตามหัวไป ขณะที่หางยังคงแกว่งไหวอย่างยืดหยุ่นและเป็นธรรมชาติ ขั้นแรก กำหนดค่าน้ำหนัก skinning บนเมชปลาให้ถูกต้อง จากนั้นจึงสร้างเลเยอร์ปฏิสัมพันธ์ HTML บนโครงกระดูกและฟิสิกส์ที่เสร็จสมบูรณ์ เพิ่มโหมดคำอธิบายประกอบเพื่อการสอน: เมื่อเปิดใช้ ข้อต่อกระดูกหลักของปลากัด (กระดูกสันหลัง ก้านหาง และก้านครีบ) จะแสดงชื่อและเส้นเชื่อม และเมื่อคลิกที่ข้อต่อจะเปิดหมายเหตุเกี่ยวกับหน้าที่หนึ่งประโยคที่เขียนเป็นภาษาจีน พร้อมสำหรับฉายในชั้นเรียน