在 X 上看到一个老外做的炫酷交互效果：风吹帘动的视觉效果。
决定复刻一下，过程其实很简单——不需要知道怎么做，只需要把视频下载下来，扔给 AI，让它按照视频里的效果复刻。
修修补补之后就好了。帽檐直接用 Codex 的画图能力画出来的。
最终效果是一个以中国古典诗文为内容的互动网页：画面上方是一幅契合作品意境的古典插画，下方的原文被拆成一条条竖向"文字帘"。文字帘会持续受到微风影响，也会根据鼠标移动的方向、速度和距离产生不同强度的吹拂效果。
当然，这种风格不光用来做古诗词展示，也可以搞其他创意效果：
开源代码
相关代码已开源：github.com/zlbigger/shilian
声明：本站原创文章文字版权归本站所有，转载务必注明作者和出处；本站转载文章仅仅代表原作者观点，不代表本站立场，图文版权归原作者所有。如有侵权，请联系我们删除。
未经允许不得转载：Vibe Coding 实战：用 AI 照着视频复刻风吹帘动交互效果
