《Ae教學-function》【搞什麼系列】第七章-懸賞_AE表達式(expression)

【搞什麼系列】第七章-懸賞 (function)

嗨！我是新手村村長 Fei！ 廣場中央的公佈欄已經更新懸賞囉！ 這次被提高懸賞的生物是"火山吐司"，理由：一次偷吃 12 片吐司！ 真的是罪大餓極！！快去公佈欄看看吧！

^{【火山吐司檔案可以參考：https://www.instagram.com/p/C2j5_sbJAIb/?img_index=2】}

勇者！ 看到懸賞令了嗎？ 今天要來教你的不是抓捕的技巧，而是跟你說下面的金額是怎麼調的，學會之後來村長辦公室幫忙吧！(突然開始人才招募)

1. 新手的主線任務

function name(a){
		return a
}

name(2)

function (函數)是什麼？

將程式設定成函數，可重複使用。

通常函數會含三個部分：

1. 函數名稱 (也可能沒有名稱)
2. 括號 ( ) 內的參數，參數與參數之間會用逗號( , ) 隔開
3. 大括號 { } 內的，是需要重複執行的內容。

函數的基本架構為： function 宣告名稱(名稱自訂)，後面 ( ) 內輸入參數，再用 return 回傳結果。

看見你滿臉疑惑，村長說：不懂的話，可以繼續往下看範例。

函數用在文字圖層上

村長的施法時間：新增一個文字圖層，接著在 Source Text 上使用咒語：

function basic(x) {
	return x + x
}

basic(300);

村長使用<翻譯蒟蒻>
宣告一個變數名稱為 basic ，參數為 x，回傳結果 x+x。
執行 basic(300); ，呼叫 basic 函數，參數的值會帶入 300，return 回傳結果 600。

顯示結果為：600

函數基礎

延伸應用，如果使用以下咒語呢？

function basic(x){
	if (x < 10 )
		return "0"  + x;
	else
		return x;
}

basic(2) + "/" + basic(30);

^{"" 引號中為字串 (字串為顯示""內的字符)}

顯示結果為：02/30

函數用在 Position (位置)上

村長的施法時間：新增一個形狀圖層，接著在 Position 上使用咒語：

function basic(x) {
	return x + x
}

[basic(300),basic(200)]

Position 有 2 個維度，需要用 [ x , y ] 來指定數值，否則無法顯示，Scale的話也是喔！【可參考】

村長使用<翻譯蒟蒻>
宣告一個變數名稱為 basic ，參數為 x，回傳結果 x+x。
執行 [basic(300),basic(200)] ，呼叫 basic 函數，return 回傳結果 [600,400]。

以上學完，應該就能做出下方的數字囉！試試看吧！

完成動畫-懸賞更新

解答：

function Wanted(a){
	if ( a < 10 )
		return "$ " + "0"  + a.toFixed(1)
	else
		return "$ " + a.toFixed(1);
}

Wanted(6) + " →" + Wanted(30);

恭喜你完成新手的主線任務-懸賞獎金
_{任務獎勵：村長辦公室員工卡
(道具。可打開村長辦公室的門，上面還附一張便條紙，寫著：江湖救急！村長辦公室缺工，快來呀！)}

回報完任務後，村長一溜煙的就跑了，留下無言的你呆站在原地……

_{----------嘿！基礎你學完了！下面內容難度有小小進階喔！----------}

2. 小進階技巧

將位置限制在 Composition 範圍內

如何限制 Size 200 的圓在 1920 × 1080 的 Composition 內？
在 Position 上使用：

function clamp(value, min, max) {
    return Math.min(Math.max(value, min), max); 
           //Math.min 傳回兩個數字中較小的一個、Math.max 傳回兩個數字中的較大數位
}

x = transform.position[0];
y = transform.position[1];

x = clamp(x, 100, 1820);  //限制 X 和 Y 的範圍
y = clamp(y, 100, 980);

[x, y];

將位置限制在 Composition 範圍內

動畫循環

你知道 function 也可以做循環動畫嗎？
在 Size 200 的方形的 Rotation 上使用：

function loopRotation(rotation, cycle) {
    return rotation % cycle;
}

loopRotation(time * 72, 360);  //每 5 秒自動循環一次旋轉

每 5 秒自動循環一次旋轉

✴️村長的宣傳時間✴️

📌最新動畫作品在這 ➡️ instagram
📌更新會比 IG 晚一天 ➡️ YouTube
📌追蹤✅、點❤️、分享🔗、收藏📂

合作請
私訊 Instagram
或寄信至 x.fei.4044@gmail.com