返回提示词

[Prompt Motion] 按时间计算的代码动画成片流程

留白公开素材集中的提示词条目。

发布于 更新于 浏览 0

来源:import:liubai_public_20261104 · https://github.com/Shanvision-star/liubai-prompt-library/blob/25f0137e36a8fae46aebace86b18cdfeff624a99/bundled-library/entries/PRM-0164/original.md · 授权:使用者确认拥有本条整理文本的公开转载权或授权;原始第三方作品及素材权利保留。

使用示例

提示词正文

# [Prompt Motion] 按时间计算的代码动画成片流程

本公开版为整理者的原创复用方案与设计拆解;非网站提示词原文或逐句翻译,效果未实测。

## 设计思路拆解

- **目标画面**:原:以代码驱动动画并导出成片。
- **分镜与状态**:原:计算帧、浏览器捕捉、组装MP4。
- **节奏与时间轴**:原:状态由时间决定;未给时长帧率。
- **形变/遮罩/运动**:原:成片包含运动模糊。
- **配色与排版**:原:没有主题、配色和排版要求。
- **工具与素材**:原:HTML/JS、Chrome、Playwright、ffmpeg。
- **替换应用**:建议:用纯时间函数组织任意视觉场景。
- **验证点**:建议:抽查重复时间采样及声画对齐。
- **缺口**:原:无场景内容和编码参数;未测试。

## 原创复用提示词

将每个动画状态定义为时间函数,检查帧采样可重复,并在导出前记录渲染及音画同步设置。

## 来源与署名

- @xelandre__|[网站详情](https://prompt-motion.com/xelandre-363f00)|[网站标注原帖](https://x.com/xelandre__/status/2103473030160687413)

上游许可未明确,原文及译文不在本公开版中;请到来源查看。

使用示例

该主题的原文与优化版共用这份示例。

提示词示例输入

示例目标:让一个圆点在时长 T 内从轨迹起点 x₀ 移到终点 x₁,并按固定时间采样。

文字示意结果

以下结果为人工编写的示意,并非模型实测输出。

可用 x(t) = x₀ + (x₁ − x₀) × t / T 表达 0 至 T 内的线性位置,再按所需帧率取样。下图只显示四个位置,没有运行时间函数、导出视频或验证可重复采样。

实际生成时的文字输入

Create exactly ONE 4-COLUMN BY 3-ROW contact sheet of TWELVE equal square keyframes, precisely aligned in a grid with thin pale gutters, each tile a complete scene. Three distinct original silent GIF ideas, one per row. No logos, numbers, people, watermarks or extra lettering. ROW 1 — time-based animation concept: same cream background, same thin horizontal navy track with a small coral circle. Circle sits at left, one-third, two-thirds, and right along the same track in the four frames; only circle position changes. ROW 2 — intentionally misaligned interface example: same pale-blue background with three simple navy rounded rectangle cards; in each frame the middle card is shifted to a different modest vertical position while the other two cards remain fixed. Preserve card sizes and colors; shifts should be noticeable but not flashing. This is a labeled-in-text-elsewhere negative example, do not draw any labels. ROW 3 — kinetic word concept: same deep indigo background and the exact single uppercase word HELLO in large clean white sans serif letters centered in all four frames, spelled H E L L O identically. A small warm gold underline appears below the word, grows, then shrinks across frames; no other text or music symbols. Keep background, type and camera stable. Minimal clean modern vector style, ample safe margins. These are short silent conceptual loops, not real program output, actual music synchronization, or full videos.
查看输入译文

译文仅供参考;实际生成时使用的是上方原文。

创建一个由12个等大的正方形关键帧组成的、精确对齐在带有细淡色间隙的网格中的4列乘以3行的联系表,每个方块都是一个完整的场景。三个截然不同的原始无声GIF创意,每行一个。无标志、数字、人物、水印或额外字母。第1行 —— 基于时间的动画概念:相同的奶油色背景,相同的带有小珊瑚色圆圈的细深蓝色水平轨道;在四个帧中,圆圈分别位于同一条轨道上的左侧、三分之一处、三分之二处和右侧;只有圆圈位置发生变化。第2行 —— 刻意错位的界面示例:相同的淡蓝色背景,带有三个简单的深蓝色圆角矩形卡片;在每个帧中,中间的卡片移动到不同的适度垂直位置,而另外两个卡片保持固定。保留卡片的大小和颜色;移动应当是明显的但不要闪烁。这是一个在别处以文本标记的负面示例,请勿绘制任何标签。第3行 —— 动态文字概念:相同的深靛蓝色背景,在所有四个帧中居中显示完全相同的单个大写单词 HELLO,使用大号、干净的白色无衬线字体,拼写为 H E L L O 且完全一致。单词下方出现一条细小的暖金色下划线,在帧之间经历生长然后缩小的过程;无其他文本或音乐符号。保持背景、字体和摄像机稳定。极简干净的现代矢量风格,充足的安全边距。这些是短小的无声概念循环,不是真实的程序输出、实际的音乐同步或完整的视频。

图片与动图示意结果

圆点出现在轨迹上的四个位置,循环时直接返回起点。 素材来自三主题帧图的第 1 行,仅为短循环示意。

静态图片由 imagegen 按上面的输入生成;动图由生成的四帧画面拼接而成,效果仅供参考。

圆点沿水平轨迹移动的四帧示意
生成的四格关键画面

视频示例

视频由 SVG 动画制作,是主题示例,未复现原提示的全部细节。

画面为原创 SVG 示意,轨迹采样间隔经过夸张处理;使用 sharp 与 FFmpeg 渲染,未演示浏览器或 Playwright 捕捉。视频文字为英语。

示例制作说明

An 18-second SVG motion study explaining time-based video rendering. It shows a frame number converted to time, seven nearby positions as an exaggerated shutter trail, and SVG frames assembled into an MP4 with FFmpeg. English on-screen text. Silent.
查看输入译文

译文仅供参考;上方为制作说明原文。

一段 18 秒的 SVG 动画,展示按时间计算视频的过程:帧号换算为时间,七个相近位置形成夸张的快门轨迹,再由 SVG 帧与 FFmpeg 组合为 MP4。画面文字为英语,无声。

生成的视频

1920 × 1080 · 30 fps · 18 s

该示例无声音。

提示词仅供参考,请结合实际场景调整,并核实 AI 生成结果。