Watercolor Effect Generator: Create Watercolor Reveals

Introduction

The Watercolor Effect Generator demonstrates how GLSL shaders and Three.js can be combined to reveal images as if painted with flowing watercolors. The demo includes adjustable parameters for bleed, edge softness and animation speed.

Using the Tool

Navigate to the Watercolor Effect Generator tool and a random sample image will appear. Replace it by pasting or dragging in your own image and use Ctrl+Z to revert.

How It Works

A fragment shader driven by FBM noise determines where pigment appears on a virtual paper surface. As time progresses, the shader gradually increases the reveal threshold, creating an organic splash effect.