Lab

How to play with it

Hold W, A, S or D and the little walker sets off across the dotted floor, while the matching keycap sinks under your finger and clacks back up when you let go. It walks around the keycaps rather than through them, and slips behind them when it goes round the back. On a phone, hold the keycaps themselves.

Controls

  1. 01

    Hold a keycap

    Press it and walk that way, release to let it spring back

  2. 02

    Two keycaps

    Walk diagonally

  3. 03

    Hover

    Lifts the keycap under the pointer

On a keyboardWASDwalk and press the matching keycap↑←↓→the same, on the arrows
Inspired by
A periwinkle portfolio poster of line-drawn WASD keycaps
Made with
Isometric SVG drawn from code, springs, Web Audio, React and Next.js