Visualiser scenes

Scenes on the left, everything that shapes them on the right. Every scene is shown as itself, running quietly on the sample track while it is on screen, so you choose by looking rather than by reading a name. Click one to apply it and open the big preview, which is the real full-screen page. The window that draws the live picture, and the browser source OBS loads, is not this one, so choosing here makes it follow.

Explore scenes choose a family, then a look

Live preview starts when you choose a scene

Pick a scene on the left

Choose a scene to start its full-rate preview. Settings apply immediately.

Appearance
Colourpalette or your own accent
Fillsolid fill and custom backdrop
Motion & detail
Customisespeed, glow, detail and meter

Intensity is how far the music pushes a scene, speed is how fast it travels, glow is how much soft light the scene puts out, and backdrop glow is how strong the drifting wash behind it reads. None of them changes a scene's design.

Detail

The one that trades the machine for richness: low draws about half the particles and bands, high draws everything. Drop it if the encoder is already working hard.

Render rate

The webcam opening is for a stream with a camera in the middle of the picture: the centre is cleared to nothing at all, a lit rim is drawn between the two, and the scene fills the band around it. Lay this page over your camera in OBS and the camera shows through. A source of another shape can ask for its own size with ?webcam=1920x1080.

Music meter

Bars are the classic row of levels, ring bends the same reading round a circle, and wave draws the raw waveform. It sits where you put it and wears the scene's colours, so it belongs to the picture rather than sitting on top of it.

On-screen extras
Petyour music companion

The pet is yours, and it lives in the hub as well, where it can be named, recoloured and given a different species. It bounces on the beat, carries a glow if it hatched rare, and every song played in the hub is a little experience for it.

Backgroundyour own picture behind the scene
No picture chosen

Look

A picture from your own disk is used at the resolution you have it, so it stays sharp on a full screen instead of going soft the way a downloaded stock photo does. Look grades it to sit with the scene: Noir desaturates and darkens, Duotone tints it with the scene's two colours, Dream blooms it, and VHS adds scanlines and tape smear. It is read and served by this app, so an OBS browser source picks it up from the same URL as the scene.

Logoyour own mark and placement
No logo
No logo chosen
In this scene:
Using the placement above.

PNG with transparency is what works best; the image is read and served by this app, so a browser source in OBS picks it up from the same URL as the scene. Circle cuts the mark out of the picture and drops everything outside it, the paper, a border, a ring drawn round it, and Crop is what closes in on the mark inside that circle. The picture on the left is the one the popout and OBS receive; the scene previews do not draw the logo, so open the visualiser window to place it. Centre puts the mark in the middle of the frame, where the lit circle behind it belongs, that circle is part of the logo, not of any scene, so it works in all of them. A corner is only ever roughly right, so the mark can also be dragged anywhere in the visualiser window and is kept there for that scene alone: put it in the sun of Summer, clear of the lotus in Lotus, and every other scene stays on the corner above. Choosing a corner, or Put it back on the corner, returns the scene to the corner. Where a scene has a sun or a moon of its own, In this scene binds the mark to it instead, and then it is drawn into that feature rather than over the frame: it moves with the picture, it is covered by whatever the scene paints in front of it, and no lit circle is drawn round it, because a circle round a mark that is already inside the sun is the second ring the binding exists to remove.