Gateboxで二次元社員めそ子を召喚してみた #Gatebox #めそ子

佐々木大輔

2019.12.26

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

はじめに

皆さん、Gateboxをご存知でしょうか？

Gateboxは「キャラクター召喚装置」を呼称するデバイスで、プロジェクション技術とセンシング技術を組み合わせて、特定のキャラクターを表示し、かつコミュニケーションが取れるデバイスです。雑に言うとキャラクターがセットになったAlexaみたいな感じです。Gatebox自体はLINE株式会社のグループ会社であるため、LINEのAIアシスタントであるClovaと連携することが可能です。

さて、今年10月、そのGateboxが正式発売されたのですが、合わせてクリエイター参加型のサービスであるGatebox Videoが発表されました。これはクリエイターが自分で作成した動画をGateboxで再生できる、というものです。

今回、弊社の二次元社員であるめそ子さんをリアルに召喚するべく、試してみました。

Gateboxで作成するための動画を作る

なお、当方の環境はmacOS Catalina(v10.15.2)です。

Unityのセットアップ

Unityの公式Webサイトのダウンロードページから、Unity Hubをダウンロードします。

　　 Unity Hubを起動し、最新バージョンをインストールします。

UniVRMのセットアップ

UnityはそのままだとVRMファイルが読み込めないため、UniVRMをセットアップします。UniVRMのGithubページから最新バージョンをダウンロードします。執筆時点ではv0.54.0が最新だったのでUniVRM-0.54.0_700b.unitypackageをダウンロードしました。

次に、Unityの画面から[Assets]->[Import Package]->[Custom Package...]を選択し、ダウンロードしたunitypackageファイルをインポートします。

[Import Unity Package]画面が表示されるので[Import]ボタンをクリックします。

すると、ProjectのAssetsの中にVRMが追加されます。

VRMの読み込み

では、実際にVRMファイルをインポートします。初代めそ子：彩木あかりのVRMモデルをダウンロードします。VRMファイルをAssetsの下にドラッグアンドドロップします。

すると、Assets配下にPrefabが作られます。

フィールドの作成とキャラクターの設置

まずはフィールドを作成します。Hierarchyの部分を右クリックして[3D Object]->[Plane]を右クリックします。

するとフィールドが作成されます。ど真ん中にPrefabをドラッグアンドドロップします。

キャラクターを動かす

1からプログラミングするのはしんどいので、Unity Asset Storeで公開されているサンプルを使用します。今回はStandard Assetsをダウンロードし、インポートしました。

HierarchyからVRMモデルをクリックし、Inspectorの[Animator]->[Controller]を右クリックします。

今回はThirdPersonAnimatorControllerを選択します。

これだけだと不自然なので瞬きをさせます。Inspector下部の[Add Component]を右クリックします。

[Script]->[VRM]->[Blinker]を右クリックして追加します。

Gatebox Videoのための調整

Gatebox Videoにアップロードする動画のビットレートは700Kbps～1500Kbpsと制限がありますが、空と床があるとビットレートが越えてしまいます。まず[Hierarchy]->[Plane]を右クリックしてDeleteを選択し、床を削除します。次に[Hierarchy]->[Main Camera]を選択し、Inspectorの[Camera]->[Clear Flags]をSolid Colorに変更し、[Background]を真っ黒にします。

音声を合わせる

Projectの[Assets]配下に音声ファイルをドラッグアンドドロップします。なお今回はAmazon Pollyで音声ファイルを作成しました。

Hierarchyを右クリックし、[Audio]->[Audio Source]を右クリックします。

Inspectorの[Audio Source]-[AudioClip]を右クリックします。

先程追加した音声ファイルを選択します。

動画を録画する

動画の録画のために、Asset StoreからUnity Recorderをインストールします。メニューバーの[Window]->[Package Manager]を開き、AdvanceをにShow Preview Packageに変更して、Unity Recorderが表示されるようにし、インストールします。