Coding Challenge #142: Rubik's Cube Part 2

Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=EGmVulED_4M



Duration: 52:56
141,014 views
2,692


Can I build an interactive 3D Rubik's cube in Processing? Yes! Someday I hope to return to this project and add an AI solver! Code: https://thecodingtrain.com/challenges/142-rubiks-cube

πŸ•ΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/Jguv-i8Xj

Other Parts of this Challenge:
πŸ“Ί Rubik's Cube - Part 1: https://youtu.be/9PGfL4t-uqE
πŸ“Ί Rubik's Cube - Part 3: https://youtu.be/8U2gsbNe1Uo

πŸŽ₯ Previous video: https://youtu.be/pn2vlselv_g?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Next video: https://youtu.be/eqo2LxRADhU?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
πŸ“Ή peasycam: http://mrfeinberg.com/peasycam/
πŸŸ₯ I am the cube: https://iamthecu.be
πŸ”— Rotation matrix on Wikipedia: https://en.wikipedia.org/wiki/Rotation_matrix

Videos:
πŸŽ₯ Code Bullet: https://youtu.be/f9smvQ5fc7Q
πŸŽ₯ Matrix Transformations: https://www.youtube.com/watch?v=o9sgjuh-CBM&t=0s
πŸŽ₯ Matrix Multiplication for 3D Rendering: https://youtu.be/tzsgS19RRc8
πŸ”΄ Coding Train Live 174: https://youtu.be/GbHGGYSwVvY?t=1060s

Related Coding Challenges:
πŸš‚ #112 3D Rendering with Rotation and Projection: https://youtu.be/p4Iz0XJY-Qk

Timestamps:
0:00:00 Introduction
0:01:30 Continuing From Part 1
0:02:57 Representing Each Cubie In a Matrix
0:09:43 Finding Each Cubie
0:11:01 Applying Rotation
0:25:30 Coloring The Faces
0:33:59 Updating The Positions
0:40:33 Adding Directions For Each Turn
0:44:03 Testing If Everything Works

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://thecodingtrain.com/discord
πŸ’– 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

#rubikscube #rotationmatrix #peasycam #simulation #processing







Tags:
daniel shiffman
coding
the coding train
coding challenge
creative coding
code challenge
programming challenge
rubiks cube
rubik's cube
rubiks cube algorithms
rubiks cube animation
rubiks cube processing
processing coding
processing coding challenge
rubiks cube patterns
rubiks cube simulation
rubiks cube 3x3x3
rubik cube
rubiks cube code
rubiks cube java
matrix rubik's
matrix math
matrix rotation
2d matrix math
rubik's cube matrix