diff --git a/assets/style.css b/assets/style.css index 2dc5457..0888660 100644 --- a/assets/style.css +++ b/assets/style.css @@ -72,4 +72,5 @@ canvas { img { height: 50px; width: 50px; + margin: 2px; } \ No newline at end of file diff --git a/index.html b/index.html index 4a14861..c6c4f76 100644 --- a/index.html +++ b/index.html @@ -38,6 +38,7 @@

Know everything about the different blocks :

+

(Put your mouse over a texture)

Food :
diff --git a/script.js b/script.js index b71b9c7..311b096 100644 --- a/script.js +++ b/script.js @@ -83,31 +83,36 @@ const scoreTarget = byId("scoreTarget") // Get map texture const imgGrass = new Image(); -imgGrass.src = './assets/map/grass.png'; +imgGrass.src = './assets/map/grass.png' +imgGrass.title = "It is just grass.." const imgIce = new Image(); -imgIce.src = './assets/map/ice.jpg'; +imgIce.src = './assets/map/ice.jpg' +imgIce.title = "Ice is a slippery slope.. You can not turn on it !" // Get wall texture const imgWall = new Image(); -imgWall.src = './assets/wall/wall.jpg'; +imgWall.src = './assets/wall/wall.jpg' +imgWall.title = "It is a brick wall.. Do not try to destroy it with your snake !" // Get food texture const imgApple = new Image(); -imgApple.src = './assets/food/apple.png'; +imgApple.src = './assets/food/apple.png' +imgApple.title = "Food is food, go get the apple !" const imgCherry = new Image(); -imgCherry.src = './assets/food/cherry.png'; +imgCherry.src = './assets/food/cherry.png' +imgCherry.title = "Do you want to eat some cherries ? Too bad, it is not in the game for now..." // Get snake texture let imgSnakeHeadUp = new Image(); -imgSnakeHeadUp.src = './assets/snake/snake_head_up.png'; +imgSnakeHeadUp.src = './assets/snake/snake_head_up.png' let imgSnakeHeadLeft = new Image(); -imgSnakeHeadLeft.src = './assets/snake/snake_head_left.png'; +imgSnakeHeadLeft.src = './assets/snake/snake_head_left.png' let imgSnakeHeadRight = new Image(); -imgSnakeHeadRight.src = './assets/snake/snake_head_right.png'; +imgSnakeHeadRight.src = './assets/snake/snake_head_right.png' let imgSnakeHeadDown = new Image(); -imgSnakeHeadDown.src = './assets/snake/snake_head_down.png'; +imgSnakeHeadDown.src = './assets/snake/snake_head_down.png' const imgSnakeBody = new Image(); -imgSnakeBody.src = './assets/snake/snake_body.png'; +imgSnakeBody.src = './assets/snake/snake_body.png' /** @@ -135,7 +140,7 @@ function showRulesScreen() { wallList.appendChild(imgWall); // Display map texture - mapList.appendChild(imgGrass); + mapList.appendChild(imgGrass) mapList.appendChild(imgIce); }