《Ae教學》【搞什麼系列】番外3-陣列(Array)[] _AE表達式(expression)

更新於 發佈於 閱讀時間約 3 分鐘
【搞什麼系列】番外3-陣列(Array)[]

【搞什麼系列】番外3-陣列(Array)[]

叮咚! 村長的補課時間!今天來說說 陣列(Array)的那些事!



陣列(Array)

  • 用中括號 [] 表示。


最簡單的使用方式,可以直接用

陣列控制單個圖層 Position(位置)

使用陣列可以固定​ Position (位置),直接設定數字,就不能拖曳更改位置

p = [500,400]
陣列控制 Position

陣列控制 Position


陣列控制兩個圖層 Position(位置)

陣列控制兩個圖層 Position

陣列控制兩個圖層 Position

紅球-【陣列-球】
先設定 2 個關鍵幀。


黃球-【陣列-球2】

raw-image

將"球2"的X位置綁定給"球"​的X位置[0];"球2"的Y位置綁定給"球"​的Y位置[1]

//將"球2"的X位置綁定給"球"​的X位置[0];"球2"的Y位置綁定給"球"​的Y位置[1]
pTwo = [thisComp.layer("陣列-球").transform.position[0] *2 , thisComp.layer("陣列-球").transform.position[1]-300]

綁定方式可 看這篇

黃球的 X 軸數值會在紅球 X 軸的 2 倍位置,所以一開始紅球的 X 軸為負數,黃球會在紅球的左邊,而紅球的 X 軸逐漸變為正數之後,黃球就逐漸往紅球的右邊移動,並離紅球越來越遠。

黃球的 Y 軸數值會在紅球 Y 軸的 -300 的位置。


  • [] 內的值代表索引值(index),陣列中索引是從 0 開始。

也就是說 [] 內的 index 為 [ 0, 1, 2, ...... ]

所以上方的將 "球2" 的 X 位置綁定給 "球" ​的 X 位置[0](thisComp.layer("陣列-球").transform.position[0])

"球2" 的 Y 位置綁定給 "球" ​的 Y 位置[1](thisComp.layer("陣列-球").transform.position[1])



✴️村長的宣傳時間✴️

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


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


留言
avatar-img
留言分享你的想法!
王旋-avatar-img
2024/06/16
我覺得解說得很厲害,通常很難用文字解釋得這麼清楚👏🏻
Fei-avatar-img
發文者
2024/07/23
王旋 感謝支持喔~持續更新的動力💖💖💖抱歉! 前一陣子比較忙,現在才看到留言! 🥲🥲
Fei-avatar-img
發文者
2024/12/16
📓翻新進度報告書24.12.16-番外完成(🟢)提及了這篇文章,趕快過去看看吧!
Fei-avatar-img
發文者
2024/09/02
Ae 常用的 6 個表達式提及了這篇文章,趕快過去看看吧!
avatar-img
🛸 Fei 起來的動態館 🛸
88會員
96內容數
嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|x.fei.4044@gmail.com
2024/08/05
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
2024/08/05
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
2024/07/01
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
2024/07/01
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
2024/05/06
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 2,主要是一些概念的補充,介紹了運算(賦值運算子、比較運算子、算術運算子、邏輯運算子……)。
Thumbnail
2024/05/06
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 2,主要是一些概念的補充,介紹了運算(賦值運算子、比較運算子、算術運算子、邏輯運算子……)。
Thumbnail
看更多
你可能也想看
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第八章-畢業考試,搞什麼系列,最終章,學會了你就可以從新手村畢業囉! Ae 表達式(expression) - Math ˙如何只出現整數? ˙Math.round() ˙Math.ceil() ˙Math.floor()
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第七章-懸賞,快來幫幫村長!學會 Ae 表達式 - function ˙function (函數)是什麼? ˙函數應用在文字圖層上 ˙函數應用在 Position 上 ˙將位置限制在 Composition 範圍內
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 3,主要是一些概念的補充,介紹陣列。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 3,主要是一些概念的補充,介紹陣列。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 2,主要是一些概念的補充,介紹了運算(賦值運算子、比較運算子、算術運算子、邏輯運算子……)。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇 2,主要是一些概念的補充,介紹了運算(賦值運算子、比較運算子、算術運算子、邏輯運算子……)。
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第六章 請勇者們前往驅離地鼠。學習 if / else 如何使用! ˙if/else 是什麼 ˙Checkbox 控制 Opacity ˙Null Object 控制 Opacity ˙Position 控制 Opacity
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第六章 請勇者們前往驅離地鼠。學習 if / else 如何使用! ˙if/else 是什麼 ˙Checkbox 控制 Opacity ˙Null Object 控制 Opacity ˙Position 控制 Opacity
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第五章 煉金術!賺錢致富! ˙index 是什麼? ˙index 應用在 Rotation 上 ˙index 應用在 Position 與 Scale 上 ˙如何製作 Fake 3D? (偽 3D 圖形)
Thumbnail
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第五章 煉金術!賺錢致富! ˙index 是什麼? ˙index 應用在 Rotation 上 ˙index 應用在 Position 與 Scale 上 ˙如何製作 Fake 3D? (偽 3D 圖形)
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News