Coding Train Live 100.1: Transformations and Clocks with p5.js - Part 1

Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=tXjI6evU-so



Duration: 1:36:51
14,101 views
419


Live Stream #100!! I discussion matrix transformations (translate, rotate, scale, push and pop) with the p5.js library. I also attempt a clock coding challenge.

Due to technical problems, this live stream is in two parts.
Link to Part 2: https://youtu.be/BcbS0MR3vxQ

Timestamps:
26:08 - Intro to p5-manager
50:12 - Transformations with p5.js
1:24:21 - Scaling with p5.js

πŸš‚ 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
πŸŽ₯ For More Live Streams: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxnFR6no70vlxxuxDEzflz

πŸ”— p5.js: https://p5js.org
πŸ”— p5.js Web Editor: https://editor.p5js.org/
πŸ”— Processing: https://processing.org

References:
Processing Community Day: https://day.processing.org/
ICM-2017 Syllabus: https://github.com/ITPNYU/ICM-2017
OF Course: http://www.ofcn.io/intro-of/
Interactive Media Arts at ITP: https://itp.nyu.edu/ima/
IMA Facebook page: https://www.facebook.com/ima.tisch.nyu/
IMA | Tisch | NYU on Twitter: https://twitter.com/ima_nyu
ITP - Interactive Telecommunications Program - NYU: https://tisch.nyu.edu/itp
p5-manager on npm: https://www.npmjs.com/package/p5-manager
Chiun Hau You on Github: https://github.com/chiunhau
Install Node.js: https://nodejs.org/en/
Atom: https://atom.io/
Jonathan Corum on Twitter: https://twitter.com/13pt

Videos:
Introduction to Node: https://youtu.be/bjULmG8fqc8
Angles and Angular Motion: https://youtu.be/qMq-zd6hguc

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

Help us caption & translate this video!

https://amara.org/v/dXlk/

πŸ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct







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
scale
rotate
push
pop
pushmatrix
popmatrix
resetmatrix
printmatrix
processing
p5.js transformations
p5.js matrix
javascript clocks
golan levin
john maeda
p5.js clocks