how this works — firefly tic-tac-toe

hello world — firefly avatars + express mcp

firefly tic-tac-toe is the 2d successor to sumerian squares — same 3×3 engine, new firefly-generated hosts, 2d canvas/dom (no babylon). this page is the hello world: nine firefly avatars idle, a playable preview, and the express add-on prototypes that generated them.

bryanchasko.com / firefly-tic-tac-toe — hello world

Nine Firefly hosts · 3×3 · Express MCP prototypes

Static hello world — real game is /firefly-tic-tac-toe/. Frames below are from docs/asl-concept-guide/assets/frame-01..06.png + static/firefly-tic-tac-toe/ (1440×400) — ever-improving reference, not yet a live 3×3 engine.

F1HELLO

WORLD

FIREFLY

STYLE ref

XX · gold

STRUCT ref

SEED 4219

OO · violet

+add-on

Sources: static/firefly-tic-tac-toe/frame-01..06.png (1440×400) — also docs/asl-concept-guide/assets/. Board below reuses assets/asl-prototype/{sumerian,firefly}/animation-mixer.ts (copy/fork, not inline) for ASL gloss → hands 74–115 brows 18–26 isolation.

play the preview on /firefly-tic-tac-toe/ — 3×3 div grid, X amber/gold glow, O violet glow, same win detection as sumerian squares (8 lines). hello world above is static; real engine is assets/firefly-tic-tac-toe/src/app.ts (esbuild) forked from assets/sumerian-squares/src/game.ts 9-tuple Player|null, GamePhase select|answering|deciding|stealing|result|gameover (see spec/firefly-tic-tac-toe/spec.md FT-ENGINE-01..03).

how this works — 2d, firefly, express mcp

1. 2d not 3d — same engine, different render

• Sumerian squares: BabylonJS 9.3.4 UMD, single Engine per cell, 9 Draco .glb hosts (5–28M), 6 animation layers (stand_idle, lipsync 18 groups, gesture 14, emote 3, face_micro, blink 3 variants, poi.glb 27 groups), camera.ts measured-geometry framing, host-pool.ts LRU cap 6 phone / 9 desktop, AudioManager + Polly Brian enlil.
• Firefly tic-tac-toe: 2d canvas/dom + esbuild, no babylon/three/audiocontext. grid is 3×3 divs aspect-ratio:1, glow via css box-shadow/linear-gradient, board state Array(9).fill(null), win check 8 lines — same engine.ts logic verbatim, forked to assets/firefly-tic-tac-toe/src/engine.ts. Hosts are 1024×1024 webp + optional mp4 loops, not .glb. See spec/firefly-tic-tac-toe/spec.md FT-BUILD-01..03.

2. firefly avatars — nine hosts, style + structure refs

Generation spec: spec/firefly-tic-tac-toe/spec.md FT-HOST-01..05 (1024×1024 hero, 4 poses idle/hover/selected/win, 2 loops idle/win ≤3s ≤1MB, manifest static/firefly-tic-tac-toe/hosts/manifest.json). Style tokens from cloud-del-norte-website/src/styles/tokens.css — --cdn-navy #00002a → --cdn-purple-deep #30006a, --cdn-violet #9060f0, --cdn-lavender #d7c7ee, --cdn-gold #c9a23f, --cdn-orange #ff9900 (gradient 120deg #00002a→#30006a + dust rgba(215,199,238,.06)).

3. asl prototype — gloss → hands, forked not inline

the universal 6-frame storyboard (landing → board empty → host turn → question → X/O → win fanfare) drives both pipelines — sumerian (babylon .glb) and firefly (firefly 2d) plus a universal track where they diverge. see docs/firefly-tic-tac-toe/storyboard.md + docs/assets/firefly-vs-sumerian-storyboard.svg.

• Glimmer gloss: http://127.0.0.1:8181/v1/chat/completions muse-glimmer-30b Q4_K_M NGL13 ctx4096, Valkey gpu_lock NX EX900 — prompts P1 English→gloss / P2 VTT→gloss / P3 warfare casting, outputs docs/asl/gloss.json G01–G72 (12/frame, 420ms) + docs/asl/cast.json + docs/asl/fixtures/vtt-sample.json + docs/asl/prompts/gloss.md.
• Blender rig: fork latrodectus-bishopi.blend → latrodectus-bishopi-hand.blend 42 joints HOST_SCORECARD 74–115 (21/hand), asl-actions.blend 72 actions NLA additive, fixtures/asl/<gloss>.glb via scripts/export-asl-glb.py.
• Contact sheet → Firefly dataset: scripts/blender-contact-sheet.sh blender -b … 8 views×9=72 PNGs → comfy-workflows/workflow-api.json captions HOST_ACCENT+hometown sumerianHost <id> → renders/captioned/ → datasets/<host>.zip 1024px.
• Mixer: assets/asl-prototype/sumerian/animation-mixer.ts + assets/asl-prototype/firefly/animation-mixer.ts (copy/fork, not inline — sumerian-squares stays pristine) — ASL_HANDS_RANGE [74,115] BROWS [18,26] LIPSYNC [44,58] MIXER_LERP 0.12 MIXER_FPS 60, priority ASL hands+brows > lipsync jaw > emote, 24 tests (12 per stack), vitest.config.ts includes assets/asl-prototype/**/*.test.ts.

