18.5: Camera and Perspective - WebGL and p5.js Tutorial

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



Category:
Tutorial
Duration: 20:35
61,749 views
1,033


In this video about p5.js and WebGL I discuss how the camera(), perspective(), and ortho() functions work in 3D.

Next Video: https://youtu.be/3tTZlTq4Cxs

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/


Links discussed in this video:
p5.js reference: https://p5js.org/reference/
Getting started with WebGL in p5: https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5
Processing P3D Tutorial: https://processing.org/tutorials/p3d/

Videos mentioned in this video:
Cube Wave by Bees and Bombs: https://youtu.be/H81Tdrmz2LA


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

📄 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
class
webgl
3d javascript
3d canvas
webgl p5js
p5js 3d
3d animation
3d animation javascript
3d lights
3d material
p5.js
p5.js tutorial
3d
javascript
webgl js
webgl javascript
webgl browser
webgl 3d
webgl processing
camera
perspective
camera 3d
camera webgl
ortho
orthographic