実際にARコンテンツを作成する

前回まで，ARの基礎知識とKDDIのARプラットフォーム「SATCH」についてご紹介しました。無料で使える「SATCH」がARを一般化し，スマートフォンにもデフォルトの機能として搭載されることで，活用度の高い多彩なARアプリが登場する。そんなARの明るい未来を開く可能性を秘めた「SATCH⁠」⁠。KDDIと技術評論社によるARアプリケーションコンテスト「第1回察知人間コンテスト」は，さらにその可能性を広げることでしょう。

今回から実践編として，実際にオーサリングツール「Satch Studio」を使用してARコンテンツを作成してみましょう。

Satch Studioを使用してARコンテンツを作成するチュートリアルは，「⁠SATCH Developers」サイトの「開発ガイド」に詳細に記載されています。チュートリアルを進めていくことで，サンプルコンテンツを容易に作成することができます。また，詳細なマニュアルも参照できるので，合わせて活用するといいでしょう。必要なファイルはすべて「SATCH Developers」に揃っています。なお，Satch Studioは現在のところWindows版のみとなっています。本連載ではSATCH とeclipse（統合ソフトウェア開発環境）を使ったAndroidアプリ開発手順を紹介していきます。

Satch Studioの起動，基本設定を行う

まず，最初のステップとして，Satch Studioを起動してポップアップウィンドウから「Create a new project（新規作成⁠）⁠」をクリックします。今回作成するプロジェクト名を「Sample」として保存すると，「⁠ユーザー」フォルダ直下に「Sampleフォルダ」と，その中にSample.dpdとSample.dfsが作成されます。このフォルダに，開発ガイドStep1から取得できる素材（tutorial.zip）の「DemoRobot」フォルダ，「⁠tracker」フォルダ，tracking.luaをコピーします。

これでARアプリを作成する下準備ができました。

Satch Studioの画面構成と設定

続いて，Satch Studioの操作方法について説明します。

Satch Studioは，左側に「Studio」「⁠Lua Editor」「⁠Timeline」の3つのタブがあり，メニューバーの下にはカメラやオブジェクト操作用のボタン，カメラ画像を表示するビューポート・ウィンドウ，右側と下側に各種設定を行うための画面が格納されています。設定画面はウィンドウとして表示することもできますが，「⁠×」ボタンで閉じると消えてしまいます。このようなときには「Application」メニューの「Windows」をポイントし，表示したい項目をクリックすることで再表示されます。「⁠×」ボタンで閉じず，別表示したウィンドウをSatch Studioの該当エリアにドラッグすることで格納できます。また，Satch Studio内で大きく表示しているときは，タブによって他の画面に切り替えることも可能です。

Webカメラの基本設定を行う

まず上部「Add」メニューの「2D Elements」から「Videocapture」を選択し，先ほどコピーした「tracker」フォルダのvideoConfig_webcam_640x480_15fps.xmlをResource fileに指定し，「⁠videocapture_live」という名前でカメラ設定を追加します。Satch Studioでは，マーカーとなる画像の登録やARキャラクターの確認などのために，カメラが必須となります。ただし，USB接続のWebカメラでも問題ありません。作成されたビデオキャプチャーは，「⁠Outliner」ウィンドウに表示されます。さらに「videocapture_live」のプロパティからAndroid，iOS用の設定ファイルを登録します。設定を変更するとオレンジ色の枠が表示されるので，「⁠Set initial values（初期値として保存⁠）⁠」をクリックして保存します。

次に上部「Add」メニューの「2D Elements」から「Videotexture」を選択し，「⁠videotexture_live」という名前でカメラ映像用のテクスチャを追加します。「⁠Object editor」で「videotexture」を選択し，Video textureに先ほど作成した「videocapture_live」を選択することで、このテクスチャにカメラ映像が適用されます。さらに「Object editor」ウィンドウの「viewport」を選択し，「⁠Background Texture」パラメータを「videotexture_live」に変更し，ビデオ・テクスチャーをViewportに適用します。ここで一度シナリオを保存し，ビデオキャプチャーがビューポート・ウィンドウに表示されるかを確認します。シナリオの保存は「File」メニューから「Save」をクリックするか，「⁠Ctrl＋S」のキーボードショートカットで行います。メニューバーの下にある「Play」ボタンをクリックして，Webカメラの画像を表示してみましょう。