Shape & rhythm

Staggered Tile Cascade

Loading…
Motif5.6s typicallandscape · portrait · square

Overview

Pass a local deformation through a persistent tile grid, pause, then send a second impulse in the opposite direction.

Build

  1. 01

    Preserve every tile throughout the study.

  2. 02

    Delay compression and lift by grid diagonal.

  3. 03

    Let the field settle, then reverse the propagation order.

Example source React / TSX

examples/staggered-tile-cascade.tsx · Uses the catalog’s shared composition helpers.

Loading source…