最近在折腾作品集首页，想做一个更有记忆点的 hero 头图。 一开始我只有一张静态图片，后来用 AI 把它生成了一段很短的视频：镜头固定，身体基本不动，只让头部和眼神轻微左右移动。 然后把视频交给 Codex，让它写成网页交互： 鼠标往右移动，视频时间往后； 鼠标往左移动，视频时间往前。 这样看起来就像人物真的在跟着鼠标转头。 这个效果的关键不是复杂 3D，而是把素材和代码分工： AI 负责生成有质感的视频素材 Codex 负责把素材接进网页 video.currentTime 负责控制视频进度 页面布局负责把左侧文字和右侧视觉留好空间 如果是郁金香、产品、装置这种物体，我会换成 3D 模型路线： 先用图生 3D，下载 GLB 格式，再用 Three.js 做鼠标轻微旋转。 适合放在： 作品集首页 / 个人网站 / 产品官网 / 创意 agency landing page 我把提示词和 Codex 指令整理在视频里了，想做类似效果可以直接参考。 #作品集 #UI界面设计 #交互设计 #AI工具 #交互设计作品集 #网站制作 #howto用AI手搓APP