Snake HTML5 Game Made with Canvas
MIT License
Snake HTML5 Game Made with Canvas
git clone https://github.com/zuramai/snake-html5.git
snake-html5/index.html
in your browserlet snake = new Snake({
el: document.getElementById('canvas'),
length: 6,
width: 960,
height: 600,
snakeColor: '#ffd32a',
snakeBorderColor: '#ffd32a',
foodColor: "rgba(255,255,255,.7)",
moveSpeed: 250, //milliseconds
generateFoodEvery: 3000, //milliseconds
timerEl: document.getElementById('timer'),
scoreEl: document.getElementById('score'),
blockQuantity: {
x:48,
y:30,
}
})
Property | Type | Description |
---|---|---|
el | Element | Canvas element |
width | Number | Set the width of canvas |
height | Number | Set the height of canvas |
blockQuantity | Number | Object of block quantity (horizontal is x, vertical is y) |
snakeColor | String | Color of the snake. Could be Hex, RGB, RGBA, or linear-gradient |
snakeBorderColor | String | Border color of the snake. Could be Hex, RGB, RGBA, or linear-gradient |
foodColor | String | Color of the snake's food. Could be Hex, RGB, RGBA, or linear-gradient |
moveSpeed | Number | Snake move speed (in milliseconds) |
generateFoodEvery | Number | The interval for generating food every time (in milliseconds) |
timerEl | Element | Element to display the play time elapsed |
scoreEl | Element | Element to display the player's score |