bryanchasko.com / firefly-tic-tac-toe / asl-demo — sibling to /firefly-tic-tac-toe (no s3-prefix-registry; ASL-ROUTE-04)

ASL Demo

Firefly Tic-Tac-Toe · 6-frame gloss pipeline · Sumerian / Firefly / Universal × Babylon.js / Express · 72 glosses 420ms

Preview 6 frames ↓

Hugo sibling page — content/firefly-tic-tac-toe/asl-demo.md + layouts/page/asl-demo.html (like firefly-tic-tac-toe.html). 2D canvas/DOM only — Babylon + Firefly Twin run in addons/asl-concept + addons/asl-lab (see refs). Living guide → /asl-guide (docs/asl-concept-guide/README.md, ever-improving, 232-line baseline, 6 PNGs 1440×400).

1

Sumerian · Babylon · Gloss ON

HELLO — clay Vary · host bar #9060f0 Babylon

G01–G12 · 420ms · nav #00002a→#30006a
2

Firefly · Babylon · Gloss OFF

WORLD — magenta Vary · clean card

G13–G24 · contact-sheet 72 PNGs
3

Universal · Babylon · Gloss ON + Play ▶

FIREFLY — indigo #5258eb · play outline #c9a23f 420ms

G25–G36 · mixer ASL_HANDS 74–115
4

Sumerian · Express · Gloss OFF

AVATAR — Sumerian on Express #30006a · no gloss

G37–G48 · makeImageFill 180×220
5

Firefly · Express · Gloss ON

SIGN — Firefly/Express · Vary prominent

G49–G60 · datasets <host>.zip
6

Universal · Express · Gloss OFF + Play ▶

PLAY — Universal/Express end of sequence

G61–G72 · twin seed 4219

Pipeline — gloss → Firefly → Babylon → Express → Hugo

Gloss G01–G72 (muse-glimmer-30b ctx4096, gpu_lock 127.0.0.1:8181) → Firefly Vary / Custom Model (styleReference+structureReference, seed 4219, contact-sheet Sumerian/front.png) → Blender hand rig 42 joints HOST_SCORECARD 74–115 → Babylon SceneLoader / Express documentSandbox (editor.createRectangle + makeImageFill 1024×1024) → Hugo 2D preview (this page, no Babylon bundle)

Tokens: --cdn-navy #00002a --cdn-purple-deep #30006a --cdn-violet #9060f0 --cdn-gold #c9a23f · gradient linear-gradient(120deg, #00002a 0%, #30006a 100%) + dust rgba(215,199,238,.06) · safe 1200×400 center — ASL-STYLE-01/ADDON-04 · Prior 1 asl-concept (232 lines) · Prior 2 glimmer · Prior 3 rig · Prior 4 contact · Prior 5 mixer [74,115] [18,26] [44,58] · Prior 6 asl-lab gold rgb(201,162,63) · Prior 7 twin firefly-api.adobe.io/v2/images/generate

This file renders via layouts/page/asl-demo.html (Hugo sibling, no s3-prefix-registry.json entry — see spec/asl/spec.md ASL-ROUTE-01/03/04). Demo previews the 6-frame gloss pipeline (72 glosses G01–G72, 420ms each, 12 per frame) without bundling Babylon on Hugo.

Refs: prior result 1 addons/asl-concept (manifestVersion 2 panel asl-concept addOnUISdk.ready + editor.createRectangle/makeImageFill), prior result 2 docs/asl/gloss.json 72 G01–G72 + docs/asl/cast.json 6 avatars + gpu_lock muse-glimmer-30b, prior result 3 latrodectus-bishopi-hand.blend 42 joints 74–115 HOST_SCORECARD + asl-actions.blend 72 NLA, prior result 4 renders/contact-sheet 72 PNGs + datasets/<host>.zip class sumerianHost <id>, prior result 5 animation-mixer.ts ASL_HANDS_RANGE [74,115], prior result 6 addons/asl-lab 4 controls seed 4219, prior result 7 Firefly Twin styleReference/structureReference/firefly-api.adobe.io.

See also the ever-improving living guide at /firefly-tic-tac-toe/asl-guide/ (docs/asl-concept-guide/README.md).

All prior results — cited (ASL-BUILD-03)
  • 1 asl-concept — addons/asl-concept/ manifestVersion 2 panel asl-concept documentSandbox:code.js, index.html https://express.adobe.com/static/add-on-sdk/sdk.js addOnUISdk.ready theme Sumerian/Firefly/Universal + host Babylon.js/Express + gloss/play 6 frames 420ms + runtime.exposeApi/getApi('sandbox'), code.js import {editor} from "express-document-sdk" editor.createRectangle makeColorFill makeImageFill insertionParent.children.append 6 cards 180×220 pill 48×18 gold #c9a23f, mcp/mcp.json npx -y @adobe/express-developer-mcp@latest --yes stdio
  • 2 glimmer — http://127.0.0.1:8181/v1/chat/completions muse-glimmer-30b ctx4096 Valkey gpu_lock (SET gpu_lock "glimmer: …" → 503 contended → DEL idle), docs/asl/gloss.json 72 G01–G72 12/frame + docs/asl/cast.json 6 Ava/Ben/Cara/Dev/Eli/Finn + docs/asl/fixtures/vtt-sample.json 6 cues + docs/asl/prompts/gloss.md
  • 3 blender — blender-projects/latrodectus-bishopi-hand.blend fork, 42 joints HOST_SCORECARD 74–115, blender-projects/asl-actions.blend 72 NLA G01–G72 420ms, fixtures/asl/<gloss>.glb 72 via scripts/export-asl-glb.py KHR_animation_pointer
  • 4 contact — scripts/blender-contact-sheet.sh blender -b … 72 PNGs, comfy-workflows/workflow-api.json sumerianHost <id> person, datasets/<host>.zip 9 zips 8 PNG+TXT 1024px
  • 5 mixer — assets/sumerian-squares/src/animation-mixer.ts ASL_HANDS_RANGE [74,115] BROWS_RANGE [18,26] LIPSYNC_JAW_RANGE [44,58] MIXER_LERP 0.12 MIXER_FPS 60 mask ASL hands+brows > lipsync jaw > emote
  • 6 asl-lab — addons/asl-lab/ V2 panel asl-lab 4 controls (data-theme×3 data-host×2 #gloss #play 420ms rgb(201,162,63)=#c9a23f) editor.createRectangle 10× makeImageFill 8×, generateFireflyTwin seed 4219
  • 7 twin — Firefly Twin fetch("https://firefly-api.adobe.io/v2/images/generate", POST) seed:4219 seeds:[4219] styleReference/structureReference renders/contact-sheet/Sumerian/front.png + 42-joint G01–G72 → Blob→createImageBitmap→api.generateFireflyTwin({imageBitmap,seed:4219}) + MSW src/mocks/handlers.js stub 1×1
  • Spec: spec/asl/spec.md (ASL-*) · Doc: docs/firefly-tic-tac-toe/asl.md · Guide: /firefly-tic-tac-toe/asl-guide/ (docs/asl-concept-guide/README.md ever-improving) · Lab: adobe-express-mcp-lab
  • Sibling pattern: /firefly-tic-tac-toe/ (content/firefly-tic-tac-toe/index.md + layouts/page/firefly-tic-tac-toe.html) + /sumerian-squares/ · s3-prefix-registry.json sibling prefixes mom/ listen/ bench/ design/ chat/ news/ aws/ — no new entry (ASL-ROUTE-04) · buildspecs/buildspec-deploy.yml two-pass sync CloudFront E2E9BSL5RVN6DI