《Ae教學-if/else》【搞什麼系列】第六章-地鼠之亂_AE表達式(expression)

閱讀時間約 5 分鐘
AE表達式(expression)_if/else

AE表達式(expression)_if/else

【村長 Fei 發布公告】近日在村外往東 300 公尺重植幼苗的小花園,出現大量地鼠搗亂,請勇者們前往驅逐,保護自己種植下去的魔力幼苗!



勇者! 你看到我發布的公告了嗎?最近地鼠真的困擾著村民們,最近他們肆無忌憚的跑進東邊小花園,真是太可惡了!要麻煩你去清除他們了!我來教你趕走他們的方式吧!


1. 新手的主線任務

if(){
100;
}else{
20;
}

if/else 是什麼?

if(狀態/條件){
值1;
}else{
值2;
}


用 Checkbox 控制 Opacity

村長拿出一個按鈕 (形狀圖層)。
首先,在 Effect & Presets 中找到 " Checkbox Control " 套用到形狀圖層上

Checkbox Control 拖曳至形狀圖層上

Checkbox Control 拖曳至形狀圖層上


在該圖層的 Opacity (透明度)中使用以下咒語:

//宣告變數,名稱為checkbox​
var checkbox = effect("Checkbox Control")("Checkbox");

//判斷​checkbox
if(checkbox == 1){
100;
}else{
20;
}
在 Opacity 中使用 if/else

在 Opacity 中使用 if/else

解析程式碼的意思

解析程式碼的意思

①拖曳方法,之前有教過,忘記了可以點這看看

因為 if/else 需要有狀態,需先宣告一個 var(變數),var 連接給 Checkbox,再來就是交給 if/else 來進行判斷。

假如​變數 checkbox 為 1(是),透明度數值為 100;否則,透明度數值為 20

用 Checkbox 控制透明度

用 Checkbox 控制透明度


補充:像上圖的 Checkbox 開關顯示要怎麼做呢?(請繼續看下去...)

Null Object 控制 Opacity

製作未勾選 / 已勾選框

製作未勾選 / 已勾選框

創建:Null Object、已勾選框(形狀圖層)、未勾選框(形狀圖層)。


在 Effect & Presets 中找到 " Checkbox Control " 套用到 Null Object 上

新增一個 Checkbox Control 給 Null Object

新增一個 Checkbox Control 給 Null Object

"已勾選"的 Opacity 使用以下咒語:

//"控制"為Null Object的名稱,可自行更改​
var checkbox = thisComp.layer("控制").effect("Checkbox Control")("Checkbox");

//如變數​checkbox為1,透明度為100,否則透明度為0
if(checkbox == 1){
100;
}else{
0;
}


"未勾選"的 Opacity 使用以下咒語:

//"控制"為Null Object的名稱,可自行更改
var checkbox = thisComp.layer("控制").effect("Checkbox Control")("Checkbox");

//如變數​checkbox為0,透明度為100,否則透明度為0
if(checkbox == 0){
100;
}else{
0;
}


設定完後,就可以用 Null Object 裡的 Checkbox 控制勾選框的顯示狀態。



用 Position 控制 Opacity

先來看結果:球在下墜的途中,y 軸 170 時才會開始顯示,下墜到 900 時就會消失。

Y 軸位置控制 Opacity

Y 軸位置控制 Opacity

要怎麼做出效果?

設 2 個 key 讓球從上到下移動。

接下來,在球的 Opacity 中使用咒語:

//宣告一個變數為​位置[1代表是y,0代表是x]
var y = transform.position[1];

//如y大於等於170及小於等於900時,透明度為100,否則透明度為0​
if( y >= 170 && y <= 900){
100;
}else{
0;
}

&& 為 and(和)的意思。(之後會再寫一篇跟運算有關的文章,等寫好這邊會附上連結)

村長使用<翻譯蒟蒻>
因為顯示狀態是由 Position(位置)判斷,所以要先設一個變數連結 Position,再設定要顯示的區間 170 ≦ y ≦ 900



教完你上述的咒語,試試看做出簡易的打地鼠動畫吧!

用 if / else 試著做看看!

用 if / else 試著做看看!

(村長補充:此地鼠動畫的素材,最少需準備 1 隻地鼠、1 個坑。)


【公告】地鼠已經全部驅離!

勇者! 恭喜你成功驅離地鼠! 成功挽救了東邊小花園被破壞的命運,還記得你種下的一株魔力幼苗(第三章)嗎? 它已經長大蠻多的囉~來都來了,也去看看它吧!




恭喜你完成新手的主線任務-地鼠之亂
任務獎勵:個人稱號-打鼠王
(稱號。完成主線任務-地鼠之亂可獲得。頂著這個稱號所有的地鼠都會自動讓路!)


----------基礎學完了!如果還想繼續升級,請往下看!----------

