16 foundations

Foundations

What every piece stands on: the tokens, the engine, sound and narration, the type tier, the three.js tier and the kernels.

16 pieces

Core

The register (quiet, warm, playful) and its cascade, the scene contract as defineScene, and the sg-scene element that…
Core: components

SgElement and defineComponent: the light-DOM base every sg-* component extends. It enhances a native child, follows the…
Core: movable words

<sg-scene movable>: a grip on the reading panel that moves the words by drag or by arrow keys, clamped inside the…
Engine

The pencil box every scene draws with: seeded randomness and noise, geometry, fields, ink and paper, the stage and…
Export

A scene (or any canvas) to PNG, WebM and animated GIF. PNG uses canvas.toBlob; WebM records one requested frame at a…
Folio

The document layer's pieces that travel with a document: Markdown with directives (scene, diagram, price-table,…
Kernels: booking

Pure booking kernels from the Casa Exemplo redesign: ISO day arithmetic with no timezone drift, a rate card that keeps…
Narration

Recorded or synthesised speech plus a WebVTT timing track that drives captions and word-by-word highlighting. A pure…
Paus rain

Each visible raindrop on Paus's glass becomes an audible tick, seeded like the drawing itself. Voice-limited and pooled…
Pretext (vendored)

Cheng Lou's Pretext, an ESM build of main at e73081f (MIT): multiline text measured and laid out by arithmetic over…
Rampon koel

A rising three-note "ku-oo" call in a bout of three that speeds up, then quiet, then another bout, the way a real koel…
Sound

The synthesised UI vocabulary (tick, confirm, complete, gentle error) with Web Audio, no audio files. One global…
Stage3d: the three.js tier

The lazy three.js tier (decision 0017): loadThree() imports three only when a live 3D drawing is about to be seen, and…
three.js, shaken (vendored)

three 0.186.1 (MIT) bundled with esbuild down to the names the stage3d tier and the veranda's pot use, for…
Tokens

Colour (OKLCH, light and dark, Susegad and Casa palettes), type for Latin, Devanagari and Kannada, space, motion, sound…
Type tier

Words set in the world, still real text: lay a heading and a paragraph into a drawn surface's real shape (a board, an…