recipe-hybrid-handoff / Build system

Authored scene → lean interface

Original FORM//GRAPH synthesis · design proposal

A disciplined handoff: art-direct in Blender, export only the essential mesh and curves, then let Kimi build a semantic interface around the runtime scene.

BlenderThree.jsDOMKimi

Where it belongs

Best as the default pipeline for major web heroes and chapter transitions.

The browser receives an asset contract, not a .blend file: named anchors, state curves, palette tokens, budgets and fallbacks.

Production sequence

  1. Lock the static composition in Blender at desktop, tablet and mobile camera ratios.
  2. Name interactive anchors and export them with compressed geometry, baked normals and no unused materials.
  3. Export camera/state curves separately from the asset so Kimi can coordinate them with HTML.
  4. Implement DOM content first, mount the scene as an enhancement and test all anchors at target breakpoints.
  5. Profile on an actual iPhone; enforce geometry, texture, DPR and long-task budgets before polish.

Handoff contract

Deliverables
Asset contract + glTF + curves + Kimi implementation prompt
Proposed runtime budget
Hero ≤ 1.2 MB compressed

This is a production brief, not a downloadable implementation. Budgets are proposed targets; validate them on the intended devices before release.