或许是gemini3.5/3.6系列的其中一个正确打开方式

——Web动效demo原型搭建？

先看看效果（动图稍微要加载一下 轻微闪烁应该是录屏问题）

实践在项目中可以让美国豆包用html先进行快速开发，之后再用其他高性能模型对html内容高保真迁移（因地制宜抄过去）到项目里就能很好免去高性能模型响应慢的弊病（这类模型对需要高强度调优预览来说相对致命，恰好撞枪口）。

当然用复杂动画还是得上lottie或者rive，自然语言和纯代码还是难度太大了。

目前Antigravity和网页版Canvas用下来都不错，前者响应速度更快体验会更好一些。这个页面用了大约四五十十轮对话的样子，不过实际上也只用了2小时的时间就调优达到了相对满意的效果。



（帖子大概码了一个小时回头截的图）

不过还是需要知道一些基本的描述方式。如果有动画基础的话（如图形动画等方面）会比较容易调出不错的效果。在反重力里面开满权限一次反馈能在30s内看到修改效果，让动效调优成本大大降低了。

以下是一些拆解，以及可能是比较关键的prompt可以参考？稍微有点琐碎但是3.6模型还是基本都get到了，从使用情况来看，微调类的5轮以内都能改出满意效果，听懂人话这块还是相对有改善：

对全局质感起关键作用的：

序列延迟动画

局部的：

1.文本扫入部分：

长条向右扫过文字浮现、块状扫过、每页下方的示意图采用不同入场形式

2.末尾√确认转场部分

（1）吸入：

只让 icon 被吸入小球（坐标定位）、卡片框和文字物理惯性掉出屏幕、 点击那一刻上滑到稍微上面一点的位置 缓出函数、已选小栏提前先退场

（2) 小球运动与拖尾：

物理冲顶 480ms、高空停留悬浮 600ms、下砸 cubic-bezier(1, -0.5, 1, 0.12) 0.5s、 7 个小球、逐渐变小(1~0.2)并且透明、颜色向白色趋近、延迟0.05~0.1s递进、性能

（3）导航栏出现：

小球下砸到达底部后同步浮现、从中间底部慢慢扩散成覆盖底部的导航栏、等展开快差不多了，各个图标再依次浮现

此外还有：

• 部分给定的动画曲线（https://cubic-bezier.com 导出）


• 提供具体的动画持续时间（一般在0.3~1.5s以内）


• 序列动画的延迟/持续时间范围（自己比较偏好是给定一个数值范围然后随元素序号递增）

当然自己前端接触时间不久也没有工程经验 只是单纯对动画这块比较感兴趣，如果有更成熟的方案欢迎各位佬友多多拷打 ^-^。