Liquid metaball blobs that merge and separate with smooth implicit surface animation.
Every prop is wired to the controls underneath. Move the pointer over the stage and the cursor ball merges with the others.
| Prop | Type | Default | Description |
|---|---|---|---|
color | string | #ffffff | The base color of the metaballs. |
speed | number | 0.3 | Speed multiplier for the animation. |
enableMouseInteraction | boolean | true | Enables or disables the ball following the mouse. |
enableTransparency | boolean | false | Enables or disables transparency for the container of the animation. |
hoverSmoothness | number | 0.05 | Smoothness factor for the cursor ball when following the mouse. |
animationSize | number | 30 | The size of the world for the animation. |
ballCount | number | 15 | Number of metaballs rendered. |
clumpFactor | number | 1 | Determines how close together the balls are rendered. |
cursorBallSize | number | 3 | Size of the cursor-controlled ball. |
cursorBallColor | string | #ffffff | Color of the cursor ball. |
Keyboard shortcuts and ARIA behavior.