Liquify
Liquid-like interactive deformation effect
Liquid-like interactive deformation effect
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| intensity | range | 10 | Scale of the fabric displacement effect |
| stiffness | range | 3 | Fabric rigidity (higher = stiffer canvas, lower = stretchy silk) |
| damping | range | 3 | How quickly fabric motion settles |
| radius | range | 1 | Cursor influence area |
| edges | "stretch" | "transparent" | "mirror" | "wrap" | stretch | How to handle edges when distortion pushes content out of bounds |
Usage
vue
<Shader>
<Liquify
:intensity="10"
:radius="1"
>
<Circle />
</Liquify>
</Shader>