Skip to content

4.14.0: backgrounds in the kit

Latest

Choose a tag to compare

@ayangabryl ayangabryl released this 17 Oct 14:27
· 98 commits to main since this release

Backgrounds in the kit. background(el, { preset }) brings all 26 asciify.org backgrounds into asciify-engine/kit. Presets are separate imports, so a page pays only for the ones it uses, and each matches the /backgrounds page's rendering in light and dark.

import { background, caustics } from 'asciify-engine/kit';
const bg = background(hero, { preset: caustics, clear: headline });

The site runs on the kit. Every component demo on https://asciify.org/components is now the kit itself. Where the hand-built demos were better, the kit was raised to match them.

Core

  • Fields mount lazily near the viewport and release far from it.
  • A page-wide budget keeps at most 12 WebGL contexts live.
  • poster shows a still image on first paint and when the GPU is unavailable.
  • setGlobalLook({ charset }) re-skins every glyph field with a short sweep.
  • update({ ink, look }) merges with earlier settings.

Skill

  • New references/applying-asciify.md with the house design.
  • SKILL.md is kit-first and lists every background preset.
  • Every component snippet is a short kit call.
npm install asciify-engine@4.14.0
npx skills add ayangabryl/asciify-engine