Hướng dẫn làm game Mario di chuyển với Claude AI

Bạn đã bao giờ nghĩ rằng mình có thể tự tay tạo ra một phiên bản game Mario cổ điển chỉ với sự trợ giúp của AI chưa? Nghe có vẻ hơi vô lý nhưng với Claude AI, mục tiêu lại dễ hơn bạn tưởng rất nhiều.

Dưới đây, GameVui sẽ hướng dẫn bạn từng bước để làm ra một game Mario đơn giản với nhân vật có thể di chuyển đơn giản, bạn không cần phải biết lập trình vẫn làm được.

Cách làm game Mario di chuyển với Claude AI

Bước 1: Bạn hãy mở ứng dụng Claude AI lên rồi nhập Prompt sau để nó khởi tạo một game Mario di chuyển đơn giản

Bạn là lập trình viên game HTML5 Canvas. Tạo một file HTML duy nhất (không thư viện ngoài) cho game platform 2D phong cách Mario cổ điển.
TÀI NGUYÊN:
- Dùng sprite sheet Mario tôi cung cấp (có các trạng thái IDLE, WALK 4-5 frame, JUMP, SHOOT). Cắt frame từ ảnh, scale 2.5x, bật image-rendering: pixelated.
ĐIỀU KHIỂN:
- Mũi tên Trái/Phải: di chuyển (tốc độ 3, có gia tốc nhẹ)
- Mũi tên Lên hoặc Space: nhảy (lực -13, gravity 0.6, chỉ nhảy khi chạm đất)
- Trên mobile: hiển thị 3 nút ảo trái-phải-nhảy
GAMEPLAY (tham khảo https://gamevui.vn/mario-phieu-luu/game):
- Màn chơi cuộn ngang ~3000px, nền trời xanh, mây, đồi
- Địa hình: mặt đất liên tục + 4-5 ống cống xanh cao thấp khác nhau, 3-4 bệ gạch lơ lửng
- Người chơi phải chạy, nhảy qua ống cống, không rơi xuống vực
- Thu thập 15-20 đồng xu vàng (vẽ hình tròn vàng có hiệu ứng nhấp nháy, hoặc dùng 4 chấm cam ở góc sprite). Mỗi xu +100 điểm, phát âm thanh "ting" bằng WebAudio
- Kẻ địch đơn giản (tùy chọn): Goomba đi qua lại, chạm bên hông mất mạng, nhảy lên đầu tiêu diệt +200 điểm
- Đích đến: cột cờ cuối màn, chạm vào thắng
ANIMATION MARIO:
- IDLE khi đứng yên
- WALK: lặp 5 frame khi di chuyển (100ms/frame), lật ngang khi quay trái
- JUMP: dùng frame nhảy khi y velocity != 0
- SHOOT: không cần dùng
HỆ THỐNG:
- Va chạm AABB chính xác với đất, ống, bệ
- Camera theo Mario mượt mà
- UI góc trên: "XU: 0", 3 mạng (hình Mario nhỏ), thời gian 300s
- Màn hình bắt đầu "BẮT ĐẦU", màn hình thua/thắng có nút chơi lại
- Âm thanh nhảy, ăn xu, chết bằng OscillatorNode
YÊU CẦU KỸ THUẬT:
- Canvas 960x540, responsive
- Code gọn, comment bằng tiếng Việt
- Không dùng ảnh ngoài ngoài sprite đã cho
- Tối ưu 60fps

Bước 2: Sau đó, Claude AI sẽ phân tích Prompt rồi tiến hành khởi tạo game Mario theo yêu cầu, bạn hãy ấn Download để tải file về máy tính chơi thử.

Bước 3: Khi mới chơi, game Mario có thể gặp lỗi nhân vật tự nhảy rồi kết thúc game, bạn hãy yêu cầu Claude AI sửa lại với Prompt dưới đây

game không chơi được, mario tự nhảy 3 lần rồi kết thúc game, hãy sửa lỗi

Bước 4: Ngoài ra, game có thể gặp lỗi về hình ảnh nhân vật, bạn có thể sửa lại như sau

Đã fix được lỗi tự nhảy nhưng hình ảnh nhân vật bị khuyết, không đầy đủ, hãy fix tiếp

Bước 5: Để tạo nhân vật sát với game Mario nhất, bạn nên tải lên Claude AI một tấm ảnh Mario rồi yêu cầu nó mô phỏng theo nhân vật trong hình ảnh này

Bước 6: Bạn có thể tăng thêm độ hấp dẫn cho game bằng các con quái vật mọc lên từ ống cống với Prompt

Thêm quái vật ở trên ống cống tự ngoi lên rồi lặn xuống, chuyển động với tốc độ vừa phải