[MINOR PROJECT 01] LIVE GRAPHICS EXPERIMENT

Procedural flow field.

A few equations, an infinite number of contours. Change the speed, frequency, and palette to explore a small world made entirely in a fragment shader.

Concept artwork for the procedural graphics lab; start the demo to view the live flow field

Enable JavaScript to run the interactive shader.

Ready when you are. The demo starts only when you choose.

From a pixel to a pattern.

Every pixel runs the same small program. Layered sine and cosine waves warp its coordinates, then a contour function turns that field into luminous lines.

The result is calculated on your graphics hardware. There are no baked animation frames or video files behind the live image.

Back to minor projects

Try a different perspective.

  • Lower the frequency for broad, sweeping forms.
  • Move warmth toward zero for a cooler palette.
  • Pause motion and adjust the controls to compose a still image.
  • WebGL
  • GLSL
  • Procedural graphics