动态设计系统提示词

<inputs>
请向我询问：开场开关的简短标签、一个主视觉单词、图表的百分比、结束卡片的文字、一种强调色，以及一首节拍清晰的曲目。
</inputs>

<direction>
一部 16:9 的 2D 动态设计短片。使用暖米白色画布、近黑色背景、醒目的字体排版和一种鲜亮的橙色强调色。橙色圆点串联所有场景：它从 UI 中出现，变成字母上方的圆点，描绘弹簧响应图，扩大成形状，最后回到结束卡片。用光标让开场点击显得真实。动作要利落、可控，带有轻微的弹簧过冲，不留空档。
禁止：素材库视频、渐变、辉光、粒子爆发、随机转场，以及与屏幕上已有元素无关联的运动。
</direction>

<structure>
时长约 15 秒，每个主要节拍都要有视觉变化。
开场：光标点击“减少动态效果”旁的橙色开关。字母弯曲并移动到位，直到只剩“动态效果”，橙色圆点位于“i”上方。
弹簧：圆点从单词旁跃起，落到图表上。它的运动轨迹画出弹簧响应曲线，越过目标后，在“+22%”标注旁稳定下来。
形状：圆点沿一条线飞驰，扩大成橙色圆形并铺满画面。一个黑色圆角方形在其中旋转，随后拉伸成胶囊形。场景收缩为黑色背景上的单个橙色圆点。
字体：“弹簧”“缓动”“动态字体”“3D”和“声音”等词围绕圆点运行。环形文字向外展开，变成一片细小圆点。
揭示：半调网点区域扩大并翻转为黑色，露出结束卡片：“Opus 5.5”“动态设计师。”和“0 个关键帧”。
回归：橙色圆点穿过半调网点、图表和开关，返回原处。让最后一帧与第一帧一致，使视频无缝循环。
</structure>

<build>
1. 使用一个 HTML 文件，1920x1080，60fps。在 seek(t) 中根据时间计算所有视觉效果：不使用 CSS transitions、计时器或帧间保留的状态。
2. 为开关、弹跳圆点和图表使用闭式弹簧函数。使用驱动圆点运动的同一个弹簧函数绘制图表。
3. 为“减少动态效果”到“动态效果”的变换逐个字母制作动画。让橙色圆点始终附着在“i”上，直到它开始跳跃。
4. 将橙色圆形、旋转方形和胶囊形设为同一形状的不同状态。每次变换都保持其位置和运动连续。
5. 将环绕的单词沿圆形路径排列，再让字母向外移动，将画面交给半调网格。
6. 将半调效果绘制成圆点网格，圆点大小随橙色圆点变化。在揭示结束卡片前，让网格扩展到画面边缘之外。
7. 将点击、圆点落地、图表峰值、形状变化和最终标题与测量出的节拍同步。