Live Stream #111: More WebGL with p5.js!

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



Duration: 2:09:00
9,828 views
287


In this live session, I continue to explore WEBGL in p5.js.

17:42 - createGraphics function
42:17 - Textures with createGraphics function
1:01:38 - loadModel and OBJ fileS
1:32:48 - Coding Challenge: 3D knots
1:48:53 - Custom Shapes in WebGL with p5.js


Schedule and topics:
https://github.com/CodingTrain/Rainbow-Code/blob/master/README.md

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:
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/
ITP Winter Show 2017: https://itp.nyu.edu/shows/winter2017/show/
Project for Awesome 2017: http://www.projectforawesome.com/
Paul Bourke's reference on 3D knots: http://paulbourke.net/geometry/knots/
Knot Theory on Wikipedia: https://en.wikipedia.org/wiki/Knot_theory
The Book of Shaders: https://thebookofshaders.com/
Three.js: https://threejs.org
Fun Fun Function: https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q


Videos mentioned in this video:
My Coding Challenge on Spherical Geometry: https://youtu.be/RkuBWEkBrZA
My Video on beginShape/endShape: https://youtu.be/76fiD5DvzeQ
My Coding Challenge on Texturing a Flag: https://youtu.be/JunJzIe0hEo


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

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

For an Introduction to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
For More Live Streams: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxnFR6no70vlxxuxDEzflz
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

https://amara.org/v/dWWo/

📄 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
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
createGraphics
graphics buffer
loadmodel