Code Bits

Code Art Gallery

Generative art created with code. Each piece is rendered in real-time using the Canvas API.

Flow Field

Particles following a Perlin noise-based vector field

Source Code

1const scale = 0.01;
2for (let i = 0; i < particles; i++) {
3  const angle = Math.sin(x * scale + time)
4              * Math.cos(y * scale) * Math.PI * 2;
5  ctx.lineTo(
6    x + Math.cos(angle) * length,
7    y + Math.sin(angle) * length
8  );
9}

All Pieces