Can I draw and rotate a 3D cube using Processing's 2D renderer with just some math?!?! Yes! Watch to learn more about rotation and projection matrices along with perspective and orthographic projection! Code: [ Ссылка ]
🕹️ p5.js Web Editor Sketch: [ Ссылка ]
🎥 Previous video: [ Ссылка ]
🎥 Next video: [ Ссылка ]
🎥 All videos: [ Ссылка ]
References:
💾 Matrix Multiplication: [ Ссылка ]
🗄 Rotation Matrix on Wikipedia: [ Ссылка ]
🗄 3D Projection on Wikipedia: [ Ссылка ]
Videos:
🚂 Matrix Math: [ Ссылка ]
🚂 Matrix Multiplication for 3D Rendering: [ Ссылка ]
🔴 Coding Train Live 148.1: [ Ссылка ]
Related Coding Challenges:
🚂 #26 3D Supershapes: [ Ссылка ]
🚂 #113 4D Hypercube (aka 'Tesseract'): [ Ссылка ]
🚂 #142 Rubik's Cube: [ Ссылка ]
Timestamps:
0:00 Introducing today's topic: 3D rendering in 2D
2:08 Let's begin coding!
7:50 Add a projection matrix
12:00 Add a rotation matrix
18:02 Make a cube with 8 points
20:41 Normalize the cube
21:45 Connect the edges
28:09 Add perspective projection
31:36 Conclusion and next steps
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
🚂 Website: [ Ссылка ]
👾 Share Your Creation! [ Ссылка ]
🚩 Suggest Topics: [ Ссылка ]
💡 GitHub: [ Ссылка ]
💬 Discord: [ Ссылка ]
💖 Membership: [ Ссылка ]
🛒 Store: [ Ссылка ]
🖋️ Twitter: [ Ссылка ]
📸 Instagram: [ Ссылка ]
🎥 Coding Challenges: [ Ссылка ]
🎥 Intro to Programming: [ Ссылка ]
🔗 p5.js: [ Ссылка ]
🔗 p5.js Web Editor: [ Ссылка ]
🔗 Processing: [ Ссылка ]
📄 Code of Conduct: [ Ссылка ]
This description was auto-generated. If you see a problem, please open an issue: [ Ссылка ]
#3drendering #projectionmatrix #perspectiveprojection #rotationmatrix #processing
![](https://i.ytimg.com/vi/p4Iz0XJY-Qk/maxresdefault.jpg)