sumerian squares owns assets/sumerian-squares/ and can touch it for shipped work — for ASL, only copy/fork, never inline. fix/asl-fork-stacks (#294 → 18bee2b) forked animation-mixer to assets/asl-prototype/{sumerian,firefly}/ and restored assets/sumerian-squares/src/camera.ts/game-controller.ts to 421dc58 pre-mixer.

4. express add-on prototypes — manifest v2 + iframe ↔ sandbox

ground truth @adobe/express-developer-mcp@1.0.0 via npx -y @adobe/express-developer-mcp@latest --yes stdio, manifestVersion: 2, express-document-sdk, Communication APIs runtime.exposeApi/getApi.

Lab assets: docs/firefly-tic-tac-toe/features.md (image4/style/structure/custom model), docs/firefly-tic-tac-toe/sumerian-squares-teardown.md (9 hosts 134–137 joints), docs/assets/firefly-tic-tac-toe-hero.svg 1440×400 + firefly-vs-sumerian-storyboard.svg 2×6, spec/asl/spec.md ASL-ROUTE/CONTENT/RIG/DATA/MIX/ADDON/STYLE/BUILD/GLIM.

5. routes + builds

• Hugo siblings, no s3-prefix-registry: content/firefly-tic-tac-toe/index.md (layout: firefly-tic-tac-toe, type: page) → public/firefly-tic-tac-toe/index.html at bryanchasko.com/firefly-tic-tac-toe/; content/firefly-tic-tac-toe-how-this-works/index.md → …/firefly-tic-tac-toe/how-this-works/; content/firefly-tic-tac-toe/asl-demo.md → …/asl-demo/; content/firefly-tic-tac-toe/asl-guide.md → …/asl-guide/ — all under Hugo root s3://bryanchasko.com two-pass sync (--delete + --exclude "mom/*" "listen/*" "bench/*" "design/*" "chat/*" "news/*" "aws/*"), no new bucket.
• Builds: hugo --minify 188 pages Static 806; npx vitest run 24 tests (2 suites assets/asl-prototype/{sumerian,firefly}/animation-mixer.test.ts 12 each) MIXER_LERP 0.12 MIXER_FPS 60; npx biome check 8 warnings (non-null ! + unused vi/beforeEach only).
• Living guide: docs/asl-concept-guide/README.md 233 lines + assets/frame-01..06.png ever-improving — mirrored to …/asl-guide/ via content/firefly-tic-tac-toe/asl-guide.md. docs/firefly-tic-tac-toe/asl.md cites prior results 1–7 (must cite G01–G72 420ms, muse-glimmer-30b gpu_lock, 42 joints 74–115, 72 PNGs, mixer mask, seed 4219).

links

• Play: /firefly-tic-tac-toe/ · How this works: /firefly-tic-tac-toe/how-this-works/ (you are here) · Sumerian Squares: /sumerian-squares/ · How that works: /sumerian-squares/how-this-works/
• Demos: /firefly-tic-tac-toe/asl-demo/ (Hugo 6-frame preview) · /firefly-tic-tac-toe/asl-guide/ (living guide) · Lab at /tmp/adobe-express-mcp-lab (asl-concept + asl-lab + firefly-tic-tac-toe add-ons)
• Specs: spec/firefly-tic-tac-toe/spec.md FT-· spec/asl/spec.md ASL- · Docs: docs/firefly-tic-tac-toe/features.md · docs/firefly-tic-tac-toe/sumerian-squares-teardown.md · docs/firefly-tic-tac-toe/asl.md · docs/asl-concept-guide/README.md · docs/asl/gloss.json + docs/asl/prompts/gloss.md (muse-glimmer-30b)
• Prototypes: assets/asl-prototype/sumerian/ + firefly/ (animation-mixer.ts HAND_JOINTS 74–115 MIXER_LERP 0.12) — copy/fork, never inline into assets/sumerian-squares/src/ (team owns that)