Eclipse Ending
A planet emerging from eclipse — bright crescent at top-left fading to sparse dots. The sun returns after being blocked by another celestial body.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
bgColor | string | #2563eb | Background color (vivid blue default) |
dotColor | string | #ffffff | Dot/particle color |
height | string | 100vh | Container height |
parallax | boolean | true | Enable mouse parallax |
Usage
---
import EclipseEnding from '@components/flare/EclipseEnding.astro';
---
<EclipseEnding
bgColor="#2563eb"
dotColor="#ffffff"
height="100vh"
/>Design Details
- Crescent illumination — Sharp falloff from top-left creates eclipse effect
- High density — 120×90 grid for packed dots in bright areas
- Variable dot size — Larger dots where brighter, tiny dots in shadow
- Rim lighting — Subtle boost at sphere edges for depth
- Sparse shadows — Dim dots randomly culled for cleaner look
- Slow animation — Barely perceptible rotation for calm feel