2D 动画

通过 16,384 个点绘制一条连续的单线，呈现鹈鹕骑车的画面。使用 Lloyd 松弛算法放置点，采用旅行商路径连接这些点，并利用 2-opt 算法消除交叉直至归零。然后将同一条线提升至 3D 空间并制作蹬车动画。每一帧都在 JavaScript 的 2D canvas 上绘制，音乐则完全通过代码合成。

创建一个手绘风格的动画。具体而言，生成一个动态水彩绘本或中国古代水墨长卷画（如《清明上河图》）。重点在于艺术风格和流畅的动画过渡效果。

重现 @seti_park 素描本中的蜡笔火箭画作。利用 Three.js 制作动画，展示其膨胀成玩具、突破纸张边框并重新潜入页面的过程。在保持手绘美感的同时，实现流畅的 3D 过渡效果。

<direction> 构建一个30秒循环播放的动态设计展示 reel，介绍一位名为 CLAUDE 的动态设计师。 概念一句话概括：一条铅笔线经历三次升级（纸上的石墨、蓝图上的线条、黑底上的光线），且从未离开屏幕。 每个镜头都由前一个镜头演变而来：形状、文字和颜色无缝过渡到下一个场景。无剪辑，无淡入淡出。 字体：仅使用 Geist。大词使用字重 900，小标签使用字重 600 至 800（字号 24 至 28 px，字距跟踪 0.14 至 0.3 em）。 调色板：纸张奶油色 #EDE6D5，蓝图蓝色 #1B3ED2，全息青色 #45F0DD，以及黑色 #07080A，石墨灰 #16161A 和白色。每个阶段的强调色是下一阶段的主体色：纸上是蓝色铅笔，蓝图中是青色，全息图上是白色。 摄像机：整个影片保持锁定正面视角，如同绘图桌。物体旋转；摄像机不移动。 空白边框：距离左右两侧 150 px 或上下边缘 90 px 范围内不得有静止元素。运动中的元素可以穿过该区域。 三种墨水。相同的几何图形根据屏幕上显示的墨水进行绘制： - 纸张：奶油色纸张背景（如果提供则使用我的纸张图像，否则使用带有细腻手绘纹理的平涂奶油色），带有约 13% 透明度的 60 px 蓝色网格，每第五条线透明度为 26%。线条为铅笔风格：通过每秒相位变化 8 次的慢速正弦波重新采样并偏离真实位置，双重描边（全宽 90%，半宽 40% 且抖动更多），去除纸张颗粒感后叠加在纸上。填充为逐行绘制的对角线排线。大号文字为裁剪成字母形状的排线，并带有双轮廓。 - 蓝图：平涂蓝色，白色相同网格。清晰的白色线条 3 至 4 px，隐藏边缘为虚线且更细，填充为精细干净的排线。 - 全息图：黑色，青色相同网格。青色线条带有占线宽 30% 的白色核心。填充为 8 px 间距的水平扫描线，其厚度取决于表面光照程度。任何地方都没有模糊光晕：它仅通过线条密度表现光线。 禁止项：粒子爆发、发光、镜头光晕、摄像机抖动、RGB 分离、交叉淡化、通用渐变、弹性缓动、超过半秒的停顿，以及任何看起来像模板的内容。 </direction> <structure> 120 BPM，60 拍，15 小节，每小节 2 秒。每一拍都有动作发生。动作在其节拍前 0.05 秒开始，以便精准落在节拍上。 缓动：临界阻尼弹簧，公式为 1 - (1 + w t) e^(-w t)，其中 w 介于 12 和 40 之间，确保没有东西越过目标；擦除、按压和退出使用指数缓入和缓出。 场景转换：纸张转蓝图通过一个以硬边缘填满画面的形状实现；蓝图转全息图及全息图转纸张通过一条水平扫描线实现。 最后一帧是第一帧，因此形成循环。 两个角落标签贯穿整部影片：左上角 "FIG. 07 — GEAR"（小节编号和名称），右下角 "BEAT 27 / 60"。小节名称：DRAFT, TYPE, CURVE, MORPH, TILE, SOLID, GEAR, PANEL, DATA, LIGHT, WAVE, GLOBE, DRUM, FORM, END。 </structure> <mascot> 创意总监：一个小盒子角色。身体 76 x 54 单位，圆角，中间高度有两个短手臂桩（24 x 16），四条直腿（11 x 33），两个高圆角矩形眼睛（8 x 14）。绘制宽度约为 250 px。右臂抬起 58 度，手持铅笔。 在纸上：石墨轮廓，稀疏蓝色排线和石墨眼睛。在全息图中：青色轮廓，扫描线填充和白色眼睛。它永远不会是第四种颜色。 它以交替抬腿的方式奔跑，每秒六步，奔跑时倾斜 7 度。 </mascot> <storyboard> 第 1 小节，HOOK，0-2 秒，纸张。 第 0 帧：Geist 900 字重的 CLAUDE，适配宽度 1500 px，居中，铅笔排线样式。上方小字 INTRODUCING，下方小字 A MOTION DESIGNER。一支 1620 px 宽的铅笔导轨位于字母上方 96 px 处。吉祥物站在导轨上 x = 1560 处，左侧标有 CREATIVE DIRECTOR。 0.0：小字消失；吉祥物加速跑出右边缘。 0.36 到 0.5：导轨加速下落，直到基线下方 26 px 处，并将字母压平嵌入自身。 1.0：线条上升到中间，缩短至 1320 px 并分裂成两条相距 140 px 的导轨；41 个蓝色刻度沿顶部导轨扫过。 1.5：导轨张开至 300 px；右侧绘制蓝色高度尺寸标注，带有实时数字。 第 2 小节，KINETIC TYPE，2-4 秒，纸张。单词位于导轨之间并被裁剪到该槽位；导轨移动以适应每个单词。 2.0：INTRODUCING 逐个字母穿过基线升起，然后从顶部移出。 2.5：A MOTION 从左侧快速滑入（0.2 秒内移动 1400 px）。 3.0：导轨合拢将其夹住并重新打开，将 DESIGNER 从线条中拉伸出来；随后其字母向侧面飞出。 3.5：蓝色铅笔风格的 CLAUDE，字母从上方逐个落下，间隔 0.05 秒。在 4.0 时，导轨合拢并将其挤压成一条长 1476 px 的线条。 第 3 小节，CURVES，4-6 秒，纸张。 4.1：线条获得钢笔工具手柄（长 430 px，角度 58 度，末端有小方块，手柄尖端有圆圈，标签 EASE）并弯曲成 S 形。 4.5：手柄摆动到镜像角度；八个蓝色副本以 34 px 间距扇形展开，两端连接如叶片。 5.0：手柄收回；带状物变为行进的正弦波（振幅 92 px，2.75 个周期，每条线略有相位差）。 5.5：它重新聚集回一条平直线条。 第 4 小节，SHAPE MORPH，6-8 秒，纸张。 6.1：线条卷曲成半径 235 的圆形（曲率增加，长度保持不变）。6.5：三角形，变化时旋转 120 度。7.0：正方形。7.5：六边形，顶点向上，半径 270。内部构建蓝色排线，然后是交叉排线。 第 5 小节，TILING，8-10 秒，纸张。 8.0：六边形缩小至半径 96，周围滑出另外六个。8.5：再添加十二个，形成一个由 19 个单元组成的蜂巢。9.0：密集排线扫过，直到每个单元都变成实心蓝色。9.6 到 10.0：中心单元的形状以硬边缘生长超出画面；内部是蓝图，蜂巢以白色线条呈现。 第 6 小节，2D TO 3D，10-12 秒，蓝图。 10.0：在每个六边形内部绘制三条线，加上三条虚线隐藏线：每个都是角视图下的立方体。 10.5：十八个外部立方体滑入中心的一个，使其生长至半径 270。11.0：它转动四分之一圈，透视开启。11.5：它面向前方。 第 7 小节，MECHANISM，12-14 秒，蓝图。 12.0：立方体扁平化，其前方面长出齿：一个 16 齿齿轮，节圆半径 208。从 12.25 开始，齿轮系在每个八分音符上步进 45 度。12.5：一个 10 齿齿轮向右上方生长并啮合。13.0：一个 12 齿齿轮向左上方生长。每个都有虚线节圆、轮毂和标签（16T, 10T, 12T）。13.5：小齿轮收回；齿轮变回正方形，立方体恢复深度。 第 8 小节，UNFOLD，14-16 秒，蓝图。 14.0：立方体沿铰链展开成六个正方形的十字形。14.5：正方形滑动并拉伸成六个面板：标题条、高侧边栏、宽图表、两个瓦片、时间轴条。 15.0：它们被填充内容。标题："CLAUDE — MOTION REEL"，一个 BARS / RING 开关，一个 LIGHT 切换按钮。图表：30 个柱状图，对应影片的每一秒，高度为 42 30 36 44 50 46 52 62 50 56 62 72 60 66 58 76 56 62 68 74 70 78 86 94 100 93 97 90 80 50。时间轴：15 个小节名称，每个上面有一个关键帧菱形。 15.5：计数器滚动上升：120 BPM, 60 BEATS, 1800 FRAMES, 0 CUTS。 第 9 小节，DATA，16-18 秒，蓝图。 16.0：一条曲线横跨柱状图顶部绘制；青色播放头落在时间轴的当前时间上。当前秒的柱状图为实心青色，较早的为排线，较晚的为轮廓线。光标到达。 16.5：它点击 RING：图表的基线弯曲成一个半径为 110 的圆，ba

规则： - 剧场版动漫品质，预算规模达 5 亿日元，新复古扁平化日式 2D 动漫。鲜明的青蓝色轮廓线，柔和的粉彩色调 - 单镜头（无剪辑）。摄像机固定不动，直到结尾。不要使用鱼眼镜头 - 高帧数绘制。节奏快，带有喜剧色彩 - 无背景音乐 (BGM)，有音效 - 无字幕，屏幕上无文字 {{img 1}}: 主体 - Maka {{img 2}}: 主体 - Roni [一致性] 在整个视频中，不要改变 Maka-chan 的脸部、粉色皮肤、粉色短波波头、两侧的大型奶油色圆形耳状头部配饰、大蓝眼睛、白色圆形耳环、红色颈圈、黄色泡泡袖上衣、红色腰带和白色裙子。不要改变 Roni-kun 的脸部、粉色皮肤、卷曲的粉色头发、两侧的大型奶油色圆形耳状头部配饰、蓝眼睛、薄荷绿西装外套、紫黄格纹衬衫和白色裤子。画面中只出现 Maka-chan 和 Roni-kun。每次只拿出一个物品。不要重复物品或 Roni-kun。 [FRAME-BREAK] 主要视觉目标：明显的“出框”、“弹出”效果。Maka 反复伸手越过中央画面窗口。她的手、前臂以及她拉出的每个物体都明显地移动到黑色信箱式遮幅条上方，朝向并越过观众。 合成顺序，从后到前： 1. 背景和场景。 2. 顶部和底部的两条宽黑色信箱式遮幅条。 3. 前景角色：Maka（她的手、手臂、粉色头发、奶油色耳状头部配饰以及她持有的每个物体）以及最后被她拉出的 Roni。 背景限制在中央画面窗口内。前景角色不受该窗口限制。她的剪影跨越边界并在黑色遮幅条上保持连续不间断。当与黑色重叠时，她的粉色皮肤、粉色头发、奶油色配饰、黄色袖子以及每个物体仍完全可见。 静态遮幅条，动态角色： 两个遮幅条是完全静态的屏幕图形，不是场景中的物体。在整个过程中保持其相等的厚度、全宽度和精确的屏幕位置不变。它们的内部边界保持完美笔直且水平。 角色简单地渲染在它们前面。她的移动暂时遮挡了部分黑色表面。底层遮幅条从不移动或变形。重叠区域两侧的可见边缘段保持在同一水平线上对齐。当她收回手臂时，露出下方原本未改变的黑色遮幅条。 保持黑色在重叠的手臂和物体旁边可见。遮幅条中没有弯曲、滑动、震动、拉伸、打开或冲击反应。 摄像机保持静止。一个连续的镜头。她在构图中保持靠近且巨大，向观众倾斜。绝不退入背景深处。 破框效果必须来自角色明显覆盖中央画面窗口外的黑色区域。不要让她完全躲在遮幅条后面。不要通过移动遮幅条或放大窗口来模拟这种效果。 [含义] 下方黑色边距之外（屏幕底部之外）是这一侧 = 观众的房间。Maka 从屏幕边缘探出身来，把手伸向这一侧，寻找什么东西。 [生成目标] Maka 在屏幕这一侧翻找，依次扔出各种物品，最后拉出躲在这一侧的 Roni-kun。 （6 个阶段，一个连续镜头无中断。场景保持不变） 地点：一个稀疏的房间，只有朴素的浅奶油色墙壁和浅薄荷色地板。没有家具、窗户、架子。Maka 在构图中保持靠近且巨大，向观众倾斜。绝不退入背景深处。 [S1] 从开始起，Maka 的脸部特写占据大部分画面。她双手扒住屏幕下边缘，身体前倾，眼神好奇地向下看（看向观众方向）。她的指尖和手腕清晰可见地位于黑色遮幅条之上。

制作一段 32 秒的视频，分辨率为 1920x1080，帧率为 30fps，核心主题为一个理念：AI 建立在人类智慧之上。每一个模型都是从那些博学的人那里学习而来的。视觉风格：动态呈现的印刷街头海报拼贴画。不使用照片或库存图片：所有元素均使用 SVG 和 CSS 自行绘制。- 背景为温暖的米白色纸张（#F2EFE8），整个画面覆盖细腻的半色调网点纹理，并伴有极缓慢的纸张漂移效果，确保画面永不静止。- 黑色墨线艺术采用老式版画风格（排线而非平涂填充）：包括一只人眼、一双手、一朵花以及一个带有分支树突的神经元。线条通过 stroke-dashoffset 动画自我描绘出来，随后半色调网点填充在下方淡入，如同印刷拼贴图层。- 扁平的薰衣草色纸块（#A79BF0 和更深的 #6E5FD8）从艺术作品后方滑入，边缘略带粗糙感，像撕开的纸张一样错位排列。- 一个真实的数学公式使用衬线数学字体逐符号书写出现：n=1 到无穷大的 1/n^2 之和等于 pi^2/6。- 标题使用一种厚重的几何无衬线字体（粗体，紧凑字距），白底黑字，字号巨大，具有海报质感。每一行文字都完全位于画面内，并留有充裕的边距。故事结构分为三个节拍，请严格使用以下台词：节拍 1，火花（0-10 秒）：眼睛在中心位置自我描绘出来，薰衣草色纸块在其后滑入。文字：“在机器之前，是心智。”接着是：“有人注意到了。有人追问原因。”节拍 2，劳作（10-22 秒）：三张拼贴卡片随节奏切入，每张包含其艺术图形和一行文字：“午夜的证明。”（公式自我书写），“治愈之手。”（双手），“倾听正确词汇的耳朵。”（花朵绽放）。然后是：“它给出的每一个答案，都是人类先教会它的。”节拍 3，宣言（22-32 秒）：神经元的分支向外生长横跨整个画面，将眼睛、双手、公式和花朵连接成一个完整的海报布局。文字：“人类智慧是输入。”接着是：“其余一切皆为算力。”保持最终海报画面，伴随缓慢推镜头直至最后一帧。声音：如果应用有音乐库，请在整个视频下添加一首平静、极简的钢琴曲或环境音乐，并在结尾处淡出；如果有音效可用，当纸块滑入时添加柔和的纸张滑动声。动作必须从第 0 帧开始并持续至最后一帧。不要包含任何标志或品牌名称。

<inputs> 请向我询问：第一个切换按钮的简短标签、一个主要单词、图表的百分比数值、最终卡片上的文本、一种强调色以及一段节奏清晰的音轨。 </inputs> <direction> 制作一部 16:9 比例的 2D 动态设计影片。使用温暖的米白色画布、接近黑色的背景、粗体字和一种鲜艳的橙色作为强调色。橙色圆点贯穿所有场景：它始于 UI 界面，变为字母上方的点，绘制出弹簧曲线图，扩展为形状，并在结尾卡片上重现。光标动作让开场的点击显得真实自然。保持运动清晰且受控，带有微妙的弹簧过冲效果，避免任何空洞的停顿。 禁止项：库存素材、渐变、光晕、粒子爆发、任意过渡以及非基于现有屏幕元素的运动。 </direction> <structure> 时长约 15 秒，每个主要节拍都有视觉变化。 开场：光标点击“Reduce Motion”旁边的橙色切换按钮。字母弯曲并移位，直到只剩下“Motion”，且橙色圆点位于“i”上方。 弹簧：圆点从单词处跃离，落在图表上。其轨迹绘制出弹簧响应曲线，越过目标值后停在“+22%”标注旁。 形状：圆点沿线条快速移动，扩展为橙色圆形并填满画面。一个黑色圆角正方形在其中旋转，随后延伸为胶囊形。所有内容收缩为黑色背景上的一个橙色圆点。 排版：包含“SPRINGS”、“EASING”、“KINETIC TYPE”、“3D”和“SOUND”等单词环绕着圆点。文字环扩散成由微小圆点组成的场域。 揭示：半色调场域扩展并转为黑色，露出最终卡片：“Opus 5.5”、“Motion designer.” 和 “0 keyframes”。 回归：橙色圆点穿过半色调场域、图表和切换按钮返回。确保最后一帧与第一帧匹配，以实现无缝循环。 </structure> <build> 1. 使用单个 HTML 文件，分辨率为 1920x1080，帧率为 60fps。在 seek(t) 内部根据时间计算所有视觉效果：不使用 CSS 过渡、计时器或跨帧状态。 2. 对切换按钮、移动的圆点和图表使用闭式弹簧公式。使用控制圆点的同一弹簧函数绘制图表。 3. 当“Reduce Motion”变为“Motion”时，单独移动字母。保持橙色圆点在“i”上方，直到它跳离。 4. 将橙色圆形、旋转的正方形和胶囊形视为同一形状的不同状态。在每次变化中保持其位置和动量。 5. 将单词排列在圆形路径上，然后将它们的字母向外发送，以过渡到半色调网格。 6. 将半色调绘制为大小随橙色圆点反应的点网格。在显示结尾卡片之前，将其扩展到画面之外。 7. 将点击、圆点落地、图表峰值、形状变化和最终标题对齐到测量节拍。在完整导出前，渲染每个节拍的一帧以检查时间轴。 </build>

