インタラクティブな球体になりたい

2020年10月30日 12時00分更新

文● きゅんくん　編集● ASCII

　前回、Snap Cameraのフィルター制作ソフト「Lens Studio」を使い、ニッパーキャット（ニッパーで耳とひげができた猫）になれるARフィルターと、肩にウェアラブルロボット「METCALF」（筆者の作っているファッションとして着用するロボット）が装着できるARフィルターを作った。

　しかし、インタラクティブな（ユーザーの動きで何か変化するような）フィルターが作れなかったという課題が残った。

　同じタイミングで友人から、有名なポテトのフィルターのように、まったく人間の姿でないキャラクターになれるフィルターを作ってほしい、作り方を教えてほしいという要望をもらった（ポテトについてはSnap Cameraフィルター検索窓に「potato」と入力）。

　そこで今回は「人間の姿ではないキャラクターになれるフィルター」を作ってみることにした。

　人間の顔に写真などの画像を載せるフィルターよりも、人間の姿でないフィルターの方がバーチャル感が高くなりそうだ。まったく自分と違うキャラクターになれるのを考えると楽しみだ。

　しかし、ただ人間の姿ではないキャラクターになるだけではインタラクティブさがない。たとえば表情を変化させるとウェアラブルロボットが動く、などのフィルターが作りたいところだ。

　そこで、人間の姿でないキャラクターになれるフィルターを作った後、表情を変えると顔のベースが大きくなるというインタラクティブなフィルターを作ることにした。インタラクティブなフィルターを作る過程では、JavaScriptを（コピペレベルで）使用している。

口を開けると顔がでっかくなるSnap Cameraフィルターを公開しました。Scap Cameraの検索窓にURL突っ込むと見つかります。https://t.co/CbBtpKANyE pic.twitter.com/NMYWs6nAtF
— きゅんくん (@kyun_kun) October 15, 2020

●黄色い丸になる

　まずは人間の姿をしていないキャラクターになれるフィルターを作る。作り方はこちらのQ&Aを参考に工夫した。

　「Object」ウィンドウの「Add New Object」から、「Legacy face Sprite」を選択する。

「Legacy face Sprite」を選ぶ

　この機能を使うと、顔をトラッキングして画像を貼れる。

「Legacy face Sprite」のデフォルト画面

　画面中央あたりにある「Legacy Sprite」の「Texture」を好きな画像にすると、ポテトフィルターでいう「ポテト部分」を作ることができる。

　今回は顔文字のようなフィルターにしようと思う。

　顔文字の顔ベース（黄色い丸）を検索してみたところ、グーグルの絵文字の顔ベースがあった。

　「APACHE LICENSE, VERSION 2.0」というライセンスで、使ってもいいようだ。

　というわけで、以下ライセンスに関する文を掲載する。

Copyright [2020] [Natsuki Matsunaga]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

　「Texture」を開いて「+」を選択すると、「From Files」から画像を読み込める。