Dot Effects

Animated dots (inspired by Marangoni effects)

Scroll to zoom · Drag to pan

Parameters

Inner Radius: 80

Outer Radius: 300

Dot Count: 200

Max Total Dots: 800

Min Dot Distance: 10

Repulsion Strength: 0.01

Dot Size: 6

Duration (ms): 1200

Spawn Interval (ms): 10

Spawn Batch Size: 100

Spawn Angle (°): 0

Spawn Spread (°): 360

Angle Randomness: 0

Speed Randomness: 0.01

Size Randomness: 0.2

End Dot Size: 0.3

Outer Dwell (ms): 200

Branch Probability: 0

Branch Progress: 0

Branch Count: 1

Branch Spread: 0

Trail Length: 5

Glow Radius: 0

Motion Blur: 0.9

Angle Wobble: 0.02

Background

Dots

Inner circle

Outer circle

EasingShow circlesMetaballs

Record the canvas as WebM video. Use as a background with <video autoplay loop muted playsinline>

Tips