<inputs> 请向我询问：滑块的目标值、三条简短的通知消息、要输入的回复内容、一种强调色以及一首约 120 BPM 的免版税音乐。如果我跳过任何一项，则默认使用 100、"Slider - Reached 100"、"Gravity - Something is falling"、"Messages - What now?"、"retry" 和电光蓝。 </inputs> <direction> 一段 16:9 比例的 10 秒 2D UI 动态视频。将所有元素放置在近乎黑色的画布上，背景带有淡淡的点阵网格。使用炭灰色控件、锐利的白色文字、一种蓝色强调色，以及一个贯穿整个视频的白色小球。真实的鼠标光标让开场点击更具物理感；小球引导随后的每一次过渡。保持 UI 简洁，冲击效果精准，仅包含微小的弹簧过冲。摄像机在一个连续的布局中移动，使每次交互都充满画面。 禁止事项：硬切、库存素材、发光效果、粒子爆发、脱节的过渡、过度弹跳以及摄像机移动期间的模糊文字。 </direction> <structure> 时长约 10 秒，每个主要节拍都有动作发生。 Toggle（开关）：光标点击蓝色开关。其白色小球弹出，摄像机跟随它移向水平滑块。 Slider（滑块）：小球落在旋钮上并沿轨道移动。蓝色填充条保持附着，同时旋钮上方的数值气泡上升至 100。 Notifications（通知）：达到 100 时，小球继续前进，带来三张深色卡片："Slider"、"Gravity" 和 "Messages"。每张卡片按各自的节拍出现。摄像机跟随小球向下移动到 "What now?"。 Reply（回复）：小的 "Reply" 胶囊拉伸成文本字段。键盘作为同一场景的一部分在其下方升起。 Keyboard（键盘）：小球敲击按键，同时 "retry" 出现在字段中。它落在 Return 键上，蓝色发送按钮激活，回复收缩为一条小的蓝色消息。 Return（返回）：摄像机拉远，展示开关、滑块、卡片和键盘共存于同一个世界。小球回到第一个开关。使其位置、光标和开关状态与开场帧匹配，以便视频无缝循环。 </structure> <build> 1. 创建一个 1920x1080 分辨率、60fps 的单 HTML 文件。在 seek(t) 内部根据时间计算所有视觉效果：不使用 CSS 过渡、计时器或帧间状态传递。 2. 将所有 UI 组件排列在一个世界中。使用单一摄像机变换，包含位置和 log-space 缩放，使每个特写镜头成为在该世界中的移动。 3. 为白色小球提供一条在 toggle、slider、cards 和 keys 之间的连续路径。使用闭式弹簧模拟落地效果，并在撞击时产生短暂的挤压变形。 4. 根据小球的水平位置计算滑块填充值和数字。在达到 100 之前，保持工具提示居中于旋钮上方。 5. 为每次按键赋予固定时间。将回复显示为该时刻已输入的部分，以确保任何帧都可以确定性地渲染。 </build>

制作一个 3 到 4 分钟的 16:9 动画解说视频，主题是 天然气开采，面向 普通大众，采用 扁平插画 风格，并配有与画面同步的旁白和字幕： 1. 从观众日常生活中常见的事物切入，然后回溯到起点。 2. 遵循最清晰的逻辑线：如果是流程则按步骤展开，否则使用时间轴、因果关系或问题到解决方案的结构。 3. 每个步骤对应一个章节，共 8 到 12 个章节，标题显示在左上角。全程保持统一的视觉风格和配色方案。 4. 选择一个贯穿整个视频的核心数字（如温度、压力、速度、成本或时间），将其固定在角落，并在每一步更新该数值。如果没有合适的数字，则显示“第 X 步 / 共 Y 步”。 5. 为每个关键数字提供日常生活中的类比，并省略任何不确定的数据。 6. 以一句话总结整个旅程作为结尾。 在开始之前，请先发送给我章节列表、选定的核心数字以及你将使用的关键事实，以便我进行确认。

一位孤独的像素艺术赏金猎人骑着一辆骨架般的摩托车穿越有毒沙漠，巨大的沙虫从高速公路下破土而出。她在崩塌的沥青路面上急转弯，跳过一辆燃烧的罐车，向最大的生物发射能量鱼叉，让它拖着她穿过沙丘，然后利用链条将自己弹射到它的头上；电影级高细节像素艺术，丰富的 32 位美学风格，多层视差沙漠，流畅的精灵动画，戏剧性的精灵缩放，强烈的屏幕震动，由像素抖动产生的热扭曲效果，橙色日落，有毒的绿色风暴，青色武器轨迹和飞溅的碎片，残酷的复古未来主义氛围，结尾是猎人在沙虫装甲板之间放置炸药，并跳回摩托车上，身后的生物爆发成巨大的像素爆炸。

Opus 5.5：手绘风格故事。一个小 Agent 在办公桌前醒来，收到反馈笔记，将其修复，最后以爱心眼和绿色对勾结束。时长 53 秒 Sonnet 5.5：动态字体展示视频。包含六条缓动曲线、变形的星星、粒子效果、模糊字体，“每一帧都由代码编写”。时长 15 秒 Haiku 5.5：分步演示白俄罗斯鸡尾酒配方。包括冰块、伏特加、咖啡利口酒、奶油，配有实时计数器和检查清单。时长 30 秒

创建一个交互式 HTML 演示文稿，解释“网络效应”的概念：随着用户数量增加，连接数呈指数级增长（例如，用户数增加 5 倍 = 连接数增加 27 倍）。界面应包含一个滑块，允许观众手动调整用户数量，并实时查看连接密度的变化。仅使用 HTML 和 JavaScript，不使用外部图像资源。包括与视觉变化同步的语音旁白。

使用我下载的 Remotion，你能帮我制作一个应用发布视频吗？ 请参考代码仓库中的信息。 我需要一段 15-30 秒 的 SaaS 风格发布视频，包含缩放、光标移动、打字效果、应用交互、功能展示以及应用的不同视角等内容。 基本上是一个完整的...

<inputs> 请提供： * 画布颜色 * 形状颜色 * 强调色 * 形状圆角半径 * 字体 * 形状需要变换的状态序列 请使用十六进制代码、秒数、阻尼比和像素尺寸，而非形容词。 </inputs> <direction> 制作一个时长 14 秒、分辨率 1440x1440、帧率 60fps 的无缝 UI 动效循环。 单一形状，零剪辑。 形状在各状态间平滑变形，绝不替换。 每个状态占据画面的 50%。 摄像机在节拍点启动，其稳定速度慢于形状。 使用闭式弹簧算法。 形状阻尼系数 0.72，稳定时间 0.35s。 摄像机阻尼系数 1.0，稳定时间 0.6s。 内容切换使用 12px 模糊并在 0.15s 内淡入淡出。 光标尖端始终锁定在其拖动的对象上。 </direction> <structure> 使用 0.5s 的节拍网格。 0.0 - 像素吉祥物待机 1.0 - 吉祥物压扁变为播放按钮 1.5 - 加载器 2.0 - 对勾绘制动画 2.5 - 时间轴拖动 4.0 - 关键帧拉伸超出末端并回弹 5.0 - 贝塞尔编辑器 7.0 - 计数器从 F 000 滚动至 F 840 8.5 - 渲染进度条填满 10.0 - 命令面板输入 "export mp4" 11.0 - Toast 提示 "840 frames rendered" 12.0 - Toast 缩小变回吉祥物 最后一帧必须与第一帧完全一致。 </structure> <build> 编写一个包含 Canvas 2D 的 HTML 文件。 window.renderAt(t) 必须是时间的纯函数。 禁止使用 Math.random。 禁止使用系统时钟。 禁止保留任何状态。 ?t= 参数必须能冻结精确时刻。 通过 renderAt(frame / 60) 渲染每一帧。 使用 4 个子帧实现运动模糊。 编码为 H.264 格式，60fps。 </build> <gotchas> 修复循环衔接处的光标跳跃问题，使用公式： t - 14*floor(t/14) 不要将橙色与墨色进行交叉淡化。 在 1.5s 时从中心发出涟漪效果，在 12.0s 时从点击点发出涟漪效果。 文字切换采用垂直滚动方式。 描边动画必须在模糊淡入之后开始。 光标应瞄准目标即将落位的位置。 保持光标速度低于 65 px/frame。 </gotchas> <start> 首先展示分镜脚本。 然后编写代码。 首次渲染后，检查每个节拍点前后的 5 帧画面，修复所有问题后再进行最终渲染。 </start>

<输入项> 请向我询问：我的产品、用户在其中输入的确切请求、用于结果卡片的6到8张照片、一首约130 BPM且具有清晰高潮的免版税歌曲（来自Mixkit，可免费商用），以及用于结尾卡片的品牌标志。如果我跳过任何内容，请使用默认设置：下方的点餐故事、来自Pexels的食物照片（火鸡面、Birria塔可、辣味炸鸡、水牛城鸡翅、Smash汉堡、辣味拉面），以及Mixkit的“Cat Walk”。 </输入项> <指导> 一段15秒的产品发布影片，分辨率1920x1080，帧率60fps。仅限2D，单次连续拍摄。无淡入淡出、模糊或剪辑：每个场景都从上一个场景中生长出来。文字从遮罩线升起，按钮扩展成页面，颜色从一个物体涌入并在收缩成另一个物体前扩散。给相机每个场景一个缓动移动，并且不要连续进行放大和缩小。 外观：暖白色画布 (#f5f5f2)，黑色UI (#0e0e10)，石灰绿强调色 (#cdf24f)，橙色 (#ff6a2a)，以及蓝色发送按钮 (#2f6bff)。在输入框周围添加类似Apple Intelligence风格的虹彩光晕：一个模糊的圆锥渐变，旋转穿过粉色、橙色、石灰绿、青色和紫色。在深色卡片上使用真实的食物摄影，UI使用Geist字体，结尾卡片上的产品名称使用衬线字体。 禁止事项：交叉淡化、模糊进入、3D、粒子效果、方向反转的相机移动、超过1秒的停顿，以及任何感觉像模板的内容。 </指导> <结构> 130 BPM，32拍（14.8秒）。在高潮前12拍开始播放音乐。 第0-6拍，提问：缓慢推近发光的输入框，大约3倍缩放。以自然的按键节奏在三行固定文本中输入请求： “我真的饿了，我不知道 我想要什么，但想要一些 辛辣、酥脆且管饱的东西” 第6拍，发送：按下发送按钮。一道石灰绿的涟漪从中扩散，并将消息转化为聊天气泡。拉远一次以展示周围的手机（428x900屏幕，11px黑色边框，9:41状态栏）。 第6-12拍，思考：发送按钮长成一个橙色的炒锅，一个带有细手柄的半圆盘。它在闪烁的文字“正在为你寻找……”下方，在第8、9、10和11拍抛出6种彩色食材。 第12拍，高潮：一个石灰绿色的圆圈从炒锅扩大，在约0.35秒内填满画面。深色食物卡片（330x440，圆角半径28，顶部为照片，名称，一行描述，价格和评分）从中心爆发出现。滑动条带穿过三张卡片并停留在“火鸡面”上，它随着一个“最佳匹配”标签一起抬起。 第16-21拍，聊天：石灰绿色收缩回用户的消息气泡中，携带其文字，同时选中的卡片飞入其槽位。“找到了。来自Wok & Fire的火鸡面，烟熏、辛辣且非常管饱。”升起，随后是“要我帮你下单吗？”然后显示两个药丸状按钮：“立即下单”为黑色，“更多选项”为轮廓样式。光标点击立即下单 → 加载动画 → “✓ 已下单”。 第21-32拍，结尾：黑色按钮扩展成页面，保持药丸形状直到触及边缘，同时相机推进其中。其标签增长至标题大小，然后滑走。逐字引入“你当时想吃面条。”和“现在它已在路上。”（92px，黑底白字）。一个快递员点沿着路线跟随到一个图钉。图钉变成品牌标志，文字标识从其后方擦除消失，上方写着“由...制作”，下方写着产品名称。 </结构> <构建> 1. 一个HTML文件，1920x1080。在seek(t)内部根据时间计算所有样式：不使用CSS过渡、计时器或帧间状态。 2. 在容器上使用单个相机变换，键值为[time, zoom, x, y]，具有缓动段，且缩放在对数空间中插值。 3. 对所有的弹出和静止使用闭式阶跃响应弹簧。 4. 使每一次交接成为一个共享元素：石灰绿洪水携带气泡文字的副本，按钮将其标签带入页面。 5. 声音：为每个事件使用下载的Mixkit音效 - 打字声、发送爆破声、每次抛掷声、高潮冲击声、卡片呼啸声、点击声、成功音调、页面填充呼啸声和标志闪光声。根据其测量峰值放置每一个，并将响度标准化为-14 LUFS。 6. 使用Playwright以60fps渲染，每帧使用8个子帧，并通过ffmpeg tmix混合。逐帧审查每个快速时刻并扫描完整视频的每一帧。 </构建>

卡片应从 30% 缩放至 100%，并从不可见过渡到可见。当卡片稳定在最终缩放比例后，每个细节应按顺序依次滑入。图表线条应像路径一样进行动画绘制。随着卡片细节滑入，背景的发光效果应逐渐显现。两个矩形应以略微不同的时间节奏在屏幕上移动，以营造光效。

创建一个 5 秒的动态图形动画：一个简单的圆点在屏幕中央弹跳，随后扩展为搜索栏，接着文本填入框中：“我是一名动态设计师，我的下一份职业应该是什么？” 动画应保持流畅，关键帧需设置缓入和缓出效果。

<inputs> 请向我索取以下内容：一段带有旁白或歌曲的音频文件及其文字稿、10-12 个能概括我生活的小物件、两个需要像热成像仪那样点亮的剪影（侧面头部轮廓和举起的手），以及我希望重点突出的 3 个单词。如果我跳过任何一项，请使用默认值：黑胶唱片、书籍、相机、猫、硬币、游戏手柄、帽子、爱心、金钱、植物、场记板、滑板；来自 Openverse 的免费 CC0 剪影；行动 (action)、意图 (intention)、好奇心 (curiosity)。 </inputs> <direction> 一部 20 秒的 4:3 比例影片，分辨率为 1440x1080，帧率为 60fps，剪辑节奏与语音同步。背景为米白色纸张，主要颜色为黑色，辅以一种红色和一种黄色，所有文字均使用 Geist 字体。画面整体覆盖胶片颗粒感，边缘有柔和暗角，镜头永不停歇：在所有元素下方进行缓慢的手持浮动拍摄，并在每个场景中缓慢推进。 场景之间无硬切转场：每个交接都从前一场景的最后一帧精确开始。唯一的硬切发生在最后一个单词的节奏反转处。 所有物体均为你亲手绘制的像素艺术：每个物体基于 16x16 网格，每个单元格的颜色均由手动放置，渲染为 3D 块状（向右下延伸的深色挤出效果，每个单元格带有细微倒角），并配有柔和的接触阴影。 剪影采用热成像风格照明：热量取决于身体各部位的厚度，因此鼻子、头发和指尖温度较低，此外还有一个热点和缓慢移动的噪点，通过“黑色 > 红色 > 橙色 > 奶油色”的渐变映射呈现。边缘保持锐利，外部伴有柔和光晕。 运动规则：禁止突兀出现（使用约 0.5s 的缓动滑动，起始柔和），快速移动需应用真实的运动模糊而非重影副本，字幕随语音在方块光标后逐字打出。 禁用项：库存视频素材、AI 生成视频、3D 摄像机移动、粒子特效、故障艺术 (glitch)。 </direction> <structure> 根据文字稿的单词时间戳安排每个场景（使用 faster-whisper 单词时间戳测量，每次处理一个短片段）： 1. 第一个单词填满一张黄色卡片。卡片向左擦除，问题在下方两行居中位置逐字打出，随着内容增长保持居中，关键单词在发音时以红色下划线强调。 2. 物体在文字上方和下方的轨道中掠过，一道青色四角星芒扫过，随后页面燃烧殆尽：黑色从边缘向头部闭合，背后是炽热的红色边缘。 3. 头部在黑色背景上升温，答案在左下方逐字打出。一条细白轨道环绕头部绘制自身，其远半部分经过头部后方。在最后一个单词时，纸张从头部内部绽放，其中包含物体，镜头穿过：头部迅速掠过镜头，直到我们只看到纸张。 4. 物体位于透视视角下的倾斜圆环上（前景物体更大且更低，最后绘制），缓慢旋转，每个物体上下浮动；硬币翻转并落地，伴随火花。 5. 对于这 3 个单词中的每一个，该物体飞出圆环向左并放大，页面从其处被黑色淹没，单词在其旁边打出（相机：红色快门星芒；书籍：红色丝带扫掠；唱片：两条白色轨道和红色音符）。随后洪水退去回到物体中，物体飞回原位，镜头更深入地潜入圆环。将每个英雄物体放置在单词落下的前左侧槽位。 6. 圆环轻微拉近，向外爆发，所有物体变为墨水，墨渍生长并吞噬页面。 7. 手部进入画面，呈高温状态，台词分列其两侧。爱心落入掌心，然后升至中心，大小与下一场景保持一致。 8. 最后一个单词，每个节拍一个字母，背景在纸张/黑色/红色之间切换，爱心在剪切处保持位置不变，中心物体逐像素变形为下一个物体。 9. 细笔触扫过，字母散开漂浮，然后连同上方的爱心一起重新组合成单词。镜头持续推入直至定格。 </structure> <build> 1. 单个 HTML canvas。每一帧都是 seek(t) 内时间的纯函数。 2. 将每个像素精灵一次性烘焙到离屏 canvas（先绘制挤出层，再绘制正面），然后按比例缩放和旋转绘制。 3. 热成像效果：预先计算每个剪影的基础热度一次（掩码的距离变换，在边缘外保持边缘值，以便放大时不会渗入黑暗区域）。每帧添加热点和四分之一分辨率的两倍频程值噪声，通过 256 步查找表映射，放大，并使用全分辨率掩码裁剪。 4. 穿过头部的下落效果：将圆环场景绘制到离屏图层，用围绕颅骨内某一点放大的头部进行遮罩，并按立方曲线增加该缩放比例，直到头部覆盖整个画面。内部的圆环缩放幅度小于头部，从而营造出深度感。 5. 像素变形：将物体 A 的每个单元格与物体 B 的一个单元格配对，平滑过渡每个单元格的位置和颜色，并为每个单元格添加微小的随机延迟。 6. 使用 Playwright 以 60fps 渲染，包含 8 个运动模糊子帧，然后使用 ffmpeg 叠加原始音频。 </build> <gotchas> 没有 Alpha 通道的掩码 PNG 会导致整个框充满热量，因此请将剪影放入 Alpha 通道中。被照片边框切断的肢体显示为直边，因此请将掩码延伸至画框之外。只有当一个场景的最后一帧是下一个场景的第一帧时，交接才显得流畅：在过渡期间绘制即将离开的场景，并为显示相同圆环的场景提供一个共享的缩放函数。如果下一个场景开始时洪水仍在退去，会被视为硬切，因此请先让它完成。快速的缓出洪水看起来像跳跃；请使用柔和的起始。 </gotchas> <start> 向我索取输入信息，测量单词时间戳，然后在渲染前向我展示 8 张静帧。 </start>