v1.0.1
MENU ANIMATIONS
ADVANCED EFFECTS
CORE BACKGROUND
UI SURECART
BUTTONS
Reflect Blackhole
Creates mesmerizing blackhole effects with refractive distortion, expanding energy rings, swirling space dust particles, and volumetric fog. Features multi-layered WebGL rendering with circular refraction, gradient color mapping, polar coordinate transformation, and dynamic stretch effects.
Reflect Blackhole
Experience the gravitational pull of cosmic energy.
Appearance
Base canvas background color. Black creates the most dramatic cosmic effect and makes the blackhole center stand out.
Default: #000000
Color of the main expanding energy rings emanating from the blackhole center. Bright colors create intense light effects.
Default: #EEEEEE
Color of the secondary energy ring layer. Darker colors create depth contrast with the primary beams.
Default: #464646
Transparency of the swirling space dust particles around the blackhole. Lower values create subtle cosmic atmosphere.
Default: 0.25
Refraction
Size of the central blackhole refractive circle. Smaller creates concentrated gravitational distortion, larger spreads the effect.
Default: 0.27
Intensity of light bending through the blackhole. Higher values create more extreme gravitational lensing distortion.
Default: 0.75
Chromatic aberration amount separating RGB channels. Creates rainbow-like color splitting at refraction edges.
Default: 0.5
Luminosity multiplier for the refractive circle. Higher creates glowing, intense energy concentration at the blackhole center.
Default: 4.6
Energy Beams
Maximum radius of primary expanding energy rings. Larger creates wider ripple effects emanating from center.
Default: 0.72
Width of the primary energy ring lines. Thicker creates more visible, bold beam effects.
Default: 0.1
Horizontal distortion of primary rings. Creates elliptical instead of circular expansion patterns.
Default: 0.5
Maximum radius of secondary beam layer. Different scale creates layered depth in the energy emission.
Default: 0.52
Width of secondary energy rings. Thicker secondary beams create denser atmospheric energy field.
Default: 0.65
Horizontal distortion of secondary rings. Different skew from primary creates complex overlapping patterns.
Default: 0.52
Distortion
Rotation offset in polar coordinate transformation. Affects how dust particles spiral around the blackhole.
Default: 0.0648
Radial stretching in polar transformation. Higher creates more pronounced spiral swirl of space dust.
Default: 1.616
Gamma correction for polar mapping. Affects density distribution of particles from center to edge.
Default: 0.5
Blending width at polar coordinate seam. Higher creates smoother, more seamless dust particle wrapping.
Default: 1.7
Gravitational pull strength stretching content toward blackhole. Higher creates more extreme spaghettification effect.
Default: 1.84
Direction of gravitational stretch effect. Changes the orientation of matter being pulled into the blackhole.
Default: 0.5
Gradient Colors
Overall brightness multiplier for gradient color mapping. Higher creates more vibrant, saturated cosmic colors.
Default: 0.46
Darkest gradient stop. Maps to the darkest luminance values in the effect.
Default: #000000
Dark midtone gradient stop.
Default: #401DBF
Middle gradient stop. Primary color for medium brightness areas.
Default: #8400FF
Light midtone gradient stop.
Default: #E978FF
Brightest gradient stop. Maps to the brightest luminance values creating highlights.
Default: #FFFFFF
Volumetric Fog
Thickness of volumetric fog atmosphere. Higher creates denser, more opaque cosmic haze.
Default: 1.0
Noise detail level in fog generation. Higher creates more chaotic, intricate swirling patterns.
Default: 0.33
Size of fog pattern features. Smaller creates fine, detailed mist. Larger creates broad atmospheric clouds.
Default: 0.5
Speed of fog movement across scene. Higher creates faster flowing atmospheric motion.
Default: 0.5
Softness of fog edges through exponential blur. Higher creates more diffused, ethereal atmosphere.
Default: 0.57
Luminosity of fog layer. Higher creates glowing, self-illuminated atmospheric effect.
Default: 0.58
Chromatic aberration intensity in fog. Creates color fringing at fog edges for otherworldly atmosphere.
Default: 0.79
Overall color cast applied to volumetric fog. Tints the atmospheric haze with your chosen color.
Default: #DDD3FF
Animation
Animation tempo for refractive distortion layer. Higher creates faster, more dynamic light bending.
Default: 0.25
Expansion rate of primary energy rings. Higher creates faster pulsing beam emission.
Default: 0.25
Rotation speed of polar transformation. Negative values reverse spin direction. Higher magnitude creates faster swirling.
Default: -1
Expansion rate of secondary beam layer. Different speed creates layered, complex pulsation patterns.
Default: 0.25
Animation tempo for gradient color cycling. Higher creates faster flowing color transitions.
Default: 0.5
Animation tempo for volumetric fog evolution. Higher creates faster churning atmospheric motion.
Default: 0.5
Performance
This element uses WebGL2 with highly complex multi-pass rendering pipeline. Implements signed distance field refraction, polar coordinate transformations, procedural noise for volumetric fog with 5-pass exponential blur, gradient color mapping with Oklab interpolation, dynamic stretch effects, expanding beam rings with tanh tonemapping, ACES tonemapping, chromatic aberration, and multi-layer compositing. Requires UnicornStudio.js library (automatically loaded). Extremely resource intensive - limit to 1 instance per page. Not recommended for mobile devices or low-end hardware due to intensive multi-pass shader computations requiring high GPU memory bandwidth.