Nahuel D'Elias · Product engineer

Nahuel D'Elias · Motion

This is how I make things move.

Each piece runs live on this page. Its label says how it's built and how much code it loads.

  1. M01

    Spring toggle

    TS · 1.1 KBConcept

    The pill's two edges ride separate springs. The leading edge gets there first and the trailing edge catches up, so it stretches on the way.

  2. M02

    Hold to sign

    CSS · SVG · TS · 0.6 KBConcept

    Press and hold, with the pointer or the space bar. Let go early and it drains back faster than it filled.

  3. M03

    Dither field

    WebGL · GLSL · 2.2 KBConcept

    Flowing noise drawn in two colors, the page's ink and paper, through a Bayer matrix. Move the pointer through it and the field drags along.