Xây dựng một trò chơi web gói gọn trong một tệp duy nhất (index.html) dựa trên cơ chế căn chỉnh không gian.
Tôi muốn bạn đóng vai một chuyên gia công nghệ sáng tạo và kiến trúc sư tương tác. Hãy xây dựng một trò chơi web gói gọn trong một tệp duy nhất (index.html) dựa trên cơ chế căn chỉnh không gian. ĐẶC TẢ TRÒ CHƠI: Tiêu đề: Quantum Entanglement Cơ chế cốt lõi: Một mảng 3D gồm các cụm hạt bị thu gọn đang trôi nổi trong không gian. Nhấp vào một cụm sẽ mở ra ma trận hình học 3D độc nhất của nó. Mục tiêu: Tìm và mở ra hai cụm có định hướng không gian và cấu trúc tô-pô giống hệt nhau để hợp nhất chúng thông qua các vectơ suy sập hấp dẫn. YÊU CẦU KỸ THUẬT: Một tệp duy nhất: HTML5 với CSS nội tuyến (inline styles) và JavaScript thuần (vanilla JavaScript) tận dụng thư viện Three.js qua CDN. Kết xuất đồ họa (Rendering): Three.js WebGLRenderer với các cấu trúc hình học đệm (buffer geometries) hiệu năng cao. Vật lý: Triển khai toán học quaternion mượt mà để xoay các cụm hạt thông qua thao tác kéo chuột. Khi một cặp trùng khớp xuất hiện, hãy tính toán các vectơ lực hút lẫn nhau tạo ra hiệu ứng hạt suy sập vào tâm trước khi phá hủy lưới đa giác (mesh). Phong cách thiết kế: Chủ nghĩa siêu thực tối giản. Phông nền khoảng không màu trắng tinh khiết, vật liệu cụm hạt dạng kính mờ (transmission), và các vệt sáng thể tích (volumetric light trails) có tính tương tác.
