Noggle Bounce

Three compact Noggle logos cross the frame on eased collision paths. Each wall contact draws a short contact tick and sends a soft five-color pulse through the exact glasses. Noggles are the signature glasses of Nouns, an Ethereum experiment that auctions one Noun every day and directs its shared treasury through public, onchain governance.

• Product interfaces
• Campaign systems
• Editorial experiences

• Every moving object retains the complete canonical vector construction and aspect
• Eased analytic paths make the whole canvas useful while keeping every loop deterministic
• Each contact adds a precise wall tick plus a restrained five-color sweep through the mark
• A faint whole-logo echo replaces generic motion lines and disappears at low settings
• Every control maps directly to this component's independent renderer contract
• Full-size and compact previews use the same implementation and behavior

Adaptive sampling, capped DPR and visibility-based suspension keep the renderer predictable. Test density on low-power mobile hardware before increasing it.

Pointer and touch coordinates are container-scoped; offscreen renderers stop work and pixel ratio is capped.

The visual canvas is decorative by default. Pair it with a semantic heading or description, and reduced motion holds a stable rendered frame.