WebGl in p5.js
This series of the p5.js tutorial is about the WEBGL renderer. I discuss 3D rendering in the browser and the current state of capabilities in p5.js WEBGL
- #18.1
Introduction to WebGL in p5.js
18 Dec 2017This is the first video in a playlist about the WEBGL renderer in the p5.js library. I discuss 3D rendering in the browser and the current state of capabilities in p5.js WEBGL.
- #18.2
3D Geometries
19 Dec 2017In this video about p5.js and WebGL I cover 3D geometry and primitive shapes.
- #18.3
Light and Material
22 Dec 2017In this video, I inestigate lights and materials in the p5.js WebGL 3D renderer.
- #18.4
Texture - WebGL and p5.js
26 Dec 2017In this video, I cover textures in 3D using the p5.js WebGL renderer.
- #18.5
Camera and Perspective
27 Dec 2017In this video about p5.js and WebGL I discuss how the
camera(),perspective(), andortho()functions work in 3D. - #18.6
createGraphics() as WebGL Texture
30 Dec 2017In 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.
- #18.7
Loading OBJ Model
02 Jan 2018In this video I demonstrate how to load an OBJ model in a p5.js sketch using the WebGL renderer.
- #18.8
Custom Shapes
03 Jan 2018In this video I discuss how to use
beginShape(),endShape()andvertex()to create custom shapes in p5.js / WebGL.