Back to Details

business-motion-film

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Business motion film

商业动效影片

Make short (15–40s) commercials that look like premium SaaS launch films but sell a real business outcome: explain a service, earn a quote request, follow up on a quote, or refresh an ad. The visuals can be ambitious; the claims must be true.
Read only the reference file your current step needs:
StepRead
Choosing a vertical, offer, pilot scope, pricing anchors
references/business-offers.md
Storyboarding and motion design
references/motion-grammar.md
, then 
references/launch-film-notes.md
for concrete moments
Building 3D components
references/three-js-patterns.md
, 
templates/component-lab.html
, 
templates/projected-overlays.js
A 3D product hero that must move like the real thing (unfolds, closes, reveals)
references/product-hero-realism.md
Any review round
references/gauntlet.md
, 
references/critic-prompts.md
, 
references/quality-bar.md
Music, sound effects, mix
references/audio.md
A worked example end to end
references/case-study-alder.md
(calm service film), 
references/case-study-duo.md
(Three.js product film)
制作 15–40 秒的短片，使其呈现高端 SaaS 发布影片的质感，同时传达真实的商业成果：讲解服务、获取报价请求、跟进报价，或更新广告素材。视觉可以富有野心，但所有声明必须真实。
只读取当前步骤所需的参考文件：
步骤读取
选择业务领域、报价方案、试点范围和定价锚点
references/business-offers.md
故事板与动效设计
references/motion-grammar.md
，然后阅读 
references/launch-film-notes.md
了解具体呈现方式
构建 3D 组件
references/three-js-patterns.md
、
templates/component-lab.html
、
templates/projected-overlays.js
需要像真实产品一样运动（展开、闭合、显露）的 3D 产品主视觉
references/product-hero-realism.md
任何审查轮次
references/gauntlet.md
、
references/critic-prompts.md
、
references/quality-bar.md
音乐、音效与混音
references/audio.md
完整的端到端实战示例
references/case-study-alder.md
（平静的服务类影片）、
references/case-study-duo.md
（Three.js 产品影片）

Non-negotiables

不可妥协的原则

  1. Truth. Never invent testimonials, ratings, completed jobs, diagnoses, savings, warranties or confirmed appointments. A concept film says it is a concept ("Fictional brand · Concept film · AI-generated imagery"). A client film uses the client's approved footage and facts.
  2. Business purpose on mute. A first-time viewer must be able to say what the business does and what to do next, with the sound off, by the end.
  3. Independent judging. The builder never grades its own work. Every component and every full cut goes to a fresh critic that sees only the render, the brief and the references (
    references/gauntlet.md
    ).
  4. Deterministic motion. Every animated state is a pure function of timeline time: no free-running 
    requestAnimationFrame
    , 
    Date.now()
    , unseeded randomness or physics history. Seek to any frame and get the same pixels.
  5. "No bugs" is not "good". Clean, smooth and error-free versions still get rejected for being basic, empty or slow. Measure (
    scripts/
    ) and judge creatively.
  1. 真实。 绝不虚构用户评价、评分、已完成的项目、诊断结果、节省金额、质保承诺或已确认的预约。概念影片必须明确标注为概念（“虚构品牌 · 概念影片 · AI 生成影像”）。客户影片只能使用客户已批准的画面和事实。
  2. 静音时也能理解商业目的。 首次观看影片的观众在结束时必须能够说出企业做什么，以及下一步该做什么。
  3. 独立评判。 构建者绝不给自己的作品评分。每个组件和完整成片都要交给一位全新的批评者；该批评者只能看到渲染结果、简报和参考资料（
    references/gauntlet.md
    ）。
  4. 确定性动效。 每个动画状态都必须是时间轴时间的纯函数：不得使用自由运行的 
    requestAnimationFrame
    、
    Date.now()
    、无种子随机性或物理状态历史。跳转到任意帧时，都应得到完全相同的像素。
  5. “没有 bug”并不等于“好”。 即使版本干净、平滑且无报错，也可能因内容基础、空洞或节奏缓慢而被拒绝。使用 
    scripts/
    进行测量，并对创意表现进行评判。

Workflow

工作流程

1. Brief (15 min)

1. 简报（15 分钟）

