,
今天要来教大家如何用指令自动产生每三位数字后的逗号。
首先建立 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以上):