Black Hole Background

WebGL/Three.js black hole with accretion disk, prominences, meteors, and mouse interaction. Three color presets from plasma to cool to gold.

3
Presets
Three.js
Renderer
WebGL
Pipeline
01 of 03Plasma
pa_bh_color_preset = plasmapa_bh_particle_density = mediumpa_bh_prominence_preset = mediumpa_bh_mouse_preset = interactive

Plasma

02 of 03Cool (Side View)
pa_bh_color_preset = coolpa_bh_disk_tilt = 95pa_bh_particle_density = highpa_bh_prominence_preset = cinematicpa_bh_mouse_preset = cinematic

Cool (Side View)

03 of 03Gold
pa_bh_color_preset = goldpa_bh_particle_density = lowpa_bh_prominence_preset = subtlepa_bh_mouse_preset = subtle

Gold

01
Plasma
Hot magenta-violet accretion disk with medium density and interactive mouse tracking.
pa_bh_color_presetplasma
pa_bh_particle_densitymedium
bg_typenone
full_heightfull
02
Cool (Side)
Icy blue tones viewed nearly edge-on with high particle density and cinematic camera.
pa_bh_color_presetcool
pa_bh_disk_tilt95
pa_bh_particle_densityhigh
bg_typenone
full_heightfull
03
Gold
Warm gold tones with low density and fast rotation for an elegant look.
pa_bh_color_presetgold
pa_bh_particle_densitylow
bg_typenone
full_heightfull

All Available Options

Particle Density
LowMediumHigh
Color Preset
PlasmaCoolGoldCustom
Prominence
SubtleMediumCinematicCustom
Meteor
CinematicActiveSparseOffCustom
Mouse Preset
CinematicInteractiveSubtleStaticCustom
Mouse Features
FollowWarpSpeed ControlRipple
Mobile / Pixel Ratio
Mobile: DisabledMobile: ReducedMobile: FullPixel Ratio Cap: 1Pixel Ratio Cap: 2Pixel Ratio Cap: 3