Retro dithered noise shader background.
Colors, wave shape and the dithering depth are wired to the controls underneath. Move the pointer over the stage to carve a hole in the waves.
| Prop | Type | Default | Description |
|---|---|---|---|
waveSpeed | number | 0.05 | Speed of the wave animation. |
waveFrequency | number | 3 | Frequency of the wave pattern. |
waveAmplitude | number | 0.3 | Amplitude of the wave pattern. |
waveColor | [number, number, number] | [0.5, 0.5, 0.5] | Color of the wave, defined as an RGB array. |
backgroundColor | [number, number, number] | [0, 0, 0] | Base canvas color behind the dithered waves. |
colorNum | number | 4 | Number of colors to use in the dithering effect. |
pixelSize | number | 2 | Size of the pixels for the dithering effect. |
disableAnimation | boolean | false | Disable the wave animation when true. |
enableMouseInteraction | boolean | true | Enables mouse interaction to influence the wave effect. |
mouseRadius | number | 1 | Radius for the mouse interaction effect. |
Keyboard shortcuts and ARIA behavior.