Coding Challenge #3: The Snake Game

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=AaGK-fj-BAM


Duration: 27:27
3,341,379 views
63,852

In this coding challenge, I code a p5.js version of the Snake Game. Code: https://thecodingtrain.com/challenges/3-snake-game

πŸ•ΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/avh_VGx69

πŸŽ₯ Previous video: https://youtu.be/LG8ZK-rRkXo?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Next video: https://youtu.be/KkyIDI6rQJI?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🌐 Snake Game on Wikipedia: https://en.wikipedia.org/wiki/Snake_(video_game)

Live Stream Archive:
πŸ”΄ Coding Train Live 32: https://youtu.be/yUO2bWfBgN8?t=578

Related Coding Challenges:
πŸš‚ #32 Agar.io: https://youtu.be/JXuxYMGe4KI
πŸš‚ #72 Frogger: https://youtu.be/giXV6xErw0Y
πŸš‚ #173 AppleSoft Basic Snake Game: https://youtu.be/7r83N3c2kPw
πŸš‚ #115 Snake Game Redux: https://youtu.be/OMoVcohRgZA

Timestamps:
0:00 Creating a Snake object
3:00 Adding keyboard control
5:20 Grid and World Constraints
8:00 Adding Food!
11:00 Eating The Food!
13:05 Getting Longer When Eating
17:40 Fixing Mistakes
21:48 Game Over State
25:55 Coding Challenge Complete Choo Choo!

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

πŸš‚ Website: http://thecodingtrain.com/
πŸ‘Ύ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
πŸ’‘ GitHub: https://github.com/CodingTrain
πŸ’¬ Discord: https://thecodingtrain.com/discord
πŸ’– Membership: http://youtube.com/thecodingtrain/join
πŸ›’ Store: https://standard.tv/codingtrain
πŸ–‹οΈ Twitter: https://twitter.com/thecodingtrain
πŸ“Έ Instagram: https://www.instagram.com/the.coding.train/

πŸŽ₯ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

πŸ”— p5.js: https://p5js.org
πŸ”— p5.js Web Editor: https://editor.p5js.org/
πŸ”— Processing: https://processing.org

πŸ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#snake #game #vectors #arrays #p5js #javascript



Other Videos By The Coding Train


2016-05-02Coding Challenge #8: Solar System in Processing - Part 2 (3D)
2016-04-29Coding Train Live 35: 3D Solar System and Maze Generator
2016-04-28Coding Challenge #7: Solar System in Processing - Part 1 (2D)
2016-04-27Coding Challenge #6: Mitosis Simulation with p5.js
2016-04-26Coding Challenge #5: Space Invaders in JavaScript with p5.js
2016-04-25Coding Challenge #4: Purple Rain in Processing
2016-04-241.4: GitHub Issues - Git and GitHub for Poets
2016-04-231.3: Forks and Pull Requests - Git and GitHub for Poets
2016-04-22Coding Train Live 34: Git and GitHub Tutorials + Purple Rain and Solar System
2016-04-22Coding Train Live 33: Space Invaders and Mitosis Simulation
2016-04-20Coding Challenge #3: The Snake Game
2016-04-191.2: Branches - Git and GitHub for Poets
2016-04-191.1: Introduction - Git and GitHub for Poets
2016-04-19Coding Train Live 32: Git and GitHub Tutorial and the Snake Game
2016-04-17Coding Challenge #2: Menger Sponge Fractal
2016-04-13Coding Train Live 31: Shape Morphing and Menger Sponge in Processing
2016-04-1312.2: Using Express with Node - WebSockets and p5.js Tutorial
2016-04-1312.3: Connecting Client to Server with Socket.io - WebSockets and p5.js Tutorial
2016-04-1312.1: Introduction to Node - WebSockets and p5.js Tutorial
2016-04-1312.4: Shared Drawing Canvas - WebSockets and p5.js Tutorial
2016-04-12Coding Challenge #1: Starfield in Processing


Tags:
code challenge snake
coding challenge snake
p5.js snake
snake game p5
javascript codeing challenge
programming snake in javascript
processing snake game
thesnakegame
coding challenge
snake game javascript
game programming challenge
HTML
DOM
console
programming challenge
creative coding
how to program snake game
video game
OOP
live coding game
p5.js
snake
PVector
challenge
Object Oriented
Object Oriented Programming
DIY video game
javascript
snake game