第一遍:只说「要好看、有质感」
帮我做一支 15 秒的产品宣传动画。产品是一个番茄钟 App,叫 FOCUS,三个卖点: 1. 一键开始 25 分钟专注 2. 专注的时候自动屏蔽通知 3. 每周一份专注报告 要好看、有质感,像正经产品发布会上放的宣传片。 做成一个 HTML 文件(1920×1080),用 GSAP 做动画。 导出要求:引用同目录的 gsap.min.js;所有动画放进一个暂停的 gsap.timeline,挂在 window.tl 上,总长 15 秒(我会用 tl.seek() 逐帧截图导出成视频);不要用 CSS animation、setTimeout 或 requestAnimationFrame 驱动动画;不用外部图片和字体文件。
Mia 的小贴士
- 我用的是 Claude Opus 5.5 和 Codex(gpt-6-astra,max 推理),都是直接要一个 HTML 文件,没让它们预览、也没来回改。
- 「导出要求」那段是我为了逐帧拍成视频加的;只想在浏览器里看,换成「打开网页就自动循环播放」就行。
第二遍:多加 7 条节奏规则
节奏照下面这几条来,别做成常见的那种「字淡入、停住、淡出,下一屏再来一遍」: 1. 第 0 秒就给钩子:第一帧就是全片最抓人的画面(比如一个巨大的 25:00),不要从黑屏、logo 或空白慢慢淡入。 2. 镜头有长有短:有的 0.3 秒一闪而过,有的停 2 秒让人看清,不要每个画面一样长。 3. 中段最密:6~9 秒来一串快切,越切越快。 4. 最响之前先安静:9.5~10 秒整屏全黑、什么都不动(音乐也会停),第 10 秒所有东西一起砸下来。 5. 动作有轻有重:东西落地要快、要狠(0.15~0.3 秒,带一点过冲回弹),只有最后的定格可以慢;不要所有动作都是 0.5 秒左右的软缓动。 6. 每个画面换一种进场方式:硬切、砸下来、横扫、放大推进……不要每屏都淡入淡出。 7. 卡着拍子:配乐 120 BPM,从第 0 秒起每 0.5 秒一拍,画面切换都落在拍点上。
帮我做一支 15 秒的产品宣传动画。产品是一个番茄钟 App,叫 FOCUS,三个卖点: 1. 一键开始 25 分钟专注 2. 专注的时候自动屏蔽通知 3. 每周一份专注报告 要好看、有质感,像正经产品发布会上放的宣传片。 节奏照下面这几条来,别做成常见的那种「字淡入、停住、淡出,下一屏再来一遍」: 1. 第 0 秒就给钩子:第一帧就是全片最抓人的画面(比如一个巨大的 25:00),不要从黑屏、logo 或空白慢慢淡入。 2. 镜头有长有短:有的 0.3 秒一闪而过,有的停 2 秒让人看清,不要每个画面一样长。 3. 中段最密:6~9 秒来一串快切,越切越快。 4. 最响之前先安静:9.5~10 秒整屏全黑、什么都不动(音乐也会停),第 10 秒所有东西一起砸下来。 5. 动作有轻有重:东西落地要快、要狠(0.15~0.3 秒,带一点过冲回弹),只有最后的定格可以慢;不要所有动作都是 0.5 秒左右的软缓动。 6. 每个画面换一种进场方式:硬切、砸下来、横扫、放大推进……不要每屏都淡入淡出。 7. 卡着拍子:配乐 120 BPM,从第 0 秒起每 0.5 秒一拍,画面切换都落在拍点上。 做成一个 HTML 文件(1920×1080),用 GSAP 做动画。 导出要求:引用同目录的 gsap.min.js;所有动画放进一个暂停的 gsap.timeline,挂在 window.tl 上,总长 15 秒(我会用 tl.seek() 逐帧截图导出成视频,配乐我自己合进去);不要用 CSS animation、setTimeout 或 requestAnimationFrame 驱动动画;不用外部图片和字体文件。
Mia 的小贴士
- 还是 Claude Opus 5.5,还是一遍过、不预览。
- 小坑一:第 1 条里我随口举了个例子「比如一个巨大的 25:00」,结果 3 遍的第一帧全是它。例子会被当成标准答案,想要别的开场,就举你真想要的那个。
- 小坑二:颜色我一个字没提,3 遍还是黑配番茄红。你在意什么,就把什么写进去。
- 它不会配乐。第 7 条的 120 BPM 是我先挑好了一首 120 拍的曲子,片子做完再合进去的,第 10 秒那一下正好落在鼓点上。














