Beginner JavaScript Project – Snake Game Tutorial

Опубликовано: 07 Декабрь 2023
на канале: freeCodeCamp.org

96,672

3.4k

In this beginners coding tutorial, you will learn to create a Retro Snake Game inspired by the iconic Nokia Snake game using vanilla HMTL, CSS and JavaScript! Using JS you will learn to draw the game board, create the snake and randomly generated food, make the snake move, increase the snake size when it eats, and increase its speed. you will also learn to keep the score, track collisions for the snake, and display your high score.

✏️ Course developed by @howtobecomeadeveloper

💻 Deployed Game: https://snake-game-howtobedev.netlify...
💻 GitHub Repo / Source Code: https://github.com/Ade-mir/snake-game-js

Snake AI-Generated Logo: https://github.com/Ade-mir/snake-game...
Google Fonts: https://fonts.google.com/specimen/VT3...
AI font generator / Lexica: https://lexica.art/

⭐️ Contents ⭐️
⌨️ (00:00) What we are building / Finished snake game
⌨️ (01:57) Setting up our HTML
⌨️ (10:25) Styling with CSS
⌨️ (27:05) Creating the snake game logic with JavaScript

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

На этой странице сайта вы можете посмотреть видео онлайн Beginner JavaScript Project – Snake Game Tutorial длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь freeCodeCamp.org 07 Декабрь 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 96,672 раз и оно понравилось 3.4 тысяч зрителям. Приятного просмотра!