Gumdrop Visualizer

while (world) { observe(); infer(); hallucinate?(); self-correct(); } while (world) { observe(); infer(); hallucinate?(); self-correct(); } while (world) { observe(); infer(); hallucinate?(); self-correct(); }

001101 010011 sigil::bagua seed::entropy trace::mechanical awe::human 001101 010011 sigil::bagua seed::entropy trace::mechanical awe::human 001101 010011 sigil::bagua seed::entropy trace::mechanical awe::human

temperature=0.92 top_p=0.95 sampler=stochastic runtime=deterministic user=astonished temperature=0.92 top_p=0.95 sampler=stochastic runtime=deterministic user=astonished temperature=0.92 top_p=0.95 sampler=stochastic runtime=deterministic user=astonished

☰☱☲☳☴☵☶☷ oracle != truth ritual == interface meaning <- interpretation ☰☱☲☳☴☵☶☷ oracle != truth ritual == interface meaning <- interpretation ☰☱☲☳☴☵☶☷ oracle != truth ritual == interface meaning <- interpretation

seed = hash(question + state); noise = sample(temperature); pattern = deterministic(seed, noise); if (human_can_track === false) mark("mystic"); return explainability_gap(pattern); seed = hash(question + state); noise = sample(temperature); pattern = deterministic(seed, noise); if (human_can_track === false) mark("mystic"); return explainability_gap(pattern);

## Not a person, still persuasive - interface implies intention - language implies confidence - user infers agency => design for interpretability ## Not a person, still persuasive - interface implies intention - language implies confidence - user infers agency => design for interpretability

cast.bagua = pickTrigrams(seed); cast.moonBlocks = deriveHexagram(seed); cast.fortuneSticks = burnModel(intensity); cast.scapula = generateCracks(seed); return readable_fiction(cast); cast.bagua = pickTrigrams(seed); cast.moonBlocks = deriveHexagram(seed); cast.fortuneSticks = burnModel(intensity); cast.scapula = generateCracks(seed); return readable_fiction(cast);

{ "observe": true, "decide": constrained, "act": reversible, "measure": behavior, "learn": weekly } { "observe": true, "decide": constrained, "act": reversible, "measure": behavior, "learn": weekly }

def perceivable_randomness(system): return complexity(system) > attention_budget if perceivable_randomness(llm): user.labels_output = "fate" def perceivable_randomness(system): return complexity(system) > attention_budget if perceivable_randomness(llm): user.labels_output = "fate"

[trace] t=02:13 system murmurs [trace] tokens fall like ash [trace] certainty simulated [trace] mechanism remains [trace] human names it chance [trace] t=02:13 system murmurs [trace] tokens fall like ash [trace] certainty simulated [trace] mechanism remains [trace] human names it chance

Gumdrop is a music-reactive visual product built around a simple first experience: open a link, start listening, and let the room come alive.

Read the companion essay: How Gumdrop Visualizer Works.

Why this shape matters

The product decision came first.

I wanted something that worked with speakers, vinyl, instruments, laptop audio, and ambient rooms without forcing the user to understand audio routing.

That is why the browser app is the flagship surface and why microphone input is the default.

What the product does

Captures live sound from the device microphone
Derives a compact music-state frame with beat, onset, energy, and brightness signals
Drives GPU-rendered scenes through a shared visual contract
Lets users share a specific scene and color setup with a URL

Product architecture

The system is intentionally split into a few clear layers:

browser capture and analysis
music-state synthesis
WebGL scene rendering
lightweight sharing via URL state

That structure keeps the product portable. The web app is the main experience, the Spicetify surface is a companion for Spotify enthusiasts, and the shared scene library makes both feel like the same product rather than separate experiments.

What I like about it

Gumdrop sits in a product space I find especially interesting: not quite a utility, not quite a toy, and not quite a traditional creative tool.

It is an ambient browser object with enough technical depth to feel distinctive, but a simple enough interaction model that someone can use it immediately.

Problem

Solution

Impact

Why this shape matters

What the product does

Product architecture

What I like about it

Live Preview

OPA