Tạo một trò chơi mê cung tương tác trong MỘT TỆP DUY NHẤT (index.html).
Tôi muốn bạn đóng vai một bậc thầy thiết kế trò chơi chuyên về mô phỏng vật lý tương thích tốt trên thiết bị di động. Hãy tạo một trò chơi mê cung tương tác trong MỘT TỆP DUY NHẤT (index.html). THÔNG SỐ TRÒ CHƠI: Tiêu đề: Axial Drift Cơ chế cốt lõi: Một viên bi lăn bên trong một mê cung hình học phức tạp. Người chơi dịch chuyển vector trọng lực toàn cục (trục X và Y) để điều hướng viên bi. Mục tiêu: Điều khiển viên bi tiến vào tâm xoáy vector ở chính giữa trong khi né tránh các cửa sập động học biến thiên liên tục. YÊU CẦU KỸ THUẬT: Một tệp duy nhất: Ngăn xếp công nghệ web thuần túy (<!doctype html>, CSS, JS) không sử dụng các framework game engine nặng nề. Kết xuất (Rendering): Canvas 2D được tối ưu hóa cho khung nhìn (viewport) trên cả thiết bị di động và máy tính để bàn, co giãn chuẩn xác tới từng điểm ảnh (pixel-perfect). Cơ chế vật lý: Chấp nhận thao tác nhấp-kéo chuột trên máy tính hoặc API định hướng thiết bị di động (DeviceOrientationEvent) để làm nghiêng lưới vật lý của mê cung. Triển khai ma sát vật rắn, vận tốc góc và giảm chấn động lượng cho viên bi. Phong cách thiết kế: Thẩm mỹ kiến trúc Bauhaus. Các khối màu cơ bản đặc, đậm nét với độ tương phản cao, đường viền đen dày và hiệu ứng đổ bóng thời gian thực.
