Chuyển đến nội dung chính

Bài đăng

Hiển thị các bài đăng có nhãn JS

Viết Game Rắn Ăn Mồi với 100 dòng HTML

Tiếp nối chuỗi bài viết Game bằng HTML, ở bài trước chúng ta đã tìm hiểu cách  Viết game flappy bird bằng HTML và JavaScript , hôm nay chúng ta sẽ viết 1 game khác đơn giản hơn, đó là Rắn Ăn Mồi. Nếu các bạn đã xem bài Flappy chắc sẽ dễ hiểu code bài này do bài này ta vẫn dùng HTML Canvas để thiết kế game. Đầu tiên các bạn tạo 1 file HTML và nhập đoạn code sau: <!DOCTYPE html> < html > < head > < title ></ title > < style > html , body { height : 100 % ; margin : 0 ; } body { background : black ; display : flex ; align-items : center ; justify-content : center ; } canvas { border : 1 px solid white ; } < / style > </ head > < body > < canvas width = " 400 " height = " 400 " id = " game " ></ canvas > < script > //Ở đây ta tạo ra bộ khung chứa game var canvas = document . getElementById ( ' game ...