今天要来教大家如何用指令自动产生每三位数字后的逗号。

首先建立 New Compsition之后,

用文字工具先随便打一串数字。

N

按住 Ctrl + alt + Home 把图层中心点对齐中央,

再按 Ctrl + Home 把图层对齐Comp中央。

用文字工具选取数字,

点击右键 > Reveal Source Text In Timeline。

这时涂层下方出现了Source Text列可调整。

alt + 左键点选左边的小码表,

进入输入指令的指令框。

再指令框输入:

 

num = value;

function addCommas(x) {

return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, “,”);

}

addCommas(num)

 

这串指令里的value就是用文字工具所打的数字,

依据value的位数,每三个数字就自动补上逗号,

你也可以将(\d{3})内的3改为4,

变成每4位数补一个逗号。

 

如果上列指令显示错误,可以尝试将括号内的”,”删除重新打上。

输入完毕,

可以发现刚刚打的数字已经出现三位数逗号了。

可以再换成其他数字试试看,

哇,屡试不爽。

我帮替文字图层加入Slide。

Slide是一个空白效果,

可以将想要的参数Parent到Slide上进行调整,

我们选取value之后用Parent工具连接Slide。

如果出现错误讯息的话可以回头检查是否指令有误,

或是著在num = effect(“Slider Control”)(“Slider”)后

打上 .value。

将Slide数值在0秒到5秒分别设定

0 和 1000000 。

拨放后可以发现,

小数点肆无忌惮的乱跳。

这时我们在第一排指令分号前补上.value.toFixed()

来修正小数点,这串指令可以自动将小数点数四舍五入为整数。

现在数字看起来舒服多了。

最后可以再加上一些效果或是其他文字,

成品就像这样:

有些时候会看到一些复杂的指令,

其实可以观察一下指令的数字或是单字,

寻找是否和画面有些关联在去做拆解、分析,

理解指令码的含意其实不会太困难~

 

此教学专案档下载(cc 2018以上):