?/100

Coding Challenge #149: Tic Tac Toe

July 24, 20191200284

Description

This is a beginner-friendly challenge where I attempt to code a basic version of the game Tic-Tac-Toe using JavaScript and the p5.js library. Code: https://thecodingtrain.com/challenges/149-tic-tac-toe πŸ•ΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/5JngATm3c πŸŽ₯ Previous video: https://youtu.be/YNyULRrydVI?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH πŸŽ₯ Next video: https://youtu.be/vEetoBuHj8g?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Videos: πŸ”΄ Livestream Archive: https://youtu.be/Y6cMTh2BODY Related Coding Challenges: πŸš‚ #77 Recursion: https://youtu.be/jPsZwrV9ld0 πŸš‚ #154 Tic Tac Toe AI with Minimax Algorithm: https://youtu.be/trKjYdBASyQ πŸš‚ #163 BΓ©zier Curves: https://youtu.be/enNfb6p3j_g Timestamps: 0:00 Welcome! 0:54 Start coding 3:50 Drawing X and O 5:00 Let's diagram this! 8:46 Randomly choose the first player at the start of round 10:18 Drawing the grid 10:58 Each player places their symbol on a random spot 15:00 Check for a winner 18:44 Checking for equality of three elements 19:50 More bugs 21:01 Final Working Version! Show the winner 22:34 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/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box πŸ’‘ GitHub: https://github.com/CodingTrain πŸ’¬ Discord: https://discord.gg/hPuGy2g πŸ’– 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 #beginners #tictactoe #games #p5js

Wheatcha