---
name: corona-title
description: Build an interactive offline cinematic title with extruded metallic type, a glowing corona, reversible scatter choreography and editable bilingual content.
version: 0.1.0
---

# Corona Title

## Example

Aureole is an eighteen-second interactive title: a small dark core and inclined ring emerge into a luminous corona; metallic letters separate and pass the camera, then gather into the final heading. Scrub in either direction, scatter the type, drag to orbit, zoom, change the finish or adjust corona intensity. The same editable project builds into one offline HTML file.

```sh
node <skill>/scripts/fill-prompt.mjs --slots <skill>/assets/prompts/examples/aureole.json --out prompt.md
node <skill>/scripts/new-project.mjs --out my-title
cd my-title && npm ci
npm run dev
npm run build:single
npm run shoot -- --file dist-single/index.html
```

Read [prompt slots](references/prompt-slots.md), [method](references/method.md) and [verification](references/verification.md). Use the pinned Node22.14.0 toolchain. Build only in a generated project.

## Edit and deliver

Edit src/sequence.json: title, bilingual subtitle, seed, extrusion depth, corona radius and three bilingual palettes. Titles accept2–10uppercase Latin letters/digits/spaces with at least two nonspace characters. The duration and stage anchors are fixed to the authored18-second choreography; change geometry, validation and capture tests together for structural changes. User text is written with textContent, never HTML. Run an alternate title as well as the bundled example. Deliver source, dist-single/index.html and the actual verification report.

Space pauses, X scatters, R restarts, arrows orbit and +/- zoom. Drag or pinch on touch; all other controls use native buttons/ranges. Reduced-motion preference starts at the final form paused. Sound is muted initially and only initializes after a gesture. URL parameters lang=en|zh-CN (zh alias), embed=1, tune=1, quality=low|high and capture=1 use English fallback. See [hosting](references/hosting.md).

## Boundaries and keys

No key or runtime model call is required. npm ci installs pinned public build dependencies. The built HTML uses no network/storage. Generic font data is bundled with its license; no external font load occurs. The corona is authored illustrative lighting, not an astronomical or spectral model. Choreography is analytic rather than rigid-body fracture simulation. Phone testing uses browser touch emulation, not physical hardware. Optional synthesized tones are not a soundtrack or human listening acceptance.

## FAQ

- Different text? Edit the validated JSON title/subtitle and rebuild. Unsupported glyphs fail validation; changing the schema requires font and tests together.
- Different scene? Use the meta prompt, preserving the geometry and capture contracts. Avoid replacing meshes with a flat title image.
- Black screen? Use a WebGL2-capable browser and inspect the bilingual error. Validation errors include stable sequence_* codes.
- Portable result? Open the single HTML offline or use an allow-scripts sandbox as documented in hosting. Keep third-party font/dependency notices.