Write 
BRIEF.md
: business, buyer, the viewer's problem, the single action (CTA), what is provably true, available real assets, length, aspect ratios, brand (palette, type), and what must never be claimed. If the user has no real assets, agree it is a labelled concept.
编写 
BRIEF.md
：企业、买家、观众面临的问题、单一行动号召（CTA）、有证据可证的事实、现有的真实素材、时长、宽高比、品牌（配色、字体），以及绝不可声称的内容。如果用户没有真实素材，则商定将其制作成带明确标识的概念片。

2. References

2. 参考资料

Pick 3–6 moments from 
references/launch-film-notes.md
whose mechanism fits the story, e.g. a foreground fly-through, a persistent selected object, or a layered exploded view. If the user supplies reference videos, extract frames (
scripts/contact-sheet.sh
) and cite exact timestamps. Borrow mechanisms, never layouts, logos or footage.
从 
references/launch-film-notes.md
中选取 3–6 个其呈现机制契合故事的瞬间，例如前景穿越镜头、持续驻留的选中对象或分层爆炸图。如果用户提供了参考视频，则使用 
scripts/contact-sheet.sh
抽取帧，并标注准确的时间戳。只借鉴呈现机制，绝不照搬布局、logo 或素材。

3. Storyboard before building

3. 先制作故事板，再开始构建

One table: time → what the viewer sees → business job of the beat → the transition out, including which object survives it. Rules:
  • 12–15 distinct compositions for a 30s film. Vary scale: macro → wide → overhead → UI close-up → type impact.
  • The lead subject fills 60–85% of the usable frame in feature beats. No small card floating in a big empty field.
  • Every beat has a readable landing, then an accelerating exit. No holds without motion over ~0.6s.
  • Name 3 signature transformations you can describe without effect names, e.g. "the inspection photo becomes the report's hero image".
  • 3D only where it explains something physical or spatial. Typography and UI stay crisp HTML/SVG. Get a quick critic pass on the storyboard itself (chronology, business logic, truthfulness).
使用一张表：时间 → 观众看到的内容 → 该节拍承担的商业作用 → 离场转场（包括延续到下一场的对象）。规则如下：
  • 30 秒影片应包含 12–15 个不同构图。改变画面尺度：微距 → 全景 → 俯拍 → UI 特写 → 文字冲击力。
  • 在功能展示节拍中，主体应占可用画幅的 60–85%。禁止小卡片漂浮在空旷画面中。
  • 每个节拍都要有清晰可读的落点，随后快速离场。不得静止停留超过约 0.6 秒。
  • 命名 3 个无需提及效果名称就能描述的标志性变化，例如“检查照片变成报告的主视觉图”。
  • 仅在 3D 有助于解释实体或空间关系时使用 3D。文字排版和 UI 使用清晰的 HTML/SVG。
让批评者快速审查故事板本身，包括叙事顺序、商业逻辑和真实性。

4. Assets

4. 素材

  • AI stills: generate the key frame first, then animate it with image-to-video. Prompt as a production brief: lens, light, exposure ("bright, airy, nothing crushed to black"), negative space reserved for type, "no people / no text / no logos / no watermark" when needed.
  • AI video: short (4–5s) clips with restrained camera moves ("a steady gimbal dolly, about 25 cm of travel, preserve the exact geometry, no morphing"). Expect 720p/24fps and interpolate/upscale, which is not native detail. Reject clips whose geometry warps; regenerate rather than hide.
  • Keep a generation ledger: model, prompt, seed, job id, accepted window. Never commit API keys.
  • AI 静帧： 先生成关键帧，再通过 image-to-video 制作动画。提示词应像制作简报一样，写明镜头、光线和曝光（“明亮、通透，黑色部分不要压死”）、为文字排版预留负空间，并在需要时加入“不要人物 / 不要文字 / 不要 logo / 不要水印”。
  • AI 视频： 使用运镜克制的短片（4–5 秒），例如“稳定的云台轨道镜头，行程约 25 厘米，保持精确的几何结构，不要发生形变”。通常只能获得 720p/24fps，需要进行插帧或放大处理，但这并不等于原生细节质量。拒绝几何结构扭曲的片段；重新生成，而不是遮掩问题。
  • 维护生成记录表，包括模型、提示词、种子、任务 ID 和采纳区间。绝不提交 API keys。

5. Build components in isolation

5. 隔离构建组件

Each custom component (3D scene, report UI, booking flow, logo mark) gets its own lab page (
templates/component-lab.html
), is rendered to stills plus a short motion proof, and goes through a component Gauntlet round before it joins the film.
每个自定义组件（3D 场景、报告 UI、预约流程、logo 标识）都应拥有独立的实验页面（
templates/component-lab.html
），渲染为静帧和一段短动效验证，并在加入影片前完成一轮组件级 Gauntlet 审查。

6. Assemble

6. 组装

One root timeline; each scene is a sub-composition; Three.js scenes are rendered from the root seek clock; overlays such as labels, pins and leader lines are positioned from projected 3D anchors every frame (
templates/projected-overlays.js
). Hand objects across scenes at exact pixel coordinates, so the last frame of scene A equals the first frame of scene B for the carried object.
使用一条根时间轴，每个场景作为子合成；Three.js 场景通过根时间轴的 seek 时钟渲染；标签、图钉和引导线等叠加层，每帧根据投影后的 3D 锚点进行定位（
templates/projected-overlays.js
）。跨场景交接对象时使用完全一致的像素坐标，确保场景 A 的最后一帧与场景 B 的第一帧中，被承接对象完全一致。

7. Full-film Gauntlet

7. 完整影片 Gauntlet

Render the whole film. Run 
scripts/frozen-time.sh
and 
scripts/loudness.sh
. Send to a fresh critic with 
references/critic-prompts.md
(full-film prompt). Fix the highest-impact items, re-render, and send to a new critic that verifies the previous list item by item. Stop at the quality bar or when gains become cosmetic (usually 3–5 rounds).
渲染整部影片。运行 
scripts/frozen-time.sh
和 
scripts/loudness.sh
。使用 
references/critic-prompts.md
将成片发送给一位全新的批评者，并提供完整影片提示词。优先修复影响最大的问题，重新渲染，再交给另一位新批评者，由其逐项核验上一轮问题清单。达到质量标准，或后续提升只剩表面修饰时停止，通常需要 3–5 轮。

8. Audio last, but not an afterthought

8. 音频最后处理，但不能草率

Follow 
references/audio.md
: music matched to the buyer's customer and kept well under the effects (lo-fi or warm acoustic for home services); one soft, rumble-free whoosh per real transition; clean UI sounds only on real actions; per-event levels solved in each effect's band (
scripts/solve-sfx-gains.py
); candidates screened with 
scripts/sfx-candidates.py
. Always deliver a music-only fallback, and isolate complaints with it.
遵循 
references/audio.md
：音乐应与目标客户匹配，并保持音量明显低于音效；对于家庭服务类业务，可使用 lo-fi 或温暖的原声风格。每次真实转场搭配一个柔和、无低频轰鸣的 whoosh；干净的 UI 音效只用于真实操作；使用 
scripts/solve-sfx-gains.py
按每个音效的频段求解事件音量；使用 
scripts/sfx-candidates.py
筛选候选音效。始终交付纯音乐回退版本，并借助它隔离和定位问题。

9. Deliver

9. 交付

Master MP4 (1080p60 for motion work), poster frame, contact sheet, editable source, generation ledger, and a Gauntlet ledger (what each critic found → what changed → measured before/after). State limits honestly: what was measured versus listened to, and sampled versus exhaustive review.
交付母版 MP4（动态作品使用 1080p60）、海报帧、contact sheet、可编辑源文件、生成记录表和 Gauntlet 审查记录（每位批评者发现了什么 → 修改了什么 → 修改前后的测量结果）。如实说明审查边界：哪些内容经过测量、哪些经过聆听，以及审查是抽样还是全面穷尽。

Working style the clients in this playbook expected

本手册中的客户所期望的工作方式

  • Plan visibly (storyboard), then build without stopping to ask for approval of every step.
  • Report status in one line when working for a long time.
  • Show the work: contact sheets, measured numbers, critic verdicts.
  • 让规划过程清晰可见（故事板），然后持续构建，不在每一步都停下请求批准。
  • 长时间工作时，用一行汇报进度。
  • 展示工作成果：contact sheet、测量数据和批评者结论。