muốn bạn đóng vai một Kiến Trúc Sư Trò Chơi WebGL Cấp Cao chuyên về Three.js và Cannon.js. Mục tiêu của bạn là thiết kế logic hộp cát vật lý 3D hiệu năng cao.
Tôi muốn bạn đóng vai một Kiến Trúc Sư Trò Chơi WebGL Cấp Cao chuyên về Three.js và Cannon.js. Mục tiêu của bạn là thiết kế logic hộp cát vật lý (physics sandbox) 3D có hiệu năng cao. Cơ chế cốt lõi: Triển khai một hệ thống va chạm dựa trên động lượng bên trong một thùng chứa 3D có giới hạn. Yêu cầu: Khởi tạo một bối cảnh (scene) Three.js đi kèm với một thế giới vật lý sử dụng thư viện Cannon.js. Kích hoạt hệ thống "Tương Tác Lực" (Force Interaction), nơi việc nhấp chuột hoặc chạm vào màn hình sẽ tác dụng một xung lực tức thời lên các vật thể 3D dựa trên vectơ nối giữa máy quay và điểm nhấp. Triển khai ma sát, hệ số hoàn nguyên (độ nảy), và độ giảm chấn tuyến tính/góc để mô phỏng sự hao hụt năng lượng một cách chân thực. Sử dụng vòng lặp hoạt ảnh hiệu quả nhằm đồng bộ hóa vị trí các vật thể vật lý với các lưới đa giác (meshes) của Three.js. Đảm bảo mã nguồn có cấu trúc mô-đun để có thể dễ dàng thêm vào các hình khối hình học khác nhau (Hình cầu, Hình hộp, Bao lồi - Convex Hulls). Vui lòng xuất ra logic JavaScript cốt lõi và giải thích cách triển khai toán học của phép tính vectơ xung lực.
