IG 濾鏡不求人，用 Spark AR 做自己的遊戲

由 Facebook 推出的 AR 設計軟體，各式濾鏡玩出新高點

Spark AR 是 Facebook 於 2017 年推出的 AR 設計軟體，在 FB 與 IG 限時動態的濾鏡都是透過 Spark AR 完成設計、送審、最後 publish，近期因公司有新產品準備上線，survey 玩玩看能不能做出幾款濾鏡，提高日後產品社群行銷熱度，以下提供我學習的方式：

一開始先在 Sprak AR 官網找教學，但…全英文又有很多專有名詞，短時間內很難專注全部看完，想說不然直接上 Youtube 找手把手教學好了，邊看邊做學的比較快，找到 Maru Studio 這個頻道，前後看了四部影片，做出了以下兩款濾鏡：

左邊是基礎版，偵測臉部讓 2D 物件隨著臉部移動，右邊遊戲是透過 Maru Studio 的 Blinking Game 眨眼影片，一步步跟著做，比較理解 Spark AR 使用邏輯後，將遊戲改為張嘴遊戲，並加上其他想要的遊戲條件

接下來先簡介一下 Spark AR 的操作介面，再來聊聊製作濾鏡的細節

Spark AR Introduction : Scene / Assets

一打開 Spark AR 會出現以下介面，主要編輯區在左側，分別是 Scene 與 Assets，Scene 主要用來放置功能，Assets 則是放置元件，中間區域主要是 Preview 預覽用

剛開始操作時會覺得介面有點複雜，但只要搞清楚它們的 hierarchy ，就能抓到使用邏輯了，通常會依照以下 pattern：

1. Scene 加入功能，右側會出現 Inspector 編輯欄
2. 在 Inspector 裡面找到 Material 並按新增
3. Assets 內找到該 Material 並置入圖檔（支援 jpg./png.），圖檔會變為 Textures，同樣顯示在 Assets 內

是不是被一堆英文名詞搞到頭昏…但多用幾次就會熟悉了，以上面舉例的基礎款濾鏡，使用以下幾步就完成了：

• 在 Scene 加入 Face Tracker，可以偵測臉部讓物件跟著移動
• 加入 Face Mesh，呈現臉部流汗效果
• 加入 Plane 置入 Logo 與 事先已製作好的 gif. 檔

Tips：gif. 檔是以 Animation Sequence 的方式新增，與 Material / Texture 歸類在 Assets 裡面

詳細如何製作可參考這支影片，雖然要呈現的效果不一樣，但看一半就可以學會如何做出基本款的濾鏡

Patch Editor : 製作複雜功能的編輯功能

Spark AR 在 2019 年新增了 Patch Editor ，提供創作更複雜的濾鏡，常看到的眨眼遊戲就是透過 Patch Editor 做出來的，原理有點像小時候用 Scratch 寫遊戲的方法（好可怕的往事，不敢回首…）

Source : Wikimedia

Patch Editor : View > Show/Hide Patch Editor

Patch Editor 提供多種效果與邏輯，簡單使用只需要連幾條線，但如果是做複雜度較高的遊戲，就會像下面這樣恐怖…

Game 版的超巨 Patch Editor

由於遊戲難度較高，就請透過前文提到 Blinking Game 的影片邊看邊做，覺得他教的不錯。想完成一功能，Patch Editor 的寫法不只一種，影片教學內容可能是其一，融會貫通後就會有自己習慣的寫法，所以手把手操作之餘，還是要理解一下每個元件的置入邏輯，有助於之後想為遊戲添加額外功能時不會卡關（雖然我往往卡超久才寫出下一個功能…）

添加音效轉換為 m4a，轉為 mono 與 aac

置入音效可以為遊戲增加趣味，可到 Freesound 尋找適合的音檔，下載後要記得轉為 Spark AR 支援的 m4a 格式，轉檔可搜尋 Convert to m4a，我都使用這個網站（一樣有教學在 Blinking Game 影片內）

轉音檔要設定為 mono 與 aac

要比較注意的地方是，記得將音檔設為 mono 單聲道與 aac，之前在濾鏡社團看到有其他創作者使用預設 alac，在 Android 是播不出聲音的

在手機上預覽濾鏡，直接連接電腦或 Send to FB/IG

Spark AR 有推出預覽 App（App Store 搜尋 Spark AR 就可找到），可用傳輸線連結電腦，就能投到手機上（不過我連結的情況是有偵測到手機，但無法點擊 Send）

如果跟我一樣這個方法行不通的話，可以用 Send to App 的方式，前提是你要先登入 Facebook 帳號，登入後如下圖會出現 ”Send” 按鈕，點擊後 loading 一下手機就會跳通知讓你 preview

製作完送審，連結你的 FB / IG 帳號（粉專也可用）

製作完濾鏡後，上傳的方式也很簡單，點擊左下角的 Upload 按鈕，會先檢查你的檔案是否符合雙平台的上架尺寸限制，都打勾的話就可以按 Upload 上傳

此時會打開 Spark AR Hub 的網站，特效擁有者的欄位選擇你要發到個人帳號或粉絲專頁，特效目的地可選擇要上架到 FB 或 IG（目前只能擇一，無法雙平台同時上架）如果想上架至粉專的 IG，記得要先到 IG 設定與 Facebook 帳號連動

學習資源

本來以為濾鏡沒什麼人在做，後來加入 FB 社群濾鏡交流社團，發現已經超多人在玩這個東西，因為還在初期摸索階段，很常看到社團內有很多提問就可以記下來，日後製作的時候也有依據可循～

剛開始玩的時候真的會停不下來，覺得太新奇啦！但每個人學習方式不一樣，我透過 Youtube 頻道 在一個禮拜內完成以上兩款濾鏡，不過影片內的方式也不一定完全適用想製作的效果，偶爾還是需要透過官方 Tutorial 獲得解決辦法

以上就是我摸索出的結論啦～希望有機會持續玩玩新東西，保持職場新鮮度 haha