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...
Auf dieser Seite können Sie das Online-Video Coding Snake using JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Tom Campbell 29 Januar 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 114 Mal angesehen und es wurde von 5 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
