Coding Challenge #149: Tic Tac Toe

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


Duration: 24:01
1,292,913 views
25,419

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



Other Videos By The Coding Train


2019-10-11Coding the Maurer Rose
2019-10-11Coding Train Live 185: RDP Algorithm
2019-10-08Coding Train Live 184: uNet and BodyPix with ml5.js
2019-10-03Coding Challenge #151: Ukulele Tuner with Machine Learning Pitch Detection Model
2019-09-27Coding Train Live 183: Brooklyn Studio, ml5.js Pitch Detection
2019-08-22Coding Challenge #150: AI Rainbows with Runway and p5.js
2019-08-11Introduction to Runway: Machine Learning for Creators (Part 2)
2019-08-08Introduction to Runway: Machine Learning for Creators (Part 1)
2019-08-01Behind the Scenes of The Coding Train: How I Livestream
2019-07-26How to add your contribution to The Coding Train website
2019-07-24Coding Challenge #149: Tic Tac Toe
2019-07-19How to Make a Processing (Java) Library Part 2
2019-07-18How to Make a Processing (Java) Library Part 1
2019-07-17Coding Train Live 182: Introduction to RunwayML
2019-07-14Whoops
2019-07-13Coding Challenge #148: Gift Wrapping Algorithm (Convex Hull)
2019-07-09Setup: Everything you need to begin the course Working with Data and APIs in JavaScript
2019-07-08Working with Data and APIs in JavaScript
2019-07-02ITP/IMA Spring Show 2019
2019-06-283.5 Web Application Deployment (Glitch and Heroku) - Working with Data and APIs in JavaScript
2019-06-27Coding Train Live 181: Processing Library + Tic Tac Toe


Tags:
p5.js
processing
tic tac toe
coding challenge
coding lessons
coding tutorial
javascript
js
dan shiffman
coding train
javascript lesson