Перейти к содержимому

Coding Challenge 149: Tic Tac Toe

The Coding Train

0:00 / 0:00

Coding Challenge 149: Tic Tac Toe

1 528 649 просмотров · 7 л. назад
The Coding Train
1,76 млн подписчиков
1 528 649 просмотров · 7 л. назад
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... 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/s... 🎥 Previous video:    • Coding Challenge #148: Gift Wrapping Algor...   🎥 Next video:    • Coding Challenge #150: AI Rainbows with Ru...   🎥 All videos:    • Coding Challenges   Videos: 🔴 Livestream Archive:    • Coding Train Live 181: Processing Library ...   Related Coding Challenges: 🚂 #77 Recursion:    • Coding Challenge #77: Recursion   🚂 #154 Tic Tac Toe AI with Minimax Algorithm:    • Coding Challenge 154: Minimax Algorithm fo...   🚂 #163 Bézier Curves:    • Bézier curves (Coding Challenge 163)   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/pas... 🚩 Suggest Topics: https://github.com/CodingTrain/Sugges... 💡 GitHub: https://github.com/CodingTrain 💬 Discord:   / 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... #beginners #tictactoe #games #p5js