打給厚！
今天要來跟大家分享【隨機效果】的濾鏡啦
至於什麼是隨機濾鏡呢？直接看例子吧！
沒錯，就是前陣子很熱門的【你是哪個迪士尼人物】濾鏡
使用者每次使用濾鏡時，都會是不同的人物，也就是隨機的出現
所以今天小凡就要跟大家分享，怎麼製作【隨機效果】的濾鏡
這次以哈利波特電影中的分類帽為主題，來做一個分類帽的濾鏡，看看你是屬於哪個學院！
【影片版】
第一步：準備素材
再製作濾鏡前，要先想好主題與隨機出現的內容，才有辦法先把素材準備好
這次要製作分類帽的濾鏡，因此小凡在製作前準備了各個學院的代表徽章，除此之外還多加了麻瓜，嘿嘿！
素材準備平面檔即可，PNG 或 JPG 都可以！
素材的準備上，要【盡量維持同樣的長寬】，小凡除了麻瓜以外，其他學院徽章基本上都有維持同樣的長寬，算是勉強及格啦！
如果素材有的很長、有的很寬，到時再進行隨機內容時，會造成視覺上的不舒服，所以盡量避免這種情況發生吧
素材都準備完成後，就能進行下一步了
第二步：匯入素材，放置定位
接著就要把素材匯入 Spark AR 內，基本上流程會跟之前打過的文章一樣，可以點入文章看更詳細的內容
【Spark AR Tutorial】該如何上傳動畫？用動畫讓濾鏡更有趣吧！
小凡還是會再講一次流程，所以大家就繼續往下看吧！
把剛剛匯入的素材一次全選，接著把【Type】更改為【Texture Sequence】
然後我們要給予這些素材一個播放器來運作，因此點選左下方的【+】符號，新增【Animation Sequence】
新增完畢後，先到右方更改【Animation Sequence】的屬性，把【Loop】與【Randomize】都打勾
然後我們一樣使用【Facetracker】並且新增【Plane】與【Material】
把剛剛的【Animation Sequence】都放至定位吧！
如果對上面的內容還不熟悉，可以到下面的文章看看喔
【Spark AR Tutorial】30分鐘完成AR濾鏡！2D平面濾鏡製作，純新手也不用擔心！
第三步：建立 Patch
接著就是重頭戲，要建立【Patch】！
之前的文章都還沒有建立過 Patch ，會不會很難呢？
小凡跟你掛保證，不會很難！
只有少少幾個項目要新增，照著步驟一步一步來，一定能完成的！
首先先打開 Patch 的介面吧，在上方打開【View】下方第一個選項【Show/Hide Patch Editor】點擊後就可以開啟介面了
然後我們直接滑鼠左鍵雙擊介面，新增【Runtime】、【Offset】、【Less Than】
並且把【Runtime】的箭頭連結到【Offset】 上方的箭頭 ，再連結至【Less Than】上方的箭頭，完成後會像下圖這樣
其中【Less Than】下方的空格表示隨機動畫循環的時間，如果設定為 8，表示動畫會循環 8 秒後才會顯示最終結果，以此類推
就看你要設定多久囉，小凡推薦設定 5 以內，避免動畫循環太久，使用者沒耐心啦～！
接著再新增【Loop Animation】、【Random】，再像下圖一樣的方式進行連結
記得 【Loop Animation】 是用 【Looped】也就是下方的箭頭去連結喔！
然後把 【Loop Animation】 中的【Duration】更改數字為 0.05 ，這裡表示動畫隨機的速度喔，快一點才會更有隨機的感覺！
【Random】中的【End Value】改成圖片的數量，以小凡來說，小凡總共用了 5 張圖片，所以就把數字改成 5
快完成了，加油啊！
繼續新增【Floor】，並點擊【Animation Sequence】的【Current Frame】前的小箭頭，讓它進入 Patch 內
接著進行連接，就可以測試看看囉！
正常來說，你的圖片應該會一直循環，並且過了幾秒後會停下，停下的圖片就是這次隨機的內容
可以多測試幾次，看是不是每次結果都不一樣喔！
第四步：設定按下錄影鍵後，重置濾鏡
如果功能沒問題的話，濾鏡基本上就完成了
但我們可以做一些設定，讓濾鏡在使用上更加方便
有沒有發現每次要使用濾鏡，就要重新開啟一次，這樣不僅很難進行錄影，使用上也很不順手
所以我們需要一個機制讓濾鏡重啟
我們設定【按下錄影鍵】的時候重啟濾鏡，這樣使用者就能按下錄影鍵錄影的同時，進行動畫循環，使用上會更順暢合理
拖拉左方【Scene】中的【Camera】到 Patch 內
直接把【Camera】最下方的箭頭【Video Recording】連接至【Offset】的【Reset】就完成了
這時候在測試看看
按下錄影鍵的同時，整個濾鏡就會重新開始囉！
這裡附上整個 Patch 的完整圖，如果濾鏡有錯誤在比對一下吧
這次的分享看起來很複雜，尤其是最後 Patch 的部分
但如果稍微熟悉一下，可以發現整體製作下來 10 分鐘內可以搞定！
這是第一次與大家分享有用到 Patch 的部分，希望大家看得懂 XD
有任何疑問或建議，歡迎留言討論喔！
20 Responses
Excellent article. I certainly appreciate this website. Stick with it!
Thanks~!
Thanks for your blog, nice to read. Do not stop.
Thank you!
It’s going tto be ensing off mine day, except before
ending I aam reading this fantastic artidle to increase myy experience.
Thanks. 🙂
We aare a group oof volunteers and opebing a
new sceme iin oour community. Your website offeered uss wwith
valuabble info too work on. You’ve done a formidable
job and our whole community will be grateful to you.
very happy to hear this. 🙂
I wwas able to find ood info from your content.
Good waay off telling, and good paragraph to take daata about
my presentation subjsct matter, which i am going to covey in college.
Very glad to help you something!
請問如何在錄影前，濾鏡是呈靜止狀態?
(我的濾鏡在錄影前，隨機切換的動畫會先跑過一次)
Veery quickly this wweb site wilpl bbe famous amjid alll blogging and
site-building users, due to it’s nice posts
你好
請問如果要 按住錄影即開始跑出動畫這是可以完成的嗎？
查了很多資料不知道如何設定這組patchQQ
可以的!可以照圖片去設定Patch喔
在條件那邊多新增一組And判斷即可
https://imgur.com/uLE1ieZ
非常感謝回覆嗚嗚
目前我只是要設定單純的一個animation sequence 按下錄影鍵時播放 （不用loop 已取消勾選）
剛剛設定patch如此圖 https://img.onl/3dTW9k
測試時還是直接跑出動畫
請問大神如何設定pathc 感覺漏了什麼？QQ
如果想要設定按下錄影鍵時才播放動畫
那麼首先幫我測試，是不是按下錄影鍵時才會開始播放動畫
如果是的話就簡單了
只要再添加一個【And】判斷
條件為：當按下錄影鍵且動畫正在播放，當兩個條件都成立，那麼物件的 visible 才顯示為 True
這樣就能先將物件隱藏起來(看不到)，按下錄影鍵時才顯示(看到且動畫開始播放)~
[…] 這次是基於原有的隨機特效做變化，在原有的基礎上增加【題目】與【按鈕】 […]
Excelldnt site. A lot of useful infto here.
I amm sending itt tto some pals anss additionalkly sharing inn delicious.
And oof course, thnk you tto your effort!