Made by Kyle Stewart

Canvas 3D

3D in the canvas

tap r to randomize, s to save a frame

Original idea by Matt Deslauriers in his Canvas Sketch Examples

What’s Going On Here?

I would usually use WebGL to make something like this. The Canvas API with its 2D drawing functions was used instead to rasterize a generative 3D object. This exercise was a chance to better understand cameras, depth, and transforms. See if you can spot the rendering issue (hint: think “deeply”).