Oil Wave Logo pro

Your logo or word seen through oil shaken by music: each note sends waves in from the edges that bend the letters.

Customize

The word to show (ignored when you give a picture address)

Or a picture address, for example /logo.png (a logo on a transparent background looks best)

The notes played one after another (Hz). 440 is the A above middle C

Colour of the floor under the oil

Colours of the word (top to bottom)

How long each note lasts (ms)

How hard the tank is shaken

How strongly the oil bends the picture

Brightness of the light glints on the waves

How slowly ripples fade (higher = longer)

Detail of the simulation (higher = sharper but slower)

Touching the surface with the mouse makes ripplesShow a button that plays the notes as sound

import OilWaveLogo from './OilWaveLogo';

<OilWaveLogo />

Checking your access…

Dependencies: none