Animasi Tulang Ikan Cupang

Gunakan three.js bersama constraint XPBD (Extended Position Based Dynamics) untuk menciptakan gerakan berbasis fisika yang sangat halus pada ikan cupang. Buat rig ikan dengan setidaknya 50 node rangka agar tubuhnya berubah bentuk secara berkelanjutan dari kepala hingga ekor. Adegan berlangsung di bawah air. Pengguna dapat mengambil kepala ikan dengan mouse dan menyeretnya, sementara solver constraint harus menarik seluruh tubuh mengikuti kepala, dengan ekor yang tetap berayun secara lentur dan alami. Pertama, atur bobot skinning pada mesh ikan dengan tepat, lalu bangun lapisan interaksi HTML di atas rig dan fisika yang telah selesai. Ganti bintang dengan ubur-ubur transparan: distribusikan sendi tulang di sepanjang tepi tudung dan tentakel agar menyeret tudung membuat tentakel tertinggal di belakang melalui constraint XPBD. Ubah material menjadi tampilan transparan dengan hamburan bawah permukaan dan beri warna biru tua pada pencahayaan adegan. 

Gunakan three.js bersama constraint XPBD (Extended Position Based Dynamics) untuk menciptakan gerakan berbasis fisika yang sangat halus pada ikan cupang. Buat rig ikan dengan setidaknya 50 node rangka agar tubuhnya berubah bentuk secara berkelanjutan dari kepala hingga ekor. Adegan berlangsung di bawah air. Pengguna dapat mengambil kepala ikan dengan mouse dan menyeretnya, sementara solver constraint harus menarik seluruh tubuh mengikuti kepala, dengan ekor yang tetap berayun secara lentur dan alami. Pertama, atur bobot skinning pada mesh ikan dengan tepat, lalu bangun lapisan interaksi HTML di atas rig dan fisika yang telah selesai. Tambahkan mode anotasi pengajaran: saat diaktifkan, sendi tulang utama ikan cupang (tulang belakang, pedunkel kaudal, jari-jari sirip) diberi label nama dan garis penghubung, dan mengklik sebuah sendi akan membuka catatan fungsi satu kalimat yang ditulis dalam bahasa Tionghoa, siap diproyeksikan di kelas.