Experiments

Ideas worth
sharing.

Self-directed experiments that are designed to answer a question rather than fulfill a brief. These experiments aim to learn something and often end up informing the craft of the day job.

012026

Reaction–Diffusion

Pattern
Parameters

Most of this space is empty — the field dies or floods. The interesting patterns live in a narrow band, which is the whole difficulty of tuning it.

A living texture behind this site's homepage — a chemistry simulation running on the GPU, grown from fourteen seeds and reacting to your cursor.

The background of the homepage is not an image or a video. It is a Gray–Scott reaction–diffusion simulation: two imaginary chemicals spreading across a grid and reacting with each other, thousands of times a second, on the graphics card.

It starts from fourteen tiny seeds and grows outward until the colonies meet and fill the screen, then thins back to a sparse scattering and fills again — a cycle that never repeats exactly. Moving your cursor adds more of the chemical it grows from, so you plant new pattern wherever you go.

The whole thing is about two hundred lines of vanilla WebGL with no libraries, sitting at seven percent opacity. It should register as texture rather than as motion — the point is that it rewards a second look without ever competing with the words in front of it.

What it took

Concept, shader work, and interaction design. Built and tuned end to end, then measured on screen rather than eyeballed.

Built with

  • WebGL2 + GLSL
  • Gray–Scott model
  • React / Next.js
  • No dependencies
04 — Contact

Let’s make something thoughtful.

Tap to playSoulection All Day 2020Joe Kay · SoundCloud