9.3: Transformations Pt.3 - p5.js Tutorial

Channel:

The Coding Train

Subscribers:

1,740,000

Published on September 19, 2017 8:40:18 PM ● Video Link: https://www.youtube.com/watch?v=IVMvq9rd8dA

Category:

Tutorial

Duration: 8:11

24,432 views

454

In this three part tutorial, I cover matrix "transformations" using p5.js. In this video, I look a bit behind the scenes on how transformations work and where the terms "push" and "pop" come from. I discuss the difference between a stack and a queue,
rotate() vs rotateZ(), and what a "matrix" refers to in computer graphics.

Link to Part 1: https://youtu.be/o9sgjuh-CBM
Link to Part 2: https://youtu.be/pkHZTWOoTLM

Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/
To Support the Processing Foundation: https://processingfoundation.org/support

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/


Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org

For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
For Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

https://amara.org/v/abXs/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct