Hidden Menu
The site's menu, hidden in a word search of extruded 3D letters. Move over the grid and the letters give way beneath your cursor. Linger on a word and it rises, letter by letter, in its own color. Click it and the whole field floods with that color before taking you there.
Hover over the letters and hold still on a word to raise it. Click or tap a word to go there.
Every cell springs toward a target height. The cursor pushes the cells near it down, and a word you rest on lifts its own letters up one after another, starting from the one you touched, while every other letter sinks. A click starts a wave of color from that letter, and when it has covered the grid the page changes. Hovering or focusing one of the links does the same lift as hovering its word.
Built with three.js, loaded only on this page. The 26 letters are outlines baked from Anton (an open-licensed typeface) by a script in the repo, extruded once each, and drawn as one instanced mesh per letter, so the whole grid is a few dozen draw calls. It follows the site theme and, with reduced motion on, skips the springs and the wave.
Inspired by Plain Sight by Tonami Komuro.