Coding Snake using JavaScript

Published: 29 January 2022
on channel: 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...

On this page of the site you can watch the video online Coding Snake using JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Tom Campbell 29 January 2022, share the link with friends and acquaintances, this video has already been watched 114 times on youtube and it was liked by 5 viewers. Enjoy your viewing!