Coding Challenge #91: Snakes & Ladders - Part 3

Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=1Ec_-wzJCPY



Duration: 29:53
19,083 views
361


In this multi-part coding challenge, I attempt to create a simulation of the classic board game Snakes & Ladders (also known as Chutes and Ladders). Code: https://thecodingtrain.com/challenges/91-snakes-and-ladders

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

Other Parts of this Challenge:
πŸ“Ί Part 1 : The Game without Snakes and Ladders: https://youtu.be/JrRO3OnWs5s
πŸ“Ί Part 2 : Add Snakes and Ladders: https://youtu.be/wN5Is0DjW8w

πŸŽ₯ Previous video: https://youtu.be/0L2n8Tg2FwI?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Next video: https://youtu.be/188B6k_F9jU?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🌐 Snakes and Ladders on Wikipedia: https://en.wikipedia.org/wiki/Snakes_and_Ladders

Videos:
πŸŽ₯ Video Games track: https://thecodingtrain.com/tracks/games
πŸ”΄ Coding Train Live 116.2: https://youtu.be/1v_E18xU3ok?t=570s

Related Coding Challenges:
πŸš‚ #71 Minesweeper: https://youtu.be/LFU5ZlrR21E
πŸš‚ #72 Frogger: https://youtu.be/giXV6xErw0Y
πŸš‚ #94 2048 Sliding Puzzle Game: https://youtu.be/JSn-DJU8qf0

Timestamps:
00:00 Introduction
01:00 Adding States to the Game
02:20 The ROLL State
04:40 Highlight a Preview of the next Spot
07:20 Do some Debugging
09:32 The MOVE State
11:28 Fix the Drawing of the Preview
13:46 Find out is there is a Snadder
17:15 The SNADDER State
19:07 Move according to the Snadder
20:22 Some more Debugging
25:12 Figure out if the Game is Over
26:28 Make the Board bigger
28:56 Wrapping up this Coding Challenge

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

#snakesandladders #game #p5js #javascript







Tags:
live
programming
daniel shiffman
creative coding
coding challenge
tutorial
coding
challenges
coding train
the coding train
live stream
itp nyu
class
processing coding challenge
challenge
codingtrain
processing
code challenge
snakes and ladders
chutes and ladders
chutes
ladders
snakes & ladders
snakes ladders js
snakes ladders javascript
code
game
snakes
javascript (programming language)