How to make a Cool Snake Game using HTML ,CSS and JavaScript in 40 minutes

preview_player
Показать описание
In this video we'll create a cool multicolor snake using html , CSS and primarily JavaScript . We will utilize CSS grids and many other advanced JavaScript methods to implement this game .

🔷Timestamps🔷
0:00 Intro
0:15 Building the HTML structure
0:35 Styling the game board
3:15 Writing JavaScript functionality
5:25 Implementing the game loop
6:00 Implementing DrawSnake() function
9:15 Implementing ChangeDirection() function
11:05 Implementing GetDirection() function
11:45 Implementing Update() function
18:05 Implementing DrawFood() function
23:55 Implementing CheckCollisions() function
24:20 Adding check for collision with food
25:25 Implementing ExtendSnake() function
28:20 Adding check for collision with edges
29:25 Implementing RestartGame() function
31:40 Adding check for collision with body
34:20 Adding multi color snake segments
Any questions ?👇
✅ My channel
#css3 #snakegame #javascript #snake #Zenith20
Рекомендации по теме
Комментарии
Автор

Tanks for the tutorial, i just completed and it works. Thank you 🙏🙏

ganjeblerencehanma
Автор

Wow! That seemed impossible 38 minutes ago

Waterbots
join shbcf.ru