[GIỚI THIỆU] Đây là bản nâng cấp toàn diện của dòng game "Bird" kinh điển. Khác với các mã nguồn trôi nổi, bộ source "Jumping Bird" này được viết lại từ đầu với tư duy "Clean Code", cực kỳ thích hợp cho người mới bắt đầu học lập trình game hoặc sinh viên cần sườn đồ án chất lượng.
[TÍNH NĂNG NỔI BẬT - "ĐẮT GIÁ"]
-
Cấu trúc 1 File Duy Nhất: Toàn bộ HTML, CSS, JS nằm gọn trong 1 file index.html (~44KB). Dễ dàng chia sẻ, gửi mail hoặc nhúng vào WordPress/Blogspot qua thẻ iframe.
-
Zero-Dependency: Không dùng bất kỳ thư viện ngoài nào (No jQuery, No Phaser). Chạy siêu nhẹ, tải trang tức thì.
-
Cấu hình Tách Biệt (Configurable): Mọi thông số (Tốc độ, Trọng lực, Màu sắc, Độ khó) được đưa ra biến CONFIG ở đầu file. Bạn không cần biết sâu về code vẫn có thể sửa game theo ý muốn.
-
Đồ họa Pixel Art & Parallax: Hiệu ứng thành phố cuộn 2 lớp tạo chiều sâu 3D.
-
Chu kỳ Ngày/Đêm: Bầu trời tự động chuyển màu, xuất hiện trăng sao theo thời gian thực.
-
Âm thanh Web Audio API: Game tự sinh ra âm thanh 8-bit (nhạc nền, tiếng vỗ cánh, ghi điểm) bằng code. Không cần tải file âm thanh nặng nề.
-
Responsive: Tự động căn chỉnh vừa khít mọi màn hình (Mobile/Tablet/PC). Hỗ trợ cảm ứng mượt mà.
[DÀNH CHO AI?]
-
Sinh viên CNTT: Cần source code sạch, logic rõ ràng (OOP) để làm đồ án môn học (Lập trình Web, Nhập môn Game).
-
Người mới học JS: Muốn tìm hiểu cách xử lý va chạm (Collision), vẽ Canvas, vòng lặp Game Loop.
-
Webmaster: Cần một minigame nhẹ, không lỗi để gắn vào trang 404 hoặc trang chờ.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
HƯỚNG DẪN CÀI ĐẶT & SỬ DỤNG
Bước 1: Tải file về và giải nén. Bước 2: Click đúp vào file "index.html" để chạy trên trình duyệt (Chrome, Edge, FireFox...). Xong! Không cần cài đặt XAMPP hay Server.
[CÁCH TÙY BIẾN CƠ BẢN] Mở file bằng Notepad hoặc VS Code, tìm đến dòng "const CONFIG":
-
Đổi tốc độ game: Sửa 'pipeSpeed'.
-
Đổi độ nảy khi nhảy: Sửa 'jumpStrength'.
-
Thêm nhân vật: Thêm mã màu vào mảng 'characters'.