文字特效 · 字怎么动
文字坠落Gravity drop
- 有重量
- 俏皮
- 有落点
一个字一个字从上面掉下来,砸到底弹两下、压扁一点,然后定住。它跟「淡入」的区别是:这行字有重量,所以你会去看它落地的位置。
什么时候用它
适合「一件好事刚刚发生」的那一刻:下单成功、支付成功、抽到奖品。它的作用是让人愿意多看这行字一眼,所以要短 —— 两到八个字。要读的正文、要反复出现的提示、以及本来就有别的动效在跑的界面上都别用:每一行都在砸,眼睛没有地方落。
参数
g 2400px/s² · restitution 0.42 · stagger 62ms/char · squash ≤1.22 · sub 320ms later
配方
stagger 62ms/char条件 squash ≤1.22文字坠落 → g 2400px/s² · restitution 0.42 · sub 320ms later
给 AI 的一句话
让这行字一个字一个字掉下来:每个字从上方 150px 处开始自由落体,重力加速度 2400px/s²,每个字比前一个晚 62ms 出发。落地时如果速度还大于 170px/s 就按 0.42 的弹性反弹,否则停住;落地那一帧只在竖直方向压扁(最多 1.22 倍),不要拉伸。整行落完之后 320ms,再让下面那行小字淡入。每 4.4 秒重播一次。另外起始高度按字的奇偶错开 26px,看起来像两批,而不是随机的一堆。