WebGl in p5.js

tutorial #18: Rendering 3D Objects using the p5.js library

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 2017

This 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 2017

In this video about p5.js and WebGL I cover 3D geometry and primitive shapes.

#18.3

Light and Material

22 Dec 2017

In this video, I inestigate lights and materials in the p5.js WebGL 3D renderer.

#18.4

Texture - WebGL and p5.js

26 Dec 2017

In this video, I cover textures in 3D using the p5.js WebGL renderer.

#18.5

Camera and Perspective

27 Dec 2017

In this video about p5.js and WebGL I discuss how the camera(), perspective(), and ortho() functions work in 3D.

#18.6

createGraphics() as WebGL Texture

30 Dec 2017

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.

#18.7

Loading OBJ Model

02 Jan 2018

In 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 2018

In this video I discuss how to use beginShape(), endShape() and vertex() to create custom shapes in p5.js / WebGL.