latisengine.org

The lattice you already know, named.

This is the live background from ionic.games — the same WebGL2 march, the same glass and film textures — parked here as the face of Latis Engine. Move the pointer. The tubes turn with you.

Read the lux slots See the housings

Waking the lattice…

From the live site

ionic.games paints #lattice with a raymarched field of ribbed tubes. Latis is the engine under that canvas. You fill five lux tags. The engine sits them in every housing.

Lattis UX

Put content in the dog. Latis clothes the screens.

The app designer does not layout a phone, then a tablet, then a wall. They drop copy and controls into five slots — hat, head, body, tail, foot. The engine reads those slots and seats them across the twelve housings in the spectrum.

Lattis UX: twelve devices from tall phone to curved ultrawide, plus top and side views of the lux robot dog labeled Hatted, Headded, Bodyed, Tailed, and Footed — Narrow → wide housings, and the five lux slots on the dog.

No slot selected

Pick a slot on the dog. Empty until you do — those five tags are the whole contract.

<lux-hat>…</lux-hat>
<lux-head>…</lux-head>
<lux-body>…</lux-body>
<lux-tail>…</lux-tail>
<lux-foot>…</lux-foot>

You fill the tags. Latis maps them onto the twelve housings — Tall Default through Curved Ultrawide. No per-device layout pass.

Twelve housings

Narrowest to widest

The spectrum lives in the Lattis UX plate above. Pick a housing here for the note — same five lux tags in every glass.

12 · narrow → wide

No housing selected

Choose a housing. Empty on purpose — the lattice is already running behind every frame.