Source Code Web Game Âm Nhạc 3D (Rhythm Game) - Phiên bản Neon Cyberpunk
Đây là một dự án game nhịp điệu (Rhythm Game) chạy 100% trên nền tảng Web được code cực kỳ tối ưu và sạch sẽ, phù hợp cho các bạn làm đồ án, tham khảo phát triển game web hoặc phát triển thương mại.
Tính năng nổi bật:
-
Công nghệ hiện đại: Xây dựng bằng Vite + TypeScript + WebGL (Three.js) cho đồ hoạ 3D mượt mà ở 60FPS.
-
Phân tích âm thanh (Audio Visualizer): Sóng nhạc hai bên đường đua giật lên xuống tự động theo dải Bass của bài hát.
-
Môi trường 3D vô tận: Thành phố Cyberpunk với các khối toà nhà Neon được sinh ra ngẫu nhiên và liên tục tái chế, không hao tốn RAM.
-
Hệ thống Gameplay hoàn chỉnh: Nhận diện nhịp điệu (Hit Detection: Perfect, Great, Good, Miss), thanh Combo, hiệu ứng rung màn hình, và chế độ FEVER x2 (nhân đôi điểm khi đạt Combo 50).
-
Hỗ trợ Đa nền tảng (Responsive):
-
Chơi trên PC: Dùng các phím D, F, J, K.
-
Chơi trên Mobile: Hỗ trợ cảm ứng đa điểm (Multi-touch) ở 4 làn cực nhạy (giống Beatstar, Piano Tiles).
-
Tuỳ biến bài hát: Cho phép dán link video YouTube làm hình nền và upload file mp3 bài hát một cách dễ dàng.
Code được viết rất module hoá, dễ đọc, dễ chỉnh sửa và có thể đưa lên Vercel để public web web chia sẻ cho bạn bè chỉ trong 1 nốt nhạc!
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Yêu cầu môi trường: Đã cài đặt phần mềm Node.js trên máy tính.
Các bước chạy dự án:
-
Giải nén file source code vừa tải về.
-
Mở cửa sổ Terminal (hoặc CMD/PowerShell) trỏ vào thư mục code.
-
Chạy lệnh: npm install để hệ thống tự động tải các thư viện (Three.js, Vite...).
-
Chạy lệnh: npm run dev để khởi chạy game ở môi trường Localhost. Sau đó mở trình duyệt và truy cập http://localhost:8888.
-
Để đưa web lên mạng (Deploy): Bạn chỉ cần đẩy thư mục code lên GitHub và liên kết với nền tảng Vercel, hoặc chạy lệnh npm run build để xuất ra thư mục web tĩnh tĩnh hoàn chỉnh.