Skip to content
← Back to homeLab Experiment #01

Northern Lights Refraction Canvas

Math-driven wave composition and light refraction built with pure TypeScript and HTML5 Canvas.

Tip: Hover or touch to distort light waves. Press Space to toggle motion.

Trigonometric Wave Synthesis

Calculates multi-layered composite sine and cosine waves natively in TypeScript to model fluid aurora curtain dynamics at 60fps.

Pointer Light Refraction

Vector distance algorithms calculate dynamic light displacement ripples based on real-time cursor or touch coordinates.

Accessibility & Performance

DPR capped at 2.0 to conserve GPU bandwidth, automatic motion reduction under prefers-reduced-motion, and full Astro view transition lifecycle teardown.