トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

SnapCameraのエフェクトを作った

顔が絶対見えないエフェクト作りたい。

ないのかなー

私のお気に入りはこれ

f:id:bibinbaleo:20200503233656p:plain

作る

説明もほとんど見ず雰囲気でやってます。

LensStudio

LensStaduioというソフトで作るそうです。

note.com

lensstudio.snapchat.com

めっちゃサイズ大きい

f:id:bibinbaleo:20200503215722p:plain

(Facebookが出しているInstagramとかで使えるSpark AR Studioとは別なんだね)

bibinbaleo.hatenablog.com

チュートリアル

チュートリアルが始まります。

f:id:bibinbaleo:20200503220928p:plain

顔の形を変えるのも簡単!

f:id:bibinbaleo:20200503220924p:plain

右側でサンプル人間のプレビューが見れるし、自分のwebcamでも試せる

f:id:bibinbaleo:20200503223133p:plain

左上からPublish

f:id:bibinbaleo:20200503220920p:plain

パブリッシュするにはSnapChatにログインする必要あり

f:id:bibinbaleo:20200503220918p:plain

SnapCameraってやっぱりSnapChatと同じ会社の商品なんだ。レンズは共通なのか

www.snap.com

テンプレートを選ぶ

11個テンプレートがありました。顔フィルター以外にもいろいろARできるんだねー

f:id:bibinbaleo:20200503220914p:plain

今回はChainPhysicsを選びました。顔に3Dモデルとか表示するならこれでいいかな?

あとで見つけたけど、ドキュメントあった。

3D Objects - Lens Studio by Snap Inc.

 

開くとこんな感じ。お花〜

f:id:bibinbaleo:20200503220909p:plain

3Dモデルインポート

入れたい3Dモデルを左下のResourcesにドラッグするか、左上の枠で右クリックしてImportObjectでobjが入った。

f:id:bibinbaleo:20200503222052p:plain

左下に入れた場合、どのフォルダを開いていても常にトップに配置されるみたい

f:id:bibinbaleo:20200503222055p:plain

入った

f:id:bibinbaleo:20200503223028p:plain

 

マテリアルにテクスチャつける

objにマテリアルが吐いてないので、手動でテクスチャを設定した。

テクスチャ画像インポート。

AddNewで適当なマテリアルを作る

f:id:bibinbaleo:20200503222445p:plain

マテリアルのインスペクタのTextureにテクスチャ画像をドラッグ。

f:id:bibinbaleo:20200503222756p:plain

そのマテリアルをシーンのモデルにドラッグしたら着いた!

f:id:bibinbaleo:20200503233311p:plain



位置調整

画面上のピボット切り替えでモデルを移動できる

f:id:bibinbaleo:20200503223402p:plain

プレビュー

鼻が高い人は鼻がはみ出してしまう!まあ私以外使わないだろうからいいや。

f:id:bibinbaleo:20200503223033p:plainf:id:bibinbaleo:20200503223036p:plain

元々着いてたお花はかわいいのでそのままにしておく。

設定

左上のProject Infoで設定ができる!

f:id:bibinbaleo:20200503223742p:plain

f:id:bibinbaleo:20200503223747p:plain

Publish

パブリッシュしました!

最初InReviewとなってて審査とかあるのかよ〜〜と思ったけど

f:id:bibinbaleo:20200503224115p:plain

数分後にはLiveになってました!どういう審査があったんだ

f:id:bibinbaleo:20200503224348p:plain

リンク

Shareボタンからリンク取得

f:id:bibinbaleo:20200503224630p:plain

https://www.snapchat.com/unlock/?type=SNAPCODE&uuid=4286346c28e94a9e942f10bf20216c4e&metadata=01

これをSnapCameraソフト内の検索欄で打つと出る!

f:id:bibinbaleo:20200503224359p:plain

(あれ?背景が設定した女の人じゃない・・・)

使えたー!!!

f:id:bibinbaleo:20200503232344p:plain

tomasheepって検索しても今は出ない。いつか出るのかはわからない。

 

ちなみにリンクを普通のブラウザに打つとかわいいお化けが怒ってきます

f:id:bibinbaleo:20200503224402p:plain

怒ってるかと思ったけど戸惑ってる顔なんだ。

LensPreview

LensPreviewがSnapCameraでの背景だと思うんだけど、ProjectInfoで設定した画像が表示されないのはなんでだろう?

In Reviewになってる

f:id:bibinbaleo:20200503232703p:plain

Editから自分で画像をアップロードすることもできる。

f:id:bibinbaleo:20200503233030p:plain

YourPreview is in reviewって書いてるね

待ってたら設定されるのかな?

 

SnapChat

SnapChatアプリで頑張って下のコードを読み込んだ。(ディスカバリ>検索バー右のフレンド追加>検索バー右のSnapコードスキャンから)

f:id:bibinbaleo:20200503225359p:plain

よくわからない「geoFilterのロックを48時間解除」というのを押して、もう一回読み込んで追加したら

f:id:bibinbaleo:20200503231350p:plain

レンズ一覧に出てた。

f:id:bibinbaleo:20200503232340p:plain

最後に

一瞬でできた

 トラッキングロストしたときに画面が真っ赤になるとかできないのかな

Skeltalというのを使ったらVtuberっぽいことできそう

lensstudio.snapchat.com