WebGL Gray-Scott Explorer

The Gray-Scott equations can produce most of the types of patterns that are possible in reaction-diffusion systems. For a complete description of Gray-Scott patterns, with many examples and videos, go to my Xmorphia Gray-Scott page.


Use the mouse to draw in the large image area. Alternate clicks paint "high-U" (red in the default colours) or "low-U" (blue).

The init button makes the pattern blank, or random. Click it multiple times until you get what you want.

Use the list of presets to see examples of patterns from the wide diversity of types available. Each preset has a classification (usually a Greek letter); these are explained on the separate page Pearson's Classification (Extended) of Gray-Scott System Parameter Values.

Things to try with each preset : (assuming that you're using the default colour scheme -- reloading the page will restore the default colours.)

You may also change F, k directly with the sliders. Make small, gradual changes (if you change these quickly, the pattern will probably vanish)

Edit the colour scheme by clicking on the little squares below the colour bar to access a colour-picker dialogue.

When you find values of F, k, and colour scheme you like, you can save them by copying the text out of the box labeled "Import/export". To restore previously-saved settings, paste the text into the box and hit Enter.

This simulation requires the GL extensions framebuffer_object and texture_float. If you cannot see the simulation your system probably lacks at least one of these extensions.

In Google Chrome, you can see the available GL extensions by putting chrome://gpu in the address bar.