12秒产品发布视频提示

<inputs> 向我询问：我的产品名称、一个标志（或让我绘制一个简单标记）、我的品牌颜色（或从我的标志中提取）、用户在提示框中输入的一行文字、回答该问题的页面（标题 + 2–3 句话，包含一个关键短语）、堆叠卡片的两项功能名称，以及一首音乐曲目。如果我跳过任何一项，则使用默认值：产品“Frame by Frame”位于其 Whop 中心内，一个取景器标记（四个角括号围绕一个粗体“FF”），提示“为我的应用制作一个发布视频”，一个标题为“2.1 选择参考”的课程页面，卡片“Launch”和“Sound”，以及 Mixkit 的免费浩室曲目“Rising Forest”减速至 124 BPM。 </inputs> <direction> 一个 12 秒的方形产品短片，1080x1080，帧编号为 29.97 fps（f0–f359），母版以 59.94 fps 渲染。苹果主题演讲风格：柔和、白色、亮蓝色、玻璃质感。镜头绝不停留在静止帧上：每个镜头进入时已在移动（指数缓出，每帧移动剩余距离的 12–19%），并以加速移动或模糊渐变离开。每次移动时，模糊跟随速度和方向。 调色板：我的品牌颜色映射到这些角色上；如果我没有提供，则使用页面 #FDFDFB、薄雾 #B7CFEB、冰色 #E6F0FA、深蓝 #294376 → #769CC2 天空渐变、海军蓝 #1E2F52、强调蓝 #2F6BFF / #3CC8F0 / 薄荷绿 #4ED6A0、白色。字体：Inter（400/500/600/700）。任何地方都不使用紫色、紫罗兰色、品红色或橙色。 故事：产品标题从浅色应用窗口内的蓝色薄雾中升起 → 光标滑入，转向其前进方向，悬停时放大并点击标志 → 在音乐骤降时硬切到应用图标，四个方块环绕成十字形 → 图标收缩到 Mac 菜单栏中 → 光标点击菜单栏图标，一个磨砂玻璃提示框弹出，提示文字输入 → 通过浅蓝色闪光向上甩动倾斜，进入滚动到位的答案页面 → 一张卡片在其上方升起 → 模糊溶解到两张堆叠卡片，带有巨大的磨砂玻璃标题 → 模糊溶解到单独的标志圆盘 → 硬切到黑色结束卡片，带有发光字标。 禁止：交叉溶解、冻结帧（S7 中一次停顿除外）、库存 UI 套件、UI 文字发光、Math.random、任何看起来像模板的东西。 </direction> <structure> 坐标是 1080 舞台上的像素。音乐节拍 k = 0.048 + 0.4838·k 秒（124 BPM，一个节拍 = 14.5 帧）。三个硬切 f72、f101、f159 落在节拍前 2 帧：保持这些精确帧。 S1 f0–71，标题 + 窗口 + 点击：薄雾 #B7CFEB 在 f28 前渐变为 #FDFDFB，底部保留蓝色地面辉光 #DBEEFD。标题在一行上：标志圆盘 ⌀132（#FBFCFE，1px 边缘 #E8E8EA，深色标记），产品名称（Inter 500），深色胶囊药丸“on Whop”（#2F2E2F，白色文字）；整个组合跨越 x474–1063，中心线从 y932（f0）上升到 776（f2）→ 683（f5）→ 608（f10）→ 546（f24）→ 536（f37），之后每帧漂移 1 px。名称在 f2 出现时模糊，药丸在 f4–5 严重模糊并向左滑动 15 px 同时锐化。一个浅色中心窗口（半径 93，填充 #FCFDFF，顶部带 #F1F6FF，蓝色内部地面辉光）在其周围淡入：不透明度从 f14 开始为 0，f15 为 0.53，f19 为 0.7，f24 为 1.0；左上角 (408,405)，向右和向下延伸出画面。内部：顶部带中的搜索药丸，左侧图标列（课程图标位于 (537,739)，淡化的聊天图标位于 (537,900)），以及从 (764,700) 延伸出画面的课程卡片，带有封面图片、标题和“课程 · 8 节课”。光标（黑色 macOS 箭头，白色轮廓，32x39）在 f27 出现在 (891,393)，向左减速滑动到 (770,383) f44，在 f47–51 旋转指向左下，降落在圆盘右下 (629,564) f56 → (587,546) f59 → (555,531) f71；从 f56 开始悬停时放大 ×1.55；从 f53 开始，一个柔和的冰色环（#D5F3FF → #F7FEFF，外径 ⌀174）在圆盘周围亮起。相机围绕 (540,540) 缩放：1.0 f46 → 1.2 f60 缓入缓出，保持 f61，然后加速缓出到 f71 时的 1.04，同时光标按下（f69–71 缩小 15%）。 S2 f72–100，图标 + 轨道：海军蓝圆角方形应用图标（#294376 → #1E2F52，白色标记），f72 时为 276 px，缓出缩小到 f86 时的 178 px，半径为宽度的 28%，位于灰色光晕圆盘 #E9E9E7 上，从 ⌀240（f75）增长到 326（f86）。四个 92 px 方块（半径 26）逆时针旋转，减速，并在轨道半径约 216 处锁定成十字形（f86）：白色（1px #E3E8EF 边缘 + 微弱阴影）在左，#2F6BFF 在上，#3CC8F0 在右，#4ED6A0 在下。f88–100：图标加速缩小到约 40 px，方块滑入其右侧的一行（白色滑到图标后面），模糊从 0.3 渐变到 6 px。 S3 f101–158，菜单栏 + 提示：白色页面上方是黑色笔记本电脑边框带（y425–475，顶部高光 #686866），深海军蓝菜单栏（y477–538），下方壁纸 = 蓝色天空渐变，带有细白色线条艺术（一个大圆，两条水平线，一条垂直线，一个交叉处的四角星芒，右上角柔和的青色辉光）。菜单栏右侧白色簇：Wi-Fi、电池、开关，产品标记位于 x531–584，三个 ⌀36 点 #2F6BFF / #3CC8F0 / #4ED6A0 位于 x612、661、709，“Mon Jun 22 9:41 AM” 34 px。进入时模糊 3 px，并在 f110 前稳定。光标从下方升起（f102），停在标记上，f113–117 按下。相机在 f115–130 将内容向右平移 +125 px（f118–120 最快）。一个磨砂玻璃框（天空上的白蓝玻璃，亮色顶部边缘，半径 60）在 f116 从标记下方弹出：宽度在 f126 达到峰值 744，并在 f138 前稳定在 726x228，位于 x196–922，y568–797。提示从 f121（第一个可读的“Make ”）到 f150（完整）以约每帧 1 个字符的速度输入，每 2–3 个字符停顿 1 帧；光标始终可见；底部有三个白色轮廓图标；发送按钮 #2F6BFF ⌀51，带有白色向上箭头。从 f136 开始，整个场景向上漂移，加速进入甩动倾斜（f158 移动约 25 px/帧，垂直模糊约 6–8 px），同时页面在 f154–158 着色 #E6F4FE。 S4 f159–186，答案页面：一个浅色课程页面（面包屑、标题、正文）：文本列 x120，正文 47 px Inter 400 灰色 #BCBCBA，行距 58，一个关键短语（“frame for frame”）为黑色 600。它到达时模糊且低 420 px，以偏移 420、315、210、170、140、116、96、81（f166）… 14（f175）… 0（f180）向上滚动，然后在 f186 前缓慢移动 −6 px。模糊 24 px（f159）→ 1.5（f165）→ 0。闪光 #E2F4FE 在 f165 前渐变为 #FDFDFB。一个指向正上方的光标随滚动移动，并停在关键短语下方（约 (450,591) f180），然后向右漂移。 S5 f187–214，卡片：一张白色卡片（x203–878，向下延伸出画面）在页面上方升起：封面图片 627x536 内嵌 24 px，半径 64，顶部中央有浅色抓取条，说明文字半粗体 38 px 黑色，副说明灰色 23 px。封面顶部 y642（f187）→ 456（f191）→ 395（f196）→ 369（f200）→ 348（f205），然后继续以约 4 px/帧向上漂移。卡片模糊在 f189 达到峰值 3.8 px，f201 前清晰；后面的页面模糊到约 2.5 px。退出 f207–214：卡片缩小约 5% 并上升，同时整个帧模糊 1 → 7 px；在模糊峰值处剪切。 S6 f215–244，两张卡片：白色页面，两张堆叠卡片 538x348（半径 57，间隙 36）居中于 x540，顶部卡片在 f230 前稳定在 y168，底部卡片在 y552。每张：封面艺术（不烘烤文字），左上角磨砂药丸（“Module 3” / “Module 5”），右上角磨砂圆形“•••”，以及沿底部边缘的巨大粗体标题，由磨砂玻璃制成（图像的模糊、变亮副本裁剪到字母中，被卡片底部边缘切断）：“Launch”和“Sound”。两者进入时模糊 12 px，并在 f224 前清晰；顶部卡片进入时大 8%，从 y264 升起；底部卡片从 y927 升起，在其后交错。它们在 f230–238 以 3 px/帧向上漂移，然后加速向上并模糊进入剪切。 S7 f245–300，标志圆盘：页面 #FDFDFB，圆盘 ⌀168 #F6F6F6 带有深色标记，升入中心（顶部 y569 f245 → 491 f250 → 468 f255 → 456 f269），剪切帧上有垂直涂抹，保持静止 f269–287（唯一的冻结拉伸），然后加速缩小到 f300 时的 ⌀123。 S8 f301–359，结束卡片：黑色径向背景（角落 #020204，文字周围约 #272729），字标 Inter 600，白色 #F3F3F5，带有紧密辉光和宽柔光晕，居中 (540,540)。字宽：约 1650 px f301（水平涂抹，缩放条纹）→ 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342（约 1 px/帧缩小）→ 492 f350，然后缓入收缩：450 f355 → 267 f359，模糊升至 3.5 px。影片在收缩中途结束。 </structure> <build> 1. 一个 HTML 页面，1080x1080，由 seek(t) 作为帧号的纯函数绘制。无 CSS 过渡，无定时器，无 Math.random（仅使用种子哈希）。镜头注册为 {f0, f1, render(localFrame)}。 2. 每个值在帧号上连续（59.94 母版渲染半帧）：使用关键帧表 kf(frame, [[f, value], ...], ease) 和带线性插值的逐帧查找表进行动画。运动不使用 Math.floor。 3. 模糊：圆形模糊使用 CSS 滤镜模糊，方向性涂抹使用带独立 x/y 标准差的 SVG feGaussianBlur。结束卡片上的缩放涂抹 = 文字的 20–30 个缩放、淡化副本。磨砂玻璃 = 后面内容的模糊、变亮副本，裁剪到形状。 4. 光标：一个 SVG macOS 箭头（黑色填充，白色轮廓，柔和阴影），带旋转和缩放，在 S1、S3、S4 中复用。 5. 声音（无语音），恰好 12.075 秒：音乐 124 BPM，柔和前奏，在 2.47 秒（第 5 拍，f72 剪切领先 2 帧）骤降。合成音效：柔和撞击 0.10 秒；在剪切 2.402、3.370、5.305、10.043 秒处达到峰值的嗖嗖声；过渡撞击恰好落在 6.240 秒和 8.175 秒；点击在 2.33 和 3.83 秒；非常安静的按键滴答声在 4.04–5.00 秒内每约 32 毫秒一次；在 10.05 秒处柔和闪烁。母版至 −14 LUFS，真实峰值 −1 dBTP，除最后 60 毫秒外无淡入淡出。 6. 使用 Playwright 渲染（每帧一张截图，先加载字体），以 60000/1001 编码 H.264 yuv420p，混入音频。 </build> <gotchas> 仅在字体加载后测量文本。长产品名称无法容纳在 5 个字母名称的位置：缩放整个组合（圆盘间隙、名称、药丸）以适应跨度 x474–1063，不要让药丸掉出画面。白色轨道方块在白色页面上消失，除非有 1px 边缘和微弱阴影。不要在 S6 卡片内放置带有自身文字的图片，否则玻璃标题会重复。保持剪切帧精确，即使它们不在节拍上。除 S7 f269–287 外，没有任何东西冻结。重模糊表可能完全抹掉形状：如果帧看起来空白，降低模糊直到形状仍然可读。 </gotchas> <start> 向我询问输入。然后在我渲染完整影片之前，向我展示 4 张静帧（f40 窗口中的标题，f86 图标十字，f150 完成的提示，f230 两张卡片）。 </start>