Kinetic Tile Grid An eight-by-eight surface opens selected tiles from hinged edges, automatically or under your pointer. Seeded Procedural Motion · 2026 How it is made Each rounded extruded tile sits inside a pivot group with one seeded-random hinge edge. GSAP timelines rotate automatic or pointer-selected tiles by ninety degrees and return them, while neighbour checks prevent adjacent pieces moving together and matching holes are cut into the base plane. What shows through them is a single plane shaded per grid cell: the cell index is recovered from world position, so one draw call gives every opening its own graded pocket - darkest at the middle, lifting toward the edges where light would reach in - rather than the one flat value that made each opening read as a hole punched in the image. Techniques: Seeded randomness · Pivot animation · GSAP timelines · Extruded geometry · Shape holes · Per-cell shaded recess This interactive WebGL sketch requires JavaScript.
