Creative coding

Browser 3D & creative sketches

Each topic lives in its own folder (e.g. 3js/, p5js/, babylon/, phaser/, shaders/). Lessons use live demos (iframes), Coffee Academy styling, and mobile-friendly layouts.

Three.js

6 modules — scene graph through InstancedMesh

p5.js

6 modules — setup/draw through arrays & particles

Babylon.js

6 modules — scene & mesh through loops & many meshes

Phaser 3

6 modules — scenes, input, physics & playful motion

GLSL shaders

6 modules — fragment shaders on a WebGL quad