createGraphics() as WebGL Texture / The Coding Train

- Using a graphics object to add textureThe sketch demonstrates how to use a graphics object to add texture.
- Using text as textureThe sketch demonstrates how to add text to a shape in WEBGL.
In this video about p5.js and WebGL, I discuss how a graphics context created with createGraphics() can be applied as a texture to 3D geometry. This is especially useful for rendering text in 3D.
- 🔗
  Getting started with WebGL in p5
  Tutorial on getting started in WebGL
- ⭐
  p5.js Reference
  Documentation for all p5.js functions
- 🚂
  CreateGraphics()
  Tutorial on CreateGRaphics
- Editing
  by Mathieu Blanchette
- Animations
  by Jason Heglund

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

🔗
Getting started with WebGL in p5
Tutorial on getting started in WebGL
⭐
p5.js Reference
Documentation for all p5.js functions

🚂
CreateGraphics()
Tutorial on CreateGRaphics

Editing
by Mathieu Blanchette
Animations
by Jason Heglund

createGraphics() as WebGL Texture

Languages

Topics

Passenger Showcase

Try a challenge!