Hoạt ảnh xương cá betta

Dùng three.js cùng các ràng buộc XPBD (Extended Position Based Dynamics) để tạo chuyển động mượt mà như lụa, được điều khiển bởi vật lý cho một con cá betta. Rig con cá với ít nhất 50 nút xương để cơ thể biến dạng liên tục từ đầu đến đuôi. Bối cảnh đặt dưới nước. Người dùng có thể dùng chuột nắm đầu cá và kéo, còn bộ giải ràng buộc phải kéo toàn bộ cơ thể theo sau đầu, trong khi đuôi vẫn vung đưa linh hoạt, tự nhiên. Trước tiên, hãy vẽ trọng số skinning đúng cách trên lưới cá, rồi xây dựng lớp tương tác HTML trên rig và hệ vật lý đã hoàn thiện. Thay ngôi sao bằng một con sứa trong mờ: phân bố các khớp xương dọc theo vành chuông và các xúc tu để khi kéo phần chuông, xúc tu sẽ trôi theo phía sau nhờ các ràng buộc XPBD. Chuyển vật liệu sang diện mạo trong mờ có tán xạ dưới bề mặt và nhuộm ánh sáng cảnh thành xanh lam đậm. 

Dùng three.js cùng các ràng buộc XPBD (Extended Position Based Dynamics) để tạo chuyển động mượt mà như lụa, được điều khiển bởi vật lý cho một con cá betta. Rig con cá với ít nhất 50 nút xương để cơ thể biến dạng liên tục từ đầu đến đuôi. Bối cảnh đặt dưới nước. Người dùng có thể dùng chuột nắm đầu cá và kéo, còn bộ giải ràng buộc phải kéo toàn bộ cơ thể theo sau đầu, trong khi đuôi vẫn vung đưa linh hoạt, tự nhiên. Trước tiên, hãy vẽ trọng số skinning đúng cách trên lưới cá, rồi xây dựng lớp tương tác HTML trên rig và hệ vật lý đã hoàn thiện. Thêm chế độ chú thích giảng dạy: khi bật, các khớp xương chính của cá betta (cột sống, cuống đuôi, tia vây) được gắn nhãn tên và đường nối; nhấp vào một khớp sẽ mở ghi chú một câu về chức năng bằng tiếng Trung, sẵn sàng để trình chiếu trong lớp.