Coding Challenge #142.2: Rubik's Cube Part 2
In part 2 of the Rubik's Cube challenge, I simulate rotations of the cube's faces using matrix operations. I also refactor the code to include a separate Face class (from the Cubie class).
💻 Code: https://thecodingtrain.com/CodingChallenges/142.2-rubiks-cube
🎥Previous video: https://youtu.be/9PGfL4t-uqE
🎥Next video: https://youtu.be/8U2gsbNe1Uo
Links discussed in this video:
🔗 I am the cube: http://iamthecu.be
🔗 Rotation matrix on Wikipedia: https://en.wikipedia.org/wiki/Rotation_matrix
🎥 Rubik's Cube Live Stream: https://youtu.be/GbHGGYSwVvY
🎥 3D Rendering with Rotation and Projection: https://youtu.be/p4Iz0XJY-Qk
🎥 Matrix Multiplication for 3D Rendering: https://youtu.be/tzsgS19RRc8
🚂Website: https://thecodingtrain.com/
💡Github: https://github.com/CodingTrain
💖Membership: https://youtube.com/thecodingtrain/join
🛒Store: https://www.designbyhumans.com/shop/codingtrain/
📚Books: https://www.amazon.com/shop/thecodingtrain
🖋️Twitter: https://twitter.com/thecodingtrain
🎥Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct
🌐Help us caption and translate: http://www.youtube.com/timedtext_cs_panel?c=UCvjgXvBlbQiydffZU7m1_aw&tab=2
🚩Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
👾Share your contribution: https://thecodingtrain.com/Guides/community-contribution-guide.html
🔗 p5.js: https://p5js.org
🔗 Processing: https://processing.org
#rubikscube #matrix #operations
0:00 Introduction
1:30 Continuing From Part 1
2:57 Representing Each Cubie In a Matrix
9:43 Finding Each Cubie
11:01 Applying Rotation
25:30 Coloring The Faces
33:59 Updating The Positions
40:33 Adding Directions For Each Turn
44:03 Testing If Everything Works
Видео Coding Challenge #142.2: Rubik's Cube Part 2 канала The Coding Train
💻 Code: https://thecodingtrain.com/CodingChallenges/142.2-rubiks-cube
🎥Previous video: https://youtu.be/9PGfL4t-uqE
🎥Next video: https://youtu.be/8U2gsbNe1Uo
Links discussed in this video:
🔗 I am the cube: http://iamthecu.be
🔗 Rotation matrix on Wikipedia: https://en.wikipedia.org/wiki/Rotation_matrix
🎥 Rubik's Cube Live Stream: https://youtu.be/GbHGGYSwVvY
🎥 3D Rendering with Rotation and Projection: https://youtu.be/p4Iz0XJY-Qk
🎥 Matrix Multiplication for 3D Rendering: https://youtu.be/tzsgS19RRc8
🚂Website: https://thecodingtrain.com/
💡Github: https://github.com/CodingTrain
💖Membership: https://youtube.com/thecodingtrain/join
🛒Store: https://www.designbyhumans.com/shop/codingtrain/
📚Books: https://www.amazon.com/shop/thecodingtrain
🖋️Twitter: https://twitter.com/thecodingtrain
🎥Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct
🌐Help us caption and translate: http://www.youtube.com/timedtext_cs_panel?c=UCvjgXvBlbQiydffZU7m1_aw&tab=2
🚩Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
👾Share your contribution: https://thecodingtrain.com/Guides/community-contribution-guide.html
🔗 p5.js: https://p5js.org
🔗 Processing: https://processing.org
#rubikscube #matrix #operations
0:00 Introduction
1:30 Continuing From Part 1
2:57 Representing Each Cubie In a Matrix
9:43 Finding Each Cubie
11:01 Applying Rotation
25:30 Coloring The Faces
33:59 Updating The Positions
40:33 Adding Directions For Each Turn
44:03 Testing If Everything Works
Видео Coding Challenge #142.2: Rubik's Cube Part 2 канала The Coding Train
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Coding Challenge #142.3: Rubik's Cube Part 3Coding Challenge #114: Bubble Sort VisualizationCoding Challenge 154: Tic Tac Toe AI with Minimax AlgorithmSlide Puzzle in JavaScript (Coding Challenge 165)Coding Challenge #142.1: Rubik's Cube Part 1Coding Challenge #149: Tic Tac ToeCoding Challenge #139: Calculating Digits of Pi with CollisionsBézier curves (Coding Challenge 163)Coding Challenge #131: Bouncing DVD LogoCoding Challenge #109: Visualizing 500,000 SubscribersCoding Challenge #113: 4D Hypercube (aka "Tesseract")Rubik's Cube Math (3): Operation Matrix of Rubik’s CubeCoding Challenge #5: Space Invaders in JavaScript with p5.jsCoding Challenge #112: 3D Rendering with Rotation and ProjectionCoding Challenge #144: 2D Black Hole VisualizationCoding Challenge #11: 3D Terrain Generation with Perlin Noise in ProcessingCoding Challenge #3: The Snake GameCoding Challenge #130.1: Drawing with Fourier Transform and EpicyclesCoding Challenge #138: Angry Birds with Matter.js