Tic Tac Toe in p5.js (Coding Challenge 149)
1.3 میلیون بار بازدید -
5 سال پیش
-
This is a beginner-friendly challenge
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 ...
🎥 Next video: Coding Challenge #150: AI Rainbows wi...
🎥 All videos: Coding Challenges
Videos:
🔴 Livestream Archive: Coding Train Live 181: Processing Lib...
Related Coding Challenges:
🚂 #77 Recursion: Coding Challenge #77: Recursion
🚂 #154 Tic Tac Toe AI with Minimax Algorithm: Minimax Algorithm for Tic Tac Toe (Co...
🚂 #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: discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter: Twitter: thecodingtrain
📸 Instagram: 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
🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/s...
🎥 Previous video: Coding Challenge #148: Gift Wrapping ...
🎥 Next video: Coding Challenge #150: AI Rainbows wi...
🎥 All videos: Coding Challenges
Videos:
🔴 Livestream Archive: Coding Train Live 181: Processing Lib...
Related Coding Challenges:
🚂 #77 Recursion: Coding Challenge #77: Recursion
🚂 #154 Tic Tac Toe AI with Minimax Algorithm: Minimax Algorithm for Tic Tac Toe (Co...
🚂 #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: discord
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
🖋️ Twitter: Twitter: thecodingtrain
📸 Instagram: 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
5 سال پیش
در تاریخ 1398/05/02 منتشر شده
است.
1,396,411
بـار بازدید شده