Coding Train Live 110: WebGL with p5.js Continued

Channel:
United States The Coding Train
Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=4ncCxWm6jj0


Duration: 3:17:17
12,417 views
355

In this live session, I continue exploring WEBGL rendering with the p5.js library.

Timestamps:
25:38 - Lights and Material
1:01:23 - Textures
1:35:43 - Camera
2:15:34 - Debugging Open Source projects

πŸš‚ 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

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

References:
Getting started with WebGL in p5: https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5
p5.js reference: https://p5js.org/reference/
Processing 3D Tutorial: https://processing.org/tutorials/p3d/
2017 Google Summer of Code Grand Wrap-Up Post: https://medium.com/@ProcessingOrg/2017-google-summer-of-code-grand-wrap-up-post-16680b1438db
Three.js: https://threejs.org/
The Coding Train on Amazon: https://www.amazon.com/shop/thecodingtrain
p5.js reference: https://p5js.org/reference/

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

For More Live Streams: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxnFR6no70vlxxuxDEzflz

Help us caption & translate this video!

https://amara.org/v/dU46/

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



Other Videos By The Coding Train


2017-12-2618.4: Texture - WebGL and p5.js Tutorial
2017-12-25Coding Challenge #88: Snowfall
2017-12-23Coding Train Live 112: Happy Holidays from the Coding Train!
2017-12-2218.3: Light and Material - WebGL and p5.js Tutorial
2017-12-20Coding Challenge #87: 3D Knots
2017-12-19Live Stream Archive - ITP Winter Show 2017
2017-12-1918.2: 3D Geometries - WebGL and p5.js Tutorial
2017-12-1818.1: Introduction to WebGL in p5.js - WebGL and p5.js Tutorial
2017-12-17Live Stream #111: More WebGL with p5.js!
2017-12-167.8: Objects and Images - p5.js Tutorial
2017-12-15Coding Train Live 110: WebGL with p5.js Continued
2017-12-1516.4: for...of loop - Topics of JavaScript/ES6
2017-12-147.7: Object Communication Part 2 - p5.js Tutorial
2017-12-13Coding Train Live 109: WebGL with p5.js
2017-12-137.6: Object Communication Part 1 - p5.js Tutorial
2017-12-11Coding Challenge #85: The Game of Life
2017-12-09Coding Train Live 108: More OOP with ES6 & The Game of Life
2017-11-29Coding Challenge #84: Word Definition Extension
2017-11-2811.8: Cross-Browser Extensions - Programming with Text
2017-11-2711.7: Chrome Extensions: New Tab Override - Programming with Text
2017-11-2211.6: Chrome Extensions: Pop-ups Messaging - Programming with Text


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
threejs
3d javascript
3d canvas
webgl p5js
p5js 3d
3d animation
3d animation javascript
3d lights
3d material
p5.js
p5.js tutorial
3d
javascript
programming challenge