Vuforiaで立体をARマーカーにしてスケスケ＆動画再生：Unity＋ARで何ができるのか（2）（4/4 ページ）

[渡邉清峻，博報堂アイ・スタジオ]

動画を再生する「Video Playback」

　「Video Playback」は、その名の通り、マーカーの上で動画を再生できるサンプルです。マーカーの画像と動画の最初の画像を合わせることで、あたかも絵や写真が動き出すような表現もできます。

　Unityで新しいプロジェクトを立ち上げ、「Advanced Topics」でダウンロードした「vuforia-samples-advanced-unity-5-0-5」の「VideoPlayBack-5-0-5.unitypackage」と今回使用するマーカーのDatabaseのパッケージをインポートしてください。

　このサンプルの構成を最初から構築しながら、説明を行っていきます。

　このサンプルはPC上での実行では動作しないため、モバイル端末で実行できる環境を前提としています。その設定の説明は今回省略しますが、実機でのビルド環境を構築した上で、「Build Settings」で各種端末を選択してビルドしてください。

　Android端末でのビルド環境構築は下記記事を参考にしてください。

• Unity - マニュアル: Android SDK セットアップ
• Unityのインストール〜Android実機上で動作させる まで - Qiita

　iOS端末へのビルドは、Xcodeプロジェクトの形でビルドされるので、Xcodeで開き、実行してください。

サンプルシーンから必要なAssetをプレハブ化

図15

　新しいシーンを作成する前に「Hierarchy」にある「SceneManager」をプレハブ化して、新しいシーンを作成してください。こちらは後で使用します。

「Video Playback」を使う準備

　それでは、新しいシーンを作成してください。

図16

　まず、前回同様に「ARCamera」「ImageTarget」、また先ほどプレハブ化した「SceneManager」を「Hierarchy」に追加してください。License KeyやDatabaseのセットも同様に行っておきます。

　次に、「Asset」→「Script」の「PlayVideo」を「ARCamera」に、「Trackable Event handler」を「ImageTarget」にドラッグ＆ドロップしてください。その後、「ImageTarget」の「Default Trackable Event Handler」をRevertしてください。

再生する動画の設定

図17

　次に、再生する動画を設定していきます。「Aseets」→「Vuforia Video PlayBack」→「Prefabs」の「Video」を「ImageTarget」の子オブジェクトとしてドラッグ＆ドロップしてください。「Video」のInspectorではビデオを再生する上での各種パラメーターを設定できます。

• Path：再生する動画のパス（デフォルトのルートパスは「Streaming Assets」）
• Play Texture：再生ボタンのテクスチャ
• Busy Texture：ロード中に表示されるテクスチャ
• Error Texture：再生不可の場合表示されるテクスチャ
• Auto Play：マーカー認識時に自動で再生されるかどうか
• Keyframe Texture：動画が再生される前に表示されている、初期画像のテクスチャ

　再生される動画は基本的に「Streaming Assets」に格納してください。そこからの相対パスでPathには動画のパスを入力してください。今回はサンプルに最初から入っている動画を設定しています。

ImageTargetに動画をひも付けてVideo Playbackの実行

　では実機にビルドして実行してみます。

図18

　ボタンをタップすることで動画が再生されました。

次回は、VRを絡めてAR表現に挑戦

　今回は前回の基本的な部分に加えて、サンプルを基に、Vuforiaの特徴的な2種類のAR表現を実践しました。次回はGoogle Cardboardを用いて、VR（仮想現実）コンテンツも制作していくので、お楽しみに。

筆者紹介

渡邉 清峻

博報堂アイ・スタジオ クリエイティブテクノロジー部 アドバンストテクノロジーチーム