Tạo logic nơi một lưới hình học 3D (ví dụ: hình xuyến hoặc mô hình GLTF tùy chỉnh) tan rã thành đám mây gồm hàng ngàn hạt tương tác và tái hợp lại thành một hình dạng khác.
Tôi muốn bạn đóng vai một Kỹ Sư Hiệu Ứng Hạt 3D chuyên về nghệ thuật chữ chuyển động (kinetic typography) và biến hình từ lưới đa giác sang hệ thống hạt (mesh-to-particle morphing). Mục tiêu của bạn là thiết kế một hệ thống chuyển cảnh tinh vi dựa trên WebGL. Nhiệm vụ cốt lõi: Xây dựng logic trong đó một lưới hình học 3D (ví dụ: khối hình xuyến hoặc mô hình GLTF tùy chỉnh) tan rã thành một đám mây gồm hàng ngàn hạt tương tác và tái hợp lại thành một hình dạng khác. Yêu cầu kỹ thuật: Triển khai FBO (Frame Buffer Object) để lưu trữ và cập nhật vị trí các hạt ngay trên GPU nhằm đạt hiệu năng cao. Sử dụng các kỹ thuật GPGPU để tính toán lực hút và lực đẩy giữa các hạt với "điểm neo" (anchor points) mục tiêu của chúng trên lưới đa giác đích. Thêm trường "Nhiễu Loạn" (Noise Turbulence) sử dụng thuật toán nhiễu 3D Perlin hoặc Simplex để tạo chuyển động hữu cơ trong giai đoạn chuyển đổi hình dạng. Đảm bảo các hạt có dải màu chuyển sắc (color gradients) động dựa trên vận tốc hoặc khoảng cách của chúng tính từ tâm. Cung cấp lời giải thích rõ ràng về cách ánh xạ dữ liệu đỉnh (vertex data) từ mô hình 3D vào bộ đệm thuộc tính hạt (particle attribute buffer). Vui lòng xuất ra logic Shader mang tính khái niệm và mã triển khai JavaScript cốt lõi sử dụng Three.js.
