visualizer: reaction diffusion

Take screenshot

GRAY SCOTT MODEL

This is an implementation of reaction diffusion systems on Three.js and WebGL that allows pattern formation in video capture.

On the right side: Open Controls

First line dropdown has a series of presets.

Sliders above will allow you to change the following parameters:

- CUSTOM BACKGROUND TEXTURE:>

- feedCam: toggles video capture

- interpolation: mixing amount with background texture

- writeText: toggles custom text

- message: write text used as background. use '-' to create new line

- Brushable: turn on/off brush

- brushSize: radius of brush

-REACTION DIFFUSION:

- iterations: number of times the GS algorithm is applied at each frame

- dA: rate of difussion of substance A

- dB: rate of diffusion of substance B

- feed: rate of feed //////////////////////////////

- kill: rate of kill ////////suggestion: get these values from here

- rNeighbour: radius of diffusion.

- tNeighbour: translate local neighbourhood. Bounded by size of radius.

- colors

- timeStep: time lapse within each frame

- zoom, rotate, centerX, centerY: scale, rotate and move position of pattern

Developed at Recurse Center

This is a still WIP for any comments drop me at contact@solquemal.com

View source Share Support us Send feedback!

SaveNewRevert
- Custom background texture
- feedCam
- interpolate
- writeText
- message
- Brushable
- brushSize
- Reaction Diffusion
- applyReactionDiffusion
- iterations
- dA
- dB
- feed
- kill
- rNeighbour
- tNeighbour
color1
color2
color3
timeStep
zoom
rotate
centerX
centerY

Close Controls

Here's the new load parameter for your GUI's constructor:

Automatically save values to localStorage on exit.

The values saved to localStorage will override those passed to dat.GUI's constructor. This makes it easier to work incrementally, but localStorage is fragile, and your friends may not see the same values you do.