哈囉！又到了快樂的教學時光，

今天要來教大家如何用指令自動產生每三位數字後的逗號。

首先建立 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以上)：