Proximity components and templates

The authored scene: a backlit 60% board with procedural key legends, automatic typing, keys that light as the cursor passes them, and the pendant whose cone swings across the whole board.

An open leather journal writing itself: procedural cursive laid down a word at a time on ruled paper, wet ink catching the lamp at the nib, a satin ribbon and a fountain pen that lifts as the cursor nears it, and a page that curls over on a vertex-shader hinge once the right-hand side fills.

A portable machine three-quarters on, typing a page: fifty nickel-ringed keys in one draw call, a typebar thrown at the platen for every letter, a carriage that steps left and runs home on the return lever, and a sheet stamped one struck glyph at a time.

A chunky monitor running a terminal session on a real spherical-cap tube, with scanlines, an aperture grille, barrel distortion and a shader-stamped blinking cursor — and a phosphor wash that falls back onto its own bezel and across the desk in front of it.

The authored Sable dock: a centred glass capsule whose items spring downward and widen as the pointer crosses them.

An inset modern header: wordmark on the left, the proximity dock centred on the bar’s midline, and a paired sign-in and gradient call to action on the right.

A fitted terminal strip: the menu cells own the whole bar and trade width with each other, over a WebGL noise field quantised through an 8×8 ordered dither into an eight-stop dusk palette.

A vertical glass rail whose proximity field runs down the y axis, over a Three.js bead field that refracts the backdrop in screen space with per-channel dispersion and a specular rim.