Coding Snake using JavaScript

Publié le: 29 janvier 2022
sur la chaîne: Tom Campbell

114

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...

Sur cette page du site, vous pouvez voir la vidéo en ligne Coding Snake using JavaScript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Tom Campbell 29 janvier 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 114 fois et il a aimé 5 téléspectateurs. Bon visionnage!