loshu2000

Tôi muốn bạn đóng vai trò là một kỹ sư trò chơi giao diện người dùng chuyên nghiệp, chuyên về các trò chơi HTML5 một tệp. Nhiệm vụ của bạn là tạo ra một bản triển khai DUY NHẤT (index.html) của Đấu trường Kinetic Bounce 3D.

THÔNG SỐ TRÒ CHƠI:

Tiêu đề: Kinetic Bounce Arena

Cơ chế cốt lõi: Phóng một quả cầu phát sáng vào một thùng chứa hình trụ 3D quay chứa đầy 25 hạt nhỏ hơn được điều khiển bằng vật lý.

Mục tiêu: Giữ cho quả cầu chính nảy lên bằng cách điều chỉnh độ nghiêng của thùng chứa bằng cách di chuyển chuột.

YÊU CẦU CÔNG NGHỆ:

Tệp đơn: <!doctype html> với <style> nội tuyến và <script> bằng p5.js (tải qua CDN).

Hiển thị: Chế độ WebGL trong p5.js, canvas 600x600 được căn giữa trên trang.

Vật lý: Thực hiện phát hiện va chạm hộp giới hạn 3D cho các thành hình trụ và truyền động lượng từ quả cầu sang hạt. Các hạt phải để lại những vệt chuyển động đầy màu sắc mờ dần.

Phong cách thiết kế: Thẩm mỹ sóng tổng hợp tối với vật liệu neon phát xạ, vectơ hạt phát sáng và khả năng thu phóng máy ảnh tự động mượt mà.

Tôi muốn bạn đóng vai trò là 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 SINGLE FILE (index.html) hoàn chỉnh, có thể chơi được dựa trên cơ chế rắn hiện đại hóa.

THÔNG SỐ TRÒ CHƠI:

Tiêu đề: Liên kết lưới điện tử

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

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

YÊU CẦU CÔNG NGHỆ:

Tệp đơn: JS vanilla thuần túy bên trong một tài liệu HTML, không có thư viện bên ngoài, không tải xuống nội dung.

Kết xuất: Canvas 2D HTML5 với vòng lặp trò chơi requestAnimationFrame. Nội suy LERP mượt mà cho chuyển động của đoạn rắn để tạo ra chuyển động linh hoạt, tự nhiên thay vì các bước hình khối cổ điển.

Điều khiển: Phím mũi tên hoặc WASD để điều khiển hướng tuyệt đối.

Phong cách thiết kế: Chủ đề tối Cyberpunk. Lưới phải cong vênh gần đầu rắn bằng cách sử dụng dịch chuyển tọa độ cục bộ. Chuỗi con rắn có kết cấu chuyển màu chuyển động.

Tôi muốn bạn đóng vai trò là một lập trình viên trò chơi dựa trên vật lý hàng đầu. Tạo bản dựng TỆP ĐƠN (index.html) của trò chơi kiến ​​trúc trốn tránh chuyến bay.

THÔNG SỐ TRÒ CHƠI:

Tiêu đề: Thông lượng trọng lực

Cơ chế cốt lõi: Điều hướng một quả cầu mềm tự phồng lên thông qua môi trường đóng và mở rộng các khoảng trống hình học hữu cơ.

Mục tiêu: Duy trì độ cao và đi qua các cổng kết cấu động mà không tiếp xúc.

YÊU CẦU CÔNG NGHỆ:

Tệp đơn: HTML, CSS và JavaScript vanilla kết hợp không có phần phụ thuộc.

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

Âm thanh: Sử dụng API Web Audio để tổng hợp âm thanh xung quanh và quét âm thanh phản ứng khi đi qua cổng.

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

Tôi muốn bạn đóng vai trò là một nhà công nghệ sáng tạo và kiến ​​trúc sư tương tác. Xây dựng trò chơi web một tệp (index.html) dựa trên cơ chế căn chỉnh không gian.

THÔNG SỐ TRÒ CHƠI:

Tiêu đề: Sự vướng víu lượng tử

Cơ chế cốt lõi: Một mảng 3D gồm các cụm hạt bị sụp đổ 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 đáo 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 liên kết giống hệt nhau để hợp nhất chúng thông qua các vectơ nổ trọng lực.

YÊU CẦU CÔNG NGHỆ:

Tệp đơn: HTML5 với các kiểu nội tuyến và JavaScript thuần tận dụng Three.js thông qua CDN.

Kết xuất: Three.js WebGLRenderer với hình học bộ đệm hiệu suất cao.

Vật lý: Thực hiện phép toán bậc bốn mượt mà cho các cụm xoay bằng cách kéo chuột. Khi sự trùng khớp xảy ra, hãy tính toán các vectơ lực hút lẫn nhau gây ra hiệu ứng hạt nổ trước khi phá hủy lưới.

Phong cách thiết kế: Chủ nghĩa siêu thực tối giản. Nền trống màu trắng tinh khiết, vật liệu cụm kính mờ (truyền) và các vệt sáng thể tích tương tác.

Tôi muốn bạn đóng vai trò là một nhà thiết kế trò chơi bậc thầy chuyên về mô phỏng vật lý đáp ứng trên thiết bị di động. Tạo trò chơi mê cung tương tác SINGLE FILE (index.html).

THÔNG SỐ TRÒ CHƠI:

Tiêu đề: Trôi theo trục

Cơ khí 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 vectơ trọng lực toàn cầu (trục X và Y) để dẫn hướng viên bi.

Mục tiêu: Điều khiển viên bi đến xoáy vector trung tâm trong khi né các cửa bẫy động học.

YÊU CẦU CÔNG NGHỆ:

Tệp đơn: Ngăn xếp công nghệ web thuần túy (<!doctype html>, CSS, JS) không có khung công cụ nặng.

Kết xuất: Canvas 2D được tối ưu hóa cho chế độ xem trên thiết bị di động và máy tính để bàn, chia tỷ lệ pixel một cách hoàn hảo.

Cơ học: Chấp nhận thao tác kéo chuột trên máy tính để bàn hoặc API định hướng thiết bị di động (DeviceOrientationEvent) để nghiêng lưới vật lý mê cung. Thực hiện ma sát vật rắn, vận tốc góc và giảm dầ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 đậm nét có độ tương phản cao, các đường nét màu đen đậm và bóng đổ thời gian thực.