Published On May 18, 2017
In this challenge, I attempt to code the classic game Minesweeper in JavaScript with the p5.js library. Code: https://thecodingtrain.com/challenges...
š¹ļø p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/s...
š„ Previous video: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #70:Ā NearestĀ Neighbo...Ā Ā
š„ Next video: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #72:Ā FroggerĀ -Ā PartĀ 1Ā Ā
š„ All videos: Ā Ā Ā ā¢Ā CodingĀ ChallengesĀ Ā
References:
š Minesweeper on Wikipedia: https://en.wikipedia.org/wiki/Mineswe...)
š Floodfill on Wikipedia: https://en.wikipedia.org/wiki/Flood_fill
š± Minesweeper suggestion on GitHub: https://github.com/CodingTrain/Rainbo...
Videos:
š„ Prototypes in JavaScript: Ā Ā Ā ā¢Ā 9.19:Ā PrototypesĀ inĀ JavascriptĀ -Ā p5.j...Ā Ā
š„ Inheritance with Prototype in JS: Ā Ā Ā ā¢Ā 9.20:Ā LookĀ away!Ā InheritanceĀ withĀ Pro...Ā Ā
š“ Coding Train Live 92: Ā Ā Ā ā¢Ā LiveĀ StreamĀ #92:Ā MinesweeperĀ Ā
Related Coding Challenges:
š #3 The Snake Game: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #3:Ā TheĀ SnakeĀ GameĀ Ā
š #46 Asteroids: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #46.1:Ā AsteroidsĀ wit...Ā Ā
š #67 Pong!: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #67:Ā Pong!Ā Ā
š #91 Snakes & Ladders: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #91:Ā SnakesĀ &Ā Ladder...Ā Ā
š #115 Snake Game Redux: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #115:Ā SnakeĀ GameĀ ReduxĀ Ā
Timestamps:
0:00 Welcome!
1:26 All aboard!
2:36 Explaining the logic of the game
4:31 Defining the cells
11:03 Let's make a show() function using object protypes!
17:30 Checking if mouse is inside a grid
20:15 Revealing the cells after clicking
22:58 Checking how many bees are neighboring a particular cell
34:20 Starting to work on the game mechanic!
41:50 Let's implement floodfill!
48:45 Defining when the game is over
51:11 Minesweeper!
53:12 Thanks for watching!
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
š Website: http://thecodingtrain.com/
š¾ Share Your Creation! https://thecodingtrain.com/guides/pas...
š© Suggest Topics: https://github.com/CodingTrain/Sugges...
š” GitHub: https://github.com/CodingTrain
š¬ Discord: https://thecodingtrain.com/discord
š Membership: http://youtube.com/thecodingtrain/join
š Store: https://standard.tv/codingtrain
šļø Twitter: Ā Ā /Ā thecodingtrainĀ Ā
šø Instagram: Ā Ā /Ā the.coding.trainĀ Ā
š„ Coding Challenges: Ā Ā Ā ā¢Ā CodingĀ ChallengesĀ Ā
š„ Intro to Programming: Ā Ā Ā ā¢Ā StartĀ learningĀ here!Ā Ā
š 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-o...
This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecod...
#games #prototypes #floodfill #javascript #p5js