SupernovaCore

SupernovaCore

About SupernovaCore

SupernovaCore creates a mesmerizing, GPU-accelerated accretion disk animation using WebGL shaders.

It simulates the cosmic phenomenon of matter swirling around a black hole with fully customizable colors and animation parameters.

How to use it:

  1. Drag SupernovaCore onto your canvas

  2. Resize to fit your design (works at any size)

  3. Customize colors using the Primary Color and Secondary Color controls

  4. Adjust Speed to control animation velocity

  5. Fine-tune Turbulence for more chaotic motion

  6. Modify Depth for 3D perspective effects

  7. Control Brightness for overall intensity

  8. Use Color Shift to cycle through color variations

Adjust Saturation from monochrome to vibrant Properties:

  • Primary Color - Base color for the accretion disk (default: blue #0099FF)

  • Secondary Color - Secondary color that blends with primary (default: magenta #FF0099)

  • Speed - Animation rotation speed (0-5, default: 1.0) • Turbulence - Matter flow and refraction intensity (0-3, default: 1.0)

  • Depth - 3D perspective and disk thickness (0-3, default: 1.0)

  • Brightness - Overall intensity multiplier (0-3, default: 1.0)

  • Color Shift - Color spectrum cycling rate (0-3, default: 1.0) • Saturation - Color intensity from gray to vibrant (0-2, default: 1.0)

Tips:

  • Use low saturation (0.2-0.5) for elegant, subtle backgrounds

  • Combine high turbulence with slow speed for organic, flowing effects - Match primary/secondary colors to your brand palette

  • Layer with reduced opacity over other content for depth

  • Works great as hero section backgrounds or loading screens

Technical notes:

  • Requires WebGL support (available in all modern browsers)

  • Optimized for 60fps performance with GPU rendering

  • Responsive and adapts to any canvas size

  • No external dependencies required

  • Includes proper cleanup to prevent memory leaks