Motion Prompt #002｜交错动画 · Stagger

多个元素错开时间依次出现

提示词发布于 2026-11-09更新于 2026-11-09浏览 0

部分附加信息、来源说明或示例仍显示原文。

来源：import:liubai_public_20261104 · https://github.com/Shanvision-star/liubai-prompt-library/blob/25f0137e36a8fae46aebace86b18cdfeff624a99/bundled-library/entries/PRM-0244/original.md · 授权：MIT License Copyright (c) 2026 Shohei Ohtaki Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

适用说明

适用场景

来源：Shohei Ohtaki 的 Motion Prompt；由留白收录，原始正文为英文，效果未实测。
上游：https://github.com/showheyohtaki/motion-prompt/blob/7819d3879eb7d5a1475c11c001bedffb5cab64af/api/v1/en/p/002.txt

MIT 许可（续）：
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

公开署名

Shohei Ohtaki；留白素材库收录

EXAMPLE

使用示例

示例输入

请实现“交错动画 · Stagger”：多个元素错开时间依次出现

示意结果

下方是来源作者提供的静态画面和可播放动效参考，并非本站对该提示词调用模型生成的结果。

THE PROMPT

提示词正文

请使用“Stagger”（スタガー），它是“Motion graphics moves”中的一个名称。
Motion Prompt #002

定义：各项目略微错开时间，依次出现。
示例展示：图表柱条从左向右依次升起，每根都比前一根稍晚开始。
规格：
- 每 2.35 s 演示一遍。七根柱条（宽 44、间隔 20，高度依次为 52、84、68、112、92、136、158），颜色按蓝、珊瑚、黄、薄荷绿循环。
- 第 i 根柱条（从 0 编号）在 0.15 + 0.12·i s 启动，以底边为锚点，在 0.5 s 内用 backOut（s = 2.6）从 0 长到完整高度，超出后再回稳。
- 白点半径为 6.5，位于柱顶上方 16 px；比所在柱条晚 0.34 s，使用弹簧 1 − e^(−7t)·cos(16t) 出现。
- 退场：柱条从 1.78 + 0.045·i s 起用三次 ease-in 在 0.26 s 内缩小；白点先消失，从 1.70 + 0.045·i s 起历时 0.2 s。
何时使用：用于让列表行、图表柱条、卡片等多个项目依序出现，引导视线沿着它们移动。

参考实现（Canvas 2D，画面仅由时间决定的函数）：https://showheyohtaki.github.io/motion-prompt/api/v1/en/e/002.txt
共享辅助代码：https://showheyohtaki.github.io/motion-prompt/api/v1/kit/motion.js
请保持参考实现的形状、时间安排和缓动数值不变，只调整文字、颜色和素材，以适配我正在制作的项目。

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