Share code game Flappy Bird chạy bằng javascript và html

Game này tên “Clumsy Bird” là một bản sao của “Flappy Bird” do MelonJS tạo ra. Được code bằng javascript và html, css.

Demo: https://hong98.github.io/clumsy-bird/

Cách chạy game trên local:

• Cài đặt Node và Grunt
• Cài đặt phần cần thiết

npm install

Sau đó chỉ cần gõ vào shell:

grunt connect

Mở trình duyệt và truy cập http://localhost:8001/

Tùy chỉnh trò chơi:

Đôi khi chơi phiên bản thông thường trở nên rất nhàm chán và bạn muốn bắt đầu xây dựng phiên bản của riêng mình. Bạn có thể tùy chỉnh trò Clumsy Bird của riêng mình để chơi với bạn bè. Nếu bạn muốn thêm tùy chỉnh của riêng mình vào trò chơi thì đây là danh sách tài nguyên được sử dụng trong trò chơi này. Chỉ cần tạo hoặc thay đổi hình ảnh bên dưới theo cách của bạn. Nhớ giữ tên và kích cỡ đúng với bản gốc.

• bg.png – Size: 900x504px. Đây là hình nền được sử dụng trong trò chơi.
• clumsy.png – Size: 255x60px . Đây là hình ảnh hoạt hình con chim. Nó chứa 3 khung hình hoạt hình.
• gameover.png – Size: 245x132px. Logo Trò chơi kết thúc.
• gameoverbg.png – Size: 505x361px. Đây là nền hình vuông “Trò chơi kết thúc” dùng để ghi điểm.
• getready.png – Size: 405x134px. Đây là thông báo đầu tiên trước khi trò chơi bắt đầu.
• ground.png – Size: 900x96px. Hình ảnh hoạt hình mặt đất.
• logo.png – Size: 351x145px. Logo trò chơi.
• new.png – Size: 48x48px. Đây là thông báo ĐIỂM MỚI khi người dùng đạt được điểm mới.
• pipe.png – Size: 148x1664px. “Tại sao cái này lại lớn đến thế?!” Bởi vì nó được sử dụng cho vị trí ống dài ngắn ngẫu nhiên.

Thưởng thức trò chơi vui vẻ nhé 😈

Github: https://github.com/Hong98/clumsy-bird