实验2025
沉浸式交互实验
交互设计 · 动效实验
TypeScriptCanvasrequestAnimationFrame自定义缓动
背景
一次不计商业目标的纯视觉实验,探索「坠落感」如何在滚动中被唤起。
方案
不依赖任何动画库,手写 requestAnimationFrame 循环与缓动函数,驱动五层视差与鼠标视差,圆弧排布的卡片随滚动旋转。
结果
一个梦幻、有沉浸感的体验页,验证了「零依赖也能做出流畅高级的动效」。
交互设计 · 动效实验
一次不计商业目标的纯视觉实验,探索「坠落感」如何在滚动中被唤起。
不依赖任何动画库,手写 requestAnimationFrame 循环与缓动函数,驱动五层视差与鼠标视差,圆弧排布的卡片随滚动旋转。
一个梦幻、有沉浸感的体验页,验证了「零依赖也能做出流畅高级的动效」。
假作真时真亦假,无为有处有还无。