AE数字递增的表达式 保姆级教程

[复制链接]
coolcg 发表于 2021-12-24 03:09:31 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题



我们在工作中有时会用到数字递增的效果,比如倒计时,数字从1-10的变化。一个个数字打出来,数字少的时候还可以,那如果10000到20000呢?

数字递增变化可能会遇到无数的情况,这里总结了一些我能想到的大部分情况,供大家参考。

a.简单的整数递增:比如我们需要在4秒内,做1-10的递增变化:

GIF

1-10递增变化
表达式为:
n = linear(time, 0, 4, 1, 10);
Math.floor(n)

表达式解析:
首先定义一个n
linear(time, 0, 4, 1, 10)意思是,随着时间0秒到4秒,做1-10的变化
Math.floor(n) 对n的数值取整,返回数值的整数

为什么要给数值取整?如果不取整,数字会输出含有小数点的数值

GIF

不取整的输出


b.如果我们需要在4秒内,做10000-100000的递增变化:我们只要把上边的表达式改为:
n = linear(time, 0, 4, 10000, 100000);
Math.floor(n)

GIF

10000-100000递增变化


c.如果我们需要在0-1秒数字不变,1-4秒做0-10的递增变化:
n = linear(time, 1, 4, 1, 10);
Math.floor(n)

GIF

0-1秒数字不变


d.如果我们需要数字前加上文字,比如做某个尺寸1-100的递增:
n = linear(time, 0, 4, 1, 100);
"尺寸:" + Math.floor(n)

GIF

尺寸1-100递增

还可以在后边加上单位:
n = linear(time, 0, 4, 1, 100);
"尺寸:" + Math.floor(n) + "cm"

GIF

加上单位



e.小数点的递增
如果我们需要4秒内,做0.1-1的递增变化,表达式为:
n = linear(time, 0, 4, 0.1, 1);
n.toFixed(1)

01-1的递增变化
表达式解析:
首先定义一个n
linear(time, 0, 4, 1, 10)意思是,随着时间0秒到4秒,做1-10的变化
n.toFixed(1) 对n的数值取小数点后1位,返回数值

n.toFixed(2) 保留小数点后2位,数字可根据需要修改

保留小数点后2位


f.如果根据进出点来做数字递增:图层开始到结束,1-10递增变化:
n = linear(time, inPoint, outPoint, 1, 10);
Math.floor(n)

表达式解析:
inPoint 图层开始点
outPoint 图层结束点

定义开始到结束,这样减图层的长度或者加长度,都不会影响1-10的递增变化

定义开始到结束


越快乐越出色电视包装网
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 幸福使者

    幸福的象征
  • 皇家勋章

    管理小组的专属
  • 人气奖

    获得超人气的象征
  • 活力之星

    活力超群的象征

关注0

粉丝6

帖子530

发布主题
专注素材教程免费分享
备用信息

XXX-XXX-XXX

周一至周日9:00-23:00

反馈建议

505850916@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4 Licensed© 2014-2021 Comsenz Inc.( 京ICP备13020041号-1 )