18.6: createGraphics() as WebGL Texture - WebGL and p5.js Tutorial

Channel:

The Coding Train

Subscribers:

1,740,000

Published on December 30, 2017 2:12:30 PM ● Video Link: https://www.youtube.com/watch?v=3tTZlTq4Cxs

Category:

Tutorial

Duration: 10:36

30,281 views

493

In this video about p5.js and WebGL, I discuss how a graphics context created with via createGraphics() can be applied as a texture to 3D geometry. This is especially useful for rendering text in 3D.

Next Video: https://youtu.be/FUI7HEEz9B0
Video explaining the createGraphics() function: https://youtu.be/pNDc8KXWp9E

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

Videos mentioned in this video:
createGraphics(): https://youtu.be/pNDc8KXWp9E
Coding Challenge: Fractal Trees: https://youtu.be/0jjeOYMjmDU


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