Tap, Not Hover: Giving Touch the Same Sky

Prologue: half the visitors, shut out

The audit surfaced not a styling issue but a more fundamental fact: on touch devices, every interaction on this planet was gated off.

The sun status card, the ISS flyover card, the aurora intro, the meteor shower calendar, the constellation names, the moon whisper, the wish bubble — all behind a pointer: coarse gate. iPhone, Android, and iPad visitors saw a static planet. The sky opened only to the mouse, while more than half of all visitors use their fingers.

Tap, not hover: one pipeline, two generations of input

The fix rests on a single idea: if touch has no hover, then hover’s meaning should be inherited by tap.

The scene gained a touch pipeline: a press and release within twelve pixels counts as a tap — scrolling and dragging never misfire. The touch point casts a ray, with hit priority from precise to fuzzy: the solar disc and ISS point by exact hit, the aurora band and meteor shower by directional angle, constellations by their stars, wish stars by tap-to-select. A hit dispatches the same events as desktop; the DOM renders the same cards.

Not one line changed on desktop. Two generations of input devices, one pipeline, one sky.

Three tiers: every device gets its own fit

Particle counts split three ways: 4,500 on phones, 6,500 on tablets and small laptops, 9,000 on desktops. Pixel-ratio caps tier by device — a DPR 3 phone screen rendering at full speed is the biggest heat source on the page; clamped to a sane fill rate, even an iPhone spins smoothly.

Performance isn’t a blanket concession. It’s tact, per device profile. Tablets had been running the desktop’s full particle load all along; now they have a tier of their own.

A hundred small things

Real depth lives in the details: pop-up cards clamped inside the viewport on small screens with breathing room at the edges; nebula glow scaling with the viewport instead of drifting off-screen; the online badge no longer wrapping in the narrow nav; the hamburger menu starting below the nav and scrolling internally, fitting one screen; touch-popped cards having no “move away to close,” so they fade out on a six-second timer.

Adaptation isn’t breakpoints and smaller fonts. It’s acknowledging another generation of input exists, then handing the whole world over again.

Takeaways

A sky open only to the mouse doesn’t deserve to be called a sky. After this update, a finger pointed at the sun, the moon, or any star receives the same reply.

The sky belongs to everyone who points at it.