Coding Snake using JavaScript

Pubblicato il: 29 gennaio 2022
sul canale di: 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...

In questa pagina del sito puoi guardare il video online Coding Snake using JavaScript della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Tom Campbell 29 gennaio 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 114 volte e gli è piaciuto 5 spettatori. Buona visione!