Code Game Âm Nhạc PIANO 3D sử dụng JavaScript + Three.js | Đồ án Chuyên đề Đồ hoạ máy tính

Code Game Âm Nhạc PIANO 3D sử dụng JavaScript + Three.js |  Đồ án Chuyên đề Đồ hoạ máy tính

Piano 3D là một trò chơi âm nhạc độc đáo, mang lại trải nghiệm đầy thú vị cho người chơi. Trò chơi này cho phép người chơi thể hiện khả năng âm nhạc của mình thông qua việc sử dụng các tổ hợp phím để chọn đúng các nốt nhạc vào thời điểm chính xác. Điểm số của người chơi phụ thuộc vào sự chính xác của việc chọn nốt nhạc, và trò chơi sẽ ngày càng khó hơn qua từng cấp độ.

Các chức năng chính của trò chơi bao gồm:

1. Lựa chọn bài nhạc để bắt đầu chơi.
2. Click vào các phím để chơi các nốt nhạc vào thời điểm cụ thể.
3. Thông báo cho người chơi khi họ chọn đúng hoặc sai nốt nhạc trong các khoảng thời gian nhất định (Miss/Bad/Perfect + Streak).
4. Các nút chức năng bao gồm “Chơi lại”, “Tắt nhạc”, và “Dừng bài nhạc”.

Dự án cũng sẽ bao gồm:

• Liên kết đến các thành viên trong nhóm phát triển.
• Bảng hướng dẫn chi tiết cách chơi trò chơi.
• Sử dụng hiệu ứng 3D đặc sắc thông qua Three.js, giúp tạo ra một trải nghiệm hấp dẫn và sinh động cho người chơi.

Với Piano 3D, bạn không chỉ có cơ hội rèn luyện kỹ năng âm nhạc mà còn tận hưởng những giây phút thư giãn và thú vị cùng âm nhạc

Game sẽ được thể hiện toàn bộ trên 1 trang chức component canvas bao gồm các note nhạc, các button hỗ trợ, các status nhạc, score được thể hiện qua hình sau:

Kiến trúc của trò chơi sẽ được xây dựng dựa trên các công nghệ hàng đầu, bao gồm:

1. Vanilla JavaScript: Được sử dụng để xây dựng cấu trúc và logic của trò chơi. JavaScript là một ngôn ngữ lập trình mạnh mẽ, cho phép chúng tôi tạo ra một trải nghiệm trò chơi mượt mà và linh hoạt.

2. Three.js: Đây là một thư viện JavaScript mạnh mẽ được sử dụng để tương tác với DOM và thực hiện các thao tác rendering trong trò chơi. Three.js giúp chúng tôi tạo ra các hiệu ứng 3D đặc sắc, từ đó tạo ra một không gian trò chơi sống động và cuốn hút.

3. AWS S3: Chúng tôi sử dụng dịch vụ lưu trữ đám mây của Amazon Web Services (AWS S3) để lưu trữ các tệp nhạc cho trò chơi. Điều này giúp cho việc quản lý và truy cập các bài nhạc trở nên dễ dàng và linh hoạt hơn