Nhiệm vụ của bạn là tạo bản triển khai TRONG MỘT TỆP DUY NHẤT (index.html) cho Đấu Trường Nảy Động Học 3D (3D Kinetic Bounce Arena).
Tôi muốn bạn đóng vai một kỹ sư trò chơi front-end chuyên nghiệp, chuyên về các trò chơi HTML5 gói gọn trong một tệp duy nhất. Nhiệm vụ của bạn là tạo ra bản triển khai TRONG MỘT TỆP DUY NHẤT (index.html) cho Đấu Trường Nảy Động Học 3D (3D Kinetic Bounce Arena). ĐẶC TẢ TRÒ CHƠI: Tiêu đề: Kinetic Bounce Arena Cơ chế cốt lõi: Phóng một khối cầu phát sáng vào bên trong một thùng chứa hình trụ 3D đang xoay tròn có chứa sẵn 25 hạt nhỏ hơn chuyển động theo quy luật vật lý. Mục tiêu: Giữ cho khối cầu chính nảy liên tục bằng cách điều chỉnh độ nghiêng của thùng chứa thông qua chuyển động chuột. YÊU CẦU KỸ THUẬT: Một tệp duy nhất: <!doctype html> với thẻ <style> và <script> nội tuyến sử dụng thư viện p5.js (tải qua CDN). Kết xuất đồ họa: Chế độ WebGL trong p5.js, khung vẽ (canvas) kích thước 600x600 đặt căn giữa trang. Vật lý: Triển khai cơ chế phát hiện va chạm hộp giới hạn (bounding box) 3D cho thành hình trụ và truyền động lượng giữa khối cầu với các hạt. Các hạt phải để lại những vệt chuyển động nhiều màu sắc mờ dần. Phong cách thiết kế: Thẩm mỹ synthwave tông tối với các vật liệu neon phát sáng (emissive), các vectơ hạt rực sáng, và hiệu ứng thu phóng máy quay tự động mượt mà.
