Orbital lab

Every real spherical harmonic through l = 3. The superposition keeps evolving; each slider is how much that state is allowed to join in. Numbers on the right are the live coefficient right now.

final adom schrodinger animloops

The superposition evolves, converges onto the one state that is the Adom logomark, holds square on for a beat, then lets go and carries on.

hold 1.0s

logo opacity 50%

wandera new state every loop

Instead of one fixed animation, roll a fresh random state every time the loop leaves the epoch, ease out to it, then ease back so the logo lands again. Never repeats. Untick any harmonic whose shape makes the steering or sculpting misbehave and it is left out of every future roll.

excursion 3.0s

stray 75%

wander

statenext targetlive

Timing controlstuned already, open only to play

steeringthe teal light

Steering is the teal STEERING light: pulling the superposition onto the one state that IS the logomark. Its percentage is how far along that pull is. These two say how many seconds the pull takes, going in and letting go. Nothing physical picks them, they are pacing.

steer in 2.6s

steer out 2.6s

sculptingthe purple light

Sculpting is the purple SCULPTING light: cutting each point to the exact logo outline. It is always fully on through the epoch. These two say how many seconds before the epoch it fades up and how many after it fades away. Steering always finishes before sculpting starts, so the knife only ever touches a finished 2p. The red pip marks the old behaviour, sculpting the whole steer, which is what caused the stretch artefacts.

lead in 1.00s

tail out 1.00s

cam grab 1.5s

window

ease off

ease

phase

Ship it as a webview loader

loader.html on this page is the animation above distilled to ONE dependency-free file: raw WebGL, no Babylon, no CDN, no fonts, no fetch, about 21 KB. It boots instantly, which is the point: it plays while your webview's real content is still loading. The defaults are the tuned numbers; every knob is a URL parameter, and a fresh random state is rolled at every epoch so it never repeats.

Embed

<iframe src="loader.html"
        style="position:absolute;inset:0;width:100%;height:100%;border:0;background:#0d1117">
</iframe>
<!-- when your app is ready, fade the iframe out and remove it -->

Grab loader.html from this page's Files tab (or clone the repo) and serve it beside your app. It sizes to the limiting axis of any container, portrait or landscape.

Parameters

param	default	meaning
pt	4.5	playground seconds of free evolution between epochs
dt	3	seconds to steer onto the mark, and back out
ct	0.3	seconds before the epoch the outline cheat fades in
st	0	seconds the mark is held dead still
logo	100	peak opacity of the flat teal mark, in percent
llead	1	seconds the logo fade starts before the sit and ends after it
tlead	1.5	seconds before the epoch the dark lobe fades to teal
ov	1	0 makes the cheat its own act after the steer
intro	1	0 skips the teal logo intro
interact	0	1 arms click-to-zoom (for previews and demos, never load screens)

Live preview

This preview IS loader.html, inlined. What you embed is exactly what you see. Click it once and your wheel zooms; click anywhere else to give the wheel back to the page.