Meta Balls
Customize Meta Balls
Cursor Blob Size2.0
Ball Count15
Animation Size30
Hover Smoothness0.05
Clump Factor1.0
Speed0.30
Enable Mouse Interaction
Let the metaballs react to cursor movement.
Enable Transparency
Make the canvas blend with the background instead of solid fill.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| color | string | #ffffff | The base color applied to the metaballs. |
| speed | number | 0.3 | Multiplier controlling how fast the metaballs animate. |
| enableMouseInteraction | boolean | true | Toggle whether the metaballs react to the user's cursor. |
| enableTransparency | boolean | false | Allows the canvas background to remain transparent instead of solid. |
| hoverSmoothness | number | 0.05 | Smoothing factor for the cursor-controlled metaball as it follows the cursor. |
| animationSize | number | 30 | Controls the virtual space size the metaballs move within. |
| ballCount | number | 15 | Total number of metaballs rendered in the scene. |
| clumpFactor | number | 1 | Adjusts how tightly the metaballs cluster together. |
| cursorBallSize | number | 3 | Radius of the metaball that follows the cursor. |
| cursorBallColor | string | #ffffff | Color of the cursor-controlled metaball. |
Dependencies
oglthree
Created with ❤️ by Cybershoora