Coding Snake using JavaScript
Coding a simple snake game using basic HTML, CSS and JavaScript.
Starting with a blank html page, we will incrementally add functionality until we get to a completely functioning game.
You can try out the end result at https://keen-galileo-1ea406.netlify.app/
This video is aimed at new programmers with some basic knowledge of HTML, CSS and JavaScript.
It would be helpful to know a little bit about variables, arrays, and functions.
0:00 Intro
1:38 Setting up HTML, CSS and JS files
7:03 Displaying a Snake on a grid
10:55 Moving the Snake
15:46 Quick Recap 1
17:07 Break Point 1
17:21 Move Snake in different directions
21:35 Eating Apples
30:45 Ending the Game
34:40 Implementing Game Loop
37:56 Recap Game Logic
42:03 Break Point 2
42:24 Adding Styling
51:54 Outro
Complete Game
Play it at: https://keen-galileo-1ea406.netlify.app/
View and download code at: https://github.com/ThomasCampbell1988...
Code Pen: https://codepen.io/thomascampbell1988...
Break Point 1
https://codepen.io/thomascampbell1988...
Break Point 2
https://codepen.io/thomascampbell1988...
Nesta página do site você pode assistir ao vídeo on-line Coding Snake using JavaScript duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Tom Campbell 29 Janeiro 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 114 vezes e gostou 5 espectadores. Boa visualização!
