很多人逛产品官网的时候，都会盯着那种跟着滚动页面、画面一帧一帧变的效果看半天，心里想着：这东西要是我也能做一个就好了。可真到动手的时候，又不知道从哪下手。

其实想把它做出来，现在有个挺省事的思路，就是 oil-motion 这个 Agent 交互动画 Skill。你只要把想要的效果说清楚，再把素材给它，剩下的事基本就交给它了。

它的做法说起来也不复杂。先让 AI 把连续的动作画面一帧帧生成出来，然后把页面滚动、鼠标移动、拖拽这些操作，一一对应到动画的每一帧上。滚动页面，画面跟着走；鼠标一动，角色跟着转，交互就这么顺理成章地连起来了。

真正上手的时候，流程也给你安排得明明白白。第一步先确认关键画面，把每一幕的骨架定下来；中间那些过渡，就放心交给 AI 视频生成来补；最后按实际显示的尺寸把资源压缩一遍，保证页面打开不卡。桌面端和移动端也会分别适配，不会出现手机上没法看的情况。

它能做的场景还挺多：产品展开拆解，让零件一件件散开；角色跟着鼠标转头，互动感一下就上来了；或者拖进度条来拉动动画，想看哪段看哪段。这些效果，套在产品介绍页或者角色互动页上都特别合适。

有兴趣的朋友可以去看看，传送门：github.com/oil-oil/oil-motion。

#科技先锋官##How I AI#