← BACK TO BLOG

How Do I Make a Fractal Music Visualizer in My Browser?

Open Mandelbrot, start the demo track, and choose CORE → WINGS. Open PRESETS and pick MOONLIT MOTH. Watch the wings open on the bass and the veins shimmer on the highs. Keep the track playing when you switch to CORE → CANOPY and pick NEON CANOPY so you can see the same music move a different shape.

How do I change the wing shape?

Open WINGS. Raise FLAP for a more noticeable beat of the wings. Use OPEN to change how far they spread, then adjust DETAIL if you want finer lace. Try FOLD → QUAD when you want four wings around the center. Keep FOLD → SIDES for a left and right pair.

Play a quiet part and a louder one before settling on the settings. The wings can still move slowly in silence. Listen for the bass and watch for a change in the size of the flap.

How do I make branches grow with the music?

Choose CORE → CANOPY, then pick NEON CANOPY under PRESETS. Under CANOPY, raise GROWTH to make new splits appear on louder passages. DEPTH sets how many times the branches can split. Keep depth fixed while you compare growth settings.

Try FLOW with a short bass phrase. At zero, the branches move together. Increase it to send the curl outward through the branches. CURL sets how bent the branches look at rest, and CURL MUSIC sets how much the audio adds to that bend.

Can I get the classic fractal spiral?

Choose CORE → MANDELBROT, then pick SEAHORSE OVERVIEW under PRESETS. Follow one teal spiral and watch the warm accents ripple. In FILIGREE, try a lower LINE WIDTH for thinner lines and a higher TRAP GLOW for brighter accents. Check the result at the size where people will watch it. A line that looks crisp on a desktop can disappear in a small preview.

See the Mandelbrot settings guide for audio modulation and the full list of controls.

Get BeamTracer updates by email

Email me

At most one email a day and three a week across both. No spam. Unsubscribe anytime.

We email a link to confirm first. Every email has an unsubscribe link. See our Privacy Policy.