之後如果還有新學習到的 if/else 技巧,會持續更新本篇筆記喔!





喜歡的話可以點喜歡!也可以分享出去招募更多勇者!
怕忘記的話也可以點收藏!熱烈歡迎留言交流互動!


以下是

村長的宣傳時間

歡迎私訊聯絡!在 instagram 有最新的作品供參考!

YouTube 更新每月動畫合集


合作請

私訊 Instagram

或寄信至 x.fei.4044@gmail.com

嗨~我是 Fei,動態設計師。 會在這裡放一些跟動態製作(Ae)相關的文章,歡迎來看看喔! - 合作信箱|x.fei.4044@gmail.com
留言0
查看全部
發表第一個留言支持創作者!
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第五章 煉金術!賺錢致富! ˙index 是什麼? ˙index 應用在 Rotation 上 ˙index 應用在 Position 與 Scale 上 ˙如何製作 Fake 3D? (偽 3D 圖形)
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇,主要是一些基礎的概念的補充,介紹了在Composition內使用文字工具,操作錨點工具和圖層置中畫面等功能。
【這個系列,目標是以比較輕鬆的方式讓大家一起學習Ae表達式。】 - 第四章 出門探險,必備燈! ˙random( 最大值 ) ˙random( 最小值 , 最大值 ) ˙random() 應用在 Scale 上 ˙gaussRandom() 是什麼?
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第三章 種下屬於自己的"魔力幼苗",並用咒語(wiggle)灌溉他! ˙wiggle( , ) 是什麼? ˙wiggle 不同頻率,相同振幅 ˙wiggle 相同頻率,不同振幅 ˙wiggle 應用在 Opacity 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第二章 不小心掉入了副本裡,該怎麼辦?一起來通關吧! ˙time; 是什麼? ˙time.toFixed(); 修正顯示到小數點第幾位數 ˙time; 應用在 Rotation 上 ˙time; 應用在 Position 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第一章我們就將迎來新夥伴喔!一起來學習loop怎麼用吧~ ˙ loopIn() 與 loopOut() ˙ loop 類型 ˙ 參數修飾詞 ˙ loopInDuration() 和 loopOutDuration()
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第五章 煉金術!賺錢致富! ˙index 是什麼? ˙index 應用在 Rotation 上 ˙index 應用在 Position 與 Scale 上 ˙如何製作 Fake 3D? (偽 3D 圖形)
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 本文是番外篇,主要是一些基礎的概念的補充,介紹了在Composition內使用文字工具,操作錨點工具和圖層置中畫面等功能。
【這個系列,目標是以比較輕鬆的方式讓大家一起學習Ae表達式。】 - 第四章 出門探險,必備燈! ˙random( 最大值 ) ˙random( 最小值 , 最大值 ) ˙random() 應用在 Scale 上 ˙gaussRandom() 是什麼?
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第三章 種下屬於自己的"魔力幼苗",並用咒語(wiggle)灌溉他! ˙wiggle( , ) 是什麼? ˙wiggle 不同頻率,相同振幅 ˙wiggle 相同頻率,不同振幅 ˙wiggle 應用在 Opacity 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習AE表達式。】 - 第二章 不小心掉入了副本裡,該怎麼辦?一起來通關吧! ˙time; 是什麼? ˙time.toFixed(); 修正顯示到小數點第幾位數 ˙time; 應用在 Rotation 上 ˙time; 應用在 Position 上
【這個系列,目標是以比較輕鬆的方式讓大家一起學習 Ae 表達式。】 - 第一章我們就將迎來新夥伴喔!一起來學習loop怎麼用吧~ ˙ loopIn() 與 loopOut() ˙ loop 類型 ˙ 參數修飾詞 ˙ loopInDuration() 和 loopOutDuration()
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
北一女中有個傳統,是在畢業整整三十年後會再次聚首,聊聊彼此的生活、體悟,不時可以在校慶中看到一個個資深學姊們的身影;這本書便是邀請數十個北一的校友,藉著三十重聚的時候一同共筆,經歷了這三十年的歲月,有沒有哪些事是希望能夠讓年輕的學子或是當初剛畢業的自己知道的。
Thumbnail
關於貓家人教會我的人生哲學5:沒有什麼是睡一覺無法解決的。 貓咪一整天有超過一半的時間在睡覺,無論深眠還是淺眠,就算被吵醒了,他還是可以原地繼續睡。 從貓咪的睡眠狀態中,我體會到一件事:沒有什麼是睡一覺無法解決的。如果有,那就眼睛閉上再睡一覺。
Thumbnail
永遠不要害怕與別人建立關係,被拒絕真的沒有什麼大不了。和貓建立關係的相似之處,在於無論是與貓或是人,在「現在」被拒絕並不意味著下次還會被拒絕。這種開放的心態也適用於與人建立關係,當我們害怕被拒絕時,反而限制了自己可能獲得的機會。
這就是為何長輩們愛提點晚輩要唸好學校,不是他們看太少,是看超多卻不知從何說起,所以我來講,就這樣。
希望大家能夠在生活中,體會到偶像劇般的浪漫感,這些是生而為人中,一大樂趣。
Thumbnail
上週,在唐山書店遇見這本書,封面上的標題立刻引起我的好奇:「為什麼要學歷史?」是啊,學習歷史似乎無法為當下的你帶來任何好處,那麼,學習歷史的價值究竟是什麼呢?
Thumbnail
過去大半年來港警的瘋言狂行,已經令人忘記「亞洲最佳」曾經的稱號,今時今日我們還能夠面對戲中自稱「正義」的香港警察嗎?所以只能向外求吧,最近期就是由木村拓哉主演,以日本警校為背景的富士新春特別劇《教場》,日本播出不久,香港觀眾就可以免費收看,或者冥冥中自有天意。
Thumbnail
【關於閱讀、寫作、國標舞,我的3個提問和1個反思】為什麼想讀《刻意練習》?之所以會認識這本書,來自於許多網路文章和書友的推薦,書中的重點也不斷被提及:「天才與庸才之間的差別不在基因、不在天分,而在刻意練習!」難道我們比別人優秀的那些事情,不就是因為自己比較「聰明」一點嗎?
Thumbnail
誰說女人不能和男孩談戀愛的?在這個社會上,好像冥冥之中設定了潛規則,女大男小的戀愛並不能被接受,迎面而來的是無止盡傷害與不被看好⋯⋯我們該怎麼學習去愛?
 在《鎌倉物語》裡的男女主角設定是男大女小的配對,若先撇除是否為忘年之交的戀情,有愛才是最重要的吧?其實年齡真的不是問題呀,在電影內的某個片段中
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
北一女中有個傳統,是在畢業整整三十年後會再次聚首,聊聊彼此的生活、體悟,不時可以在校慶中看到一個個資深學姊們的身影;這本書便是邀請數十個北一的校友,藉著三十重聚的時候一同共筆,經歷了這三十年的歲月,有沒有哪些事是希望能夠讓年輕的學子或是當初剛畢業的自己知道的。
Thumbnail
關於貓家人教會我的人生哲學5:沒有什麼是睡一覺無法解決的。 貓咪一整天有超過一半的時間在睡覺,無論深眠還是淺眠,就算被吵醒了,他還是可以原地繼續睡。 從貓咪的睡眠狀態中,我體會到一件事:沒有什麼是睡一覺無法解決的。如果有,那就眼睛閉上再睡一覺。
Thumbnail
永遠不要害怕與別人建立關係,被拒絕真的沒有什麼大不了。和貓建立關係的相似之處,在於無論是與貓或是人,在「現在」被拒絕並不意味著下次還會被拒絕。這種開放的心態也適用於與人建立關係,當我們害怕被拒絕時,反而限制了自己可能獲得的機會。
這就是為何長輩們愛提點晚輩要唸好學校,不是他們看太少,是看超多卻不知從何說起,所以我來講,就這樣。
希望大家能夠在生活中,體會到偶像劇般的浪漫感,這些是生而為人中,一大樂趣。
Thumbnail
上週,在唐山書店遇見這本書,封面上的標題立刻引起我的好奇:「為什麼要學歷史?」是啊,學習歷史似乎無法為當下的你帶來任何好處,那麼,學習歷史的價值究竟是什麼呢?
Thumbnail
過去大半年來港警的瘋言狂行,已經令人忘記「亞洲最佳」曾經的稱號,今時今日我們還能夠面對戲中自稱「正義」的香港警察嗎?所以只能向外求吧,最近期就是由木村拓哉主演,以日本警校為背景的富士新春特別劇《教場》,日本播出不久,香港觀眾就可以免費收看,或者冥冥中自有天意。
Thumbnail
【關於閱讀、寫作、國標舞,我的3個提問和1個反思】為什麼想讀《刻意練習》?之所以會認識這本書,來自於許多網路文章和書友的推薦,書中的重點也不斷被提及:「天才與庸才之間的差別不在基因、不在天分,而在刻意練習!」難道我們比別人優秀的那些事情,不就是因為自己比較「聰明」一點嗎?
Thumbnail
誰說女人不能和男孩談戀愛的?在這個社會上,好像冥冥之中設定了潛規則,女大男小的戀愛並不能被接受,迎面而來的是無止盡傷害與不被看好⋯⋯我們該怎麼學習去愛?
 在《鎌倉物語》裡的男女主角設定是男大女小的配對,若先撇除是否為忘年之交的戀情,有愛才是最重要的吧?其實年齡真的不是問題呀,在電影內的某個片段中