Noggle Pixel Burst

Four equally scaled pixel Noggles breathe across the field. Click one to break its exact authored cells outward, let them fall away, and fade a fresh mark into a new safe position. 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 resting mark has equal visual weight; there is no oversized central hero
• The clicked mark separates into the exact 43 × 17 cells sampled from ART/noggles_pixel.svg
• Burst momentum yields to gravity so fragments fall naturally and leave the field completely
• A distance-aware random slot prevents overlap before the replacement mark fades gently into view
• 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.