Sound visualizer

What's playing, drawn as bars, a ring, a line or the waveform.

Kind: Layer · Sound and time
Script name: visualizer
Cost to draw: Moderate
Reacts to: sound
Blend: Light costs no extra pass

Visualizer

Setting	Kind	Starts at	Range and notes
Style`style`	choice	Bars	Bars, Mirrored, Ring, Line, Waveform
Low notes`colour`	colour	`#7ce695`	–
High notes`colour2`	colour	`#caecff`	–
Bars`bands`	number	48	8 to 64
Gap`gap`	number	35%	0% to 80%
Height`height`	number	32%	5% to 100%
Sits at`baseline`	number	82%	0% to 100%Where the bars stand, or the line runs
Ring size`radius`	number	20%	5% to 50%
Sensitivity`sensitivity`	number	1.2×	0.2 to 4×
Smoothing`smoothing`	number	60%	0% to 100%How gently the bars fall
Glow`glow`	number	50%	0% to 100%
Round ends`rounded`	on or off	on	–
Falling caps`caps`	on or off	on	–
When it's quiet`idle`	choice	Breathe	Breathe, RestBreathe keeps it moving gently

From a script

Every setting above can be changed by the scene's logic, by its key. Say the layer is called Sound visualizer:

scene.set("Sound visualizer", "colour", "#ff8a5c");scene.animate("Sound visualizer", "opacity", 0.5, 2);

import { scene } from "motion";scene.set("Sound visualizer", "colour", "#ff8a5c");scene.animate("Sound visualizer", "opacity", 0.5, 2);

Used in

The example scenes with a Sound visualizer layer in them. Each picture is the whole scene, not the layer alone: open one to see what the layer does in it.

ResonanceAdvanced5 layers

What every layer has

Besides its own settings, every layer has its opacity, blend, placement, quick effects and an effects stack. They're listed once, on the layers page.