Back to Browse

Coding Challenge 3: The Snake Game

3.4M views
Apr 20, 2016
27:26

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

Download

1 formats

Video Formats

360pmp475.3 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Coding Challenge 3: The Snake Game | NatokHD