9.1: Transformations Pt.1 (Translate, Rotate, Push/Pop) - p5.js Tutorial

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=o9sgjuh-CBM


Category:
Tutorial
Duration: 22:55
179,533 views
3,063

In this three part tutorial, I cover matrix "transformations" using p5.js. In this video I cover the functions translate(), rotate(), push() and pop().

Link to Part 2: https://youtu.be/pkHZTWOoTLM
Link to Part 3: https://youtu.be/IVMvq9rd8dA

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/

Videos discussed:
Angles and Angular Motion: https://youtu.be/qMq-zd6hguc

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!

http://amara.org/v/a7tF/

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



Other Videos By The Coding Train


2017-09-26Coding Challenge #76: 10PRINT in p5.js
2017-09-25Coding Challenge #75: Wikipedia API
2017-09-249.21: p5-manager - p5.js Tutorial
2017-09-23Coding Train Live 101: "let" vs "var", "const", 10 PRINT, Wikipedia API & more! - Part 2
2017-09-23Coding Train Live101.1: "let" vs "var", "const", 10 PRINT, Wikipedia API & more! - Part 1
2017-09-22The Coding Train!
2017-09-21Guest Tutorial #5: Brick Breaker with Yining Shi
2017-09-20Coding Challenge #74: Clock with p5.js
2017-09-199.3: Transformations Pt.3 - p5.js Tutorial
2017-09-199.2: Transformations Pt.2 (Scale) - p5.js Tutorial
2017-09-189.1: Transformations Pt.1 (Translate, Rotate, Push/Pop) - p5.js Tutorial
2017-09-16Coding Train Live 100: Transformations and Clocks with p5.js - Part 2
2017-09-16Coding Train Live 100.1: Transformations and Clocks with p5.js - Part 1
2017-09-11Coding Challenge #73: Acrostic
2017-09-09Coding Train Live 99: Back from Hiatus!
2017-07-20Code Dictation Experiments and Bike Accident Update
2017-07-07Hello again! (Update on bike accident)
2017-07-0310.7: Neural Networks: Matrix Math Part 2 - The Nature of Code
2017-07-0210.6: Neural Networks: Matrix Math Part 1 - The Nature of Code
2017-06-3010.5: Neural Networks: Multilayer Perceptron Part 2 - The Nature of Code
2017-06-2710.4: Neural Networks: Multilayer Perceptron Part 1 - The Nature of Code


Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
coding challenge
tutorial
coding
challenges
coding train
the coding train
live stream
itp nyu
translate
rotate
push
pop
pushmatrix
popmatrix
resetmatrix
printmatrix
processing
p5.js transformations
p5.js matrix
canvas translate
canvas
html5 canvas
html5 canvas animation
canvas rotate
canvas matrix
p5.js
javascript
p5.js tutorial