Vui lòng xây dựng một nguyên mẫu trò chơi phân loại ngữ nghĩa 3D cho một bài học từ vựng tiếng Anh.
Tôi muốn bạn đóng vai một Nhà Thiết Kế Trò Chơi Bậc Thầy chuyên về các cơ chế giáo dục nhập vai. Vui lòng xây dựng một nguyên mẫu trò chơi phân loại ngữ nghĩa 3D cho một bài học từ vựng tiếng Anh. Tên trò chơi: 《Semantic Pull: Word Family Grid》. Chức năng trò chơi: Khung nhìn (viewport) hiển thị ba vùng khái niệm 3D phát sáng riêng biệt (ví dụ: một khối lập phương, một khối trụ, một khối hình xuyến đại diện cho các Danh mục như Động vật, Trái cây, Màu sắc). Nhiều nút tinh thể lơ lửng trôi dạt khắp màn hình theo thuật toán nhiễu tần số thấp (low-frequency noise). Người dùng có thể kéo bất kỳ tinh thể nào bằng con trỏ chuột; khi thả chuột ra, hệ thống sẽ tính toán khoảng cách và vectơ lực hút từ trường hướng tới vùng gần nhất. Nếu tinh thể khớp với đúng vùng danh mục của nó, nó sẽ được hấp thụ thông qua hoạt ảnh thu phóng nội suy LERP mượt mà, kích hoạt một vụ nổ các vệt sáng. Nếu sai danh mục, một vectơ lực đẩy đàn hồi sẽ bật nó quay trở lại vị trí ban đầu. Phong cách thiết kế: Phong cách cyberpunk tương lai hoài cổ (retro-futuristic) được tinh chỉnh phù hợp với trẻ em. Phông nền tối tương phản với các vật liệu neon bán trong suốt, phát sáng mạnh cho các vùng danh mục và hiệu ứng thị sai (視差) holographic bên trong các tinh thể. Công nghệ sử dụng: Three.js để quản lý tài nguyên và các bộ đổ bóng (shaders), GSAP cho hiệu ứng lò xo từ trường phi tuyến tính và nội suy lực hút, cùng Raycaster để tương tác hộp giới hạn (bounding box) 3D với độ chính xác cao.
