loshu2000

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à.

Tôi muốn bạn đóng vai một nhà phát triển trò chơi HTML5 Canvas chuyên nghiệp. Nhiệm vụ của bạn là viết một trò chơi hoàn chỉnh, có thể chơi được TRONG MỘT TỆP DUY NHẤT (index.html) dựa trên cơ chế rắn săn mồi được hiện đại hóa.

ĐẶC TẢ TRÒ CHƠI:

Tiêu đề: Cyber Grid Link

Cơ chế cốt lõi: Điều khiển một con rắn được tạo thành từ chuỗi các hạt vectơ liên kết với nhau trên một môi trường lưới dịch chuyển liên tục.

Mục tiêu: Thu thập các tinh thể ma trận năng lượng phát sáng để kéo dài chuỗi liên kết trong khi né tránh các rào chắn tường lửa đang di chuyển.

YÊU CẦU KỸ THUẬT:

Một tệp duy nhất: JavaScript thuần túy nằm bên trong một tài liệu HTML duy nhất, không dùng thư viện bên ngoài, không tải xuống tài nguyên (asset) nào.

Kết xuất đồ họa: HTML5 2D Canvas với vòng lặp trò chơi requestAnimationFrame. Nội suy LERP mượt mà cho chuyển động của các đốt thân rắn nhằm tạo ra chuyển động hữu cơ, uyển chuyển thay vì kiểu nhảy từng ô vuông cổ điển.

Điều khiển: Các phím mũi tên hoặc cụm phím WASD để điều hướng tuyệt đối theo các phương.

Phong cách thiết kế: Giao diện tối phong cách Cyberpunk. Mặt lưới phải uốn cong nhẹ ở khu vực gần đầu rắn bằng kỹ thuật dịch chuyển tọa độ cục bộ. Chuỗi thân rắn nổi bật với kết cấu dải màu chuyển sắc (gradient) đập theo nhịp.

Tôi muốn bạn đóng vai một lập trình viên lối chơi (gameplay programmer) dựa trên vật lý hàng đầu. Hãy tạo một bản dựng TRONG MỘT TỆP DUY NHẤT (index.html) của trò chơi bay lượn né tránh các cấu trúc kiến trúc.

ĐẶC TẢ TRÒ CHƠI:

Tiêu đề: Gravity Flux

Cơ chế cốt lõi: Điều khiển một khối cầu vật thể mềm (soft-body) tự phồng lên di chuyển xuyên qua một môi trường gồm các khe hở hình học hữu cơ liên tục khép lại và mở rộng.

Mục tiêu: Duy trì độ cao và bay qua các cổng cấu trúc biến đổi động mà không chạm vào chúng.

YÊU CẦU KỸ THUẬT:

Một tệp duy nhất: Kết hợp HTML, CSS và JavaScript thuần mà không sử dụng bất kỳ thư viện phụ thuộc nào.

Kết xuất đồ họa: 2D Canvas API. Tất cả hình dạng chướng ngại vật phải là các đường cong toán học được sinh tự động theo thuật toán (đường cong Bezier) biến đổi hình dạng liên tục theo thời gian bằng sóng hình sin.

Âm thanh: Sử dụng Web Audio API để tổng hợp âm thanh xung nhịp môi trường và các dải âm thanh quét phản hồi tức thì mỗi khi bay qua cổng.

Phong cách thiết kế: Phong cách nghệ thuật trừu tượng mang hơi hướng Thiền (Zen). Sử dụng bảng màu pastel đơn sắc kết hợp với bóng đổ sâu mềm mại (thuộc tính shadowBlur trên canvas) nhằm làm nổi bật chiều sâu không gian và chuyển động mượt mà.

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.

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.