材质填充动态发布片 — 使用指南

你会得到什么

一支十四到二十秒、暖色 moodboard 调性的发布片。它的标题字不是被上色的，而是被材质填满的：混凝土、水磨石、砖、织物、瓦楞金属。标题会在其中六种之间以几帧为间隔闪切，于是「这个产品和质感有关」这件事是在字里被演示的，而不是被写在旁边。字的周围：拼贴卡片被一个选择框框住、逐词到场的文案，以及一块浮在缓慢移动色场上的玻璃面板。

每一帧都是代码画的。

三条规矩

一、填充就是这个功能本身。 屏幕上出现的材质，就是产品实际提供的材质。如果片子展示了六种而产品只有四种，那它是在用最容易被核实的方式撒谎。

二、闪切要快到读不出来。 30fps 下大约每种材质三帧。再慢，观众就开始逐个评价，那是另一支片子——一本目录，而不是一次演示。闪切本身是一种质感，不是幻灯片。

三、被点名的材质要停下来。 当一种材质在画面上被叫出名字时，闪切结束，那一种停住。字幕下面还在闪的材质，是片子在反驳自己的字幕。

你需要提供什么

• 材质：闪切至少六种，点名并停住两种。都是产品真的提供的。
• 一个标题词——被填满的那一个。
• 文案，短句，因为它会被一个词一个词地读。
• 收尾的命令或调用方式。
• lockup。
• 每一张材质图的版权立场——见下。

材质的版权规矩

摄影类材质库是有授权的，而"允许你在自己的渲染里使用"这条授权，往往并不允许你再分发那个文件：

• 每一张材质图要么是调用方自有、要么是 CC0、要么有调用方能指出来的授权。逐一记进交付说明。
• 如果某种材质的授权确认不了，就用程序化方式做出来——CSS 渐变加一个带 seed 的 SVG 湍流，就能做出很像样的混凝土、水磨石、砖、织物和金属，而且什么都不用随包发出去。
• 任何材质、卡片或面板里都不得出现第三方的 mark、产品名或水印。
• 拼贴卡片用调用方自有的图像或抽象图形。它们不是扒来的参考图，也不是别家公司的截图。

本包附带的示例完全由程序化材质构成，正是出于这个原因：它一张照片都没有随包发出去。

场景

场景	画面
A	拼贴、选择框，以及在整套材质里闪切的标题词
B	一行文案，逐词到场
C	两种材质被点名并停住，每个词都被它所命名的材质填满
D	一块浮在移动色场上的玻璃面板——第二个能力点
E	命令，以及 lockup

A 撑着整支片子。闪切如果不成立，后面没有任何东西救得回来。

这支片子守的几条设计规矩

• 填充是两层：调色板色调压在材质上面，顺序不能反。没有这层色调，六种材质连在一起就像六张不相干的图库照片。
• 每种材质有自己的贴图尺寸，因为每种材质有自己的颗粒。一个尺寸套六种，粗的会变成墙纸，细的会变成纯色。
• 闪切用预先叠好的副本加逐帧 stamp 实现，绝不换 background-image——换图会触发解码，而三帧窗口里的一次解码在渲染里就是一帧丢失。
• 闪切以停在某一种材质上结束，不是淡出。
• 90px 以下所有材质都读作噪点。 那就用颜色。

版权与诚实

上屏的每一种材质都在交付说明里记下版权立场。确认不了的就改用程序化材质。任何材质、卡片或面板里都不会出现第三方的 mark、产品名或水印。

本片的材质填充标题、快速材质闪切、拼贴加选择框的舞台调度，以及逐词到场的文案手法，参考自一个公开发布的 HyperFrames 发布项目。主题、文案、配色、材质、版式和全部素材都为你的产品重新创作，成片中不包含、也不暗示与任何你不拥有的公司存在关联或获得其背书。

环境要求

HyperFrames CLI、Node.js 22 或更新版本、FFmpeg。渲染在你自己的机器上跑。全程不调用任何图像、视频或数字人生成模型，因此没有按次计费的 API 成本。

值得知道的限制

• 细颗粒在 1080p 上成立，在缩略图上不成立。 混凝土那样的细噪点在成片里清清楚楚，在一张三分之一大小的联系表上会被抹平——所以检查要在渲染出来的帧上做，而不是在浏览器里 100% 看。
• A 场不能短于四秒左右。 闪切至少要把整套材质循环四遍，否则读起来像三种材质加一次故障。
• 没有旁白。文案是逐词读的，念白会和它抢同一件事。