基础动效 · 复杂交互

高级动效

这一页是「有物理、有材质」的那种。都能上手,下面写了怎么玩。

水滴融合gooey / metaball
怎么玩:拖左上角的小球去碰大球
两个东西靠近像水滴一样黏在一起
靠近我
磁吸按钮magnetic button
怎么玩:手指在按钮附近滑
手指靠近按钮会被吸过来,离开弹回
粒子聚合particles
怎么玩:手指划过去拨开,点一下炸开再聚回
一堆小点聚成字,手一划就散开
橡皮筋spring physics
怎么玩:拽中间的点,松手
像橡皮筋一样拉,松手弹几下回去
切换
布局形变layout animation / FLIP
怎么玩:点右下角切换
列表切宫格,每个自己飞到新位置
被子
闹钟
衣服
出门
吃醋
偷亲
看手机
晚安
封面流cover flow
怎么玩:左右滑
像老 iPod 那样,两边的封面斜着立
新月
滚动驱动scroll-driven / scrollytelling
怎么玩:在里面往下滑,再往上滑
画面钉住不动,往下滚是在拖动画进度
找到我啦手电筒照到才看得见
聚光灯spotlight / mask reveal
怎么玩:手指在黑里慢慢滑
黑的,手指那一圈像手电筒照亮
拖尾trail / follow
怎么玩:手指在里面画圈
一串点跟着手指,后面的慢半拍
晚安要说到睡着第8条
刮刮乐scratch reveal
怎么玩:用手指刮
刮开涂层露出下面的字,刮够一半自己掉
乱码解密text scramble
怎么玩:点一下
字先乱跳,再一个个定下来
50%
水波进度liquid fill
怎么玩:上下拖改水位
进度像水一样装在圆里晃
点我折起来
纸折叠3D fold
怎么玩:点一下折,再点打开
像折纸一样一节一节折起来
物理碰撞physics
怎么玩:抓一个球甩出去
有重力的小球,能抓起来扔,会互相撞
X光变热成像x-ray → thermal / focus
怎么玩:点一样东西,再点空白处放回去
X光物件铺一桌,点一个其余糊掉退后,它飞到中间变热成像

这一页的词:物理(有重力、有惯性)· 弹簧(stiffness 硬不硬、damping 晃几下)· 材质(像水、像纸、像橡皮)· 滚动驱动(动画进度跟着滚动走,不是到点自己播)。
想要哪种「材质」直接说像什么就行:「像果冻」「像水银」「像纸」「像磁铁」。