開発ガイド

ホーム  > 開発ガイド  > 開発・公開の流れ  > Step1. ＡＲコンテンツ制作  > 1.7 トラッキング・シナリオを作って、3Dオブジェクトをトラッカーに配置しましょう

1.7 トラッキング・シナリオを作って、3Dオブジェクトをトラッカーに配置しましょう

目次

1.7.1. - "月"フライヤー用トラッキング・シナリオを作りましょう

※bmpやjpeg画像をもとにシナリオ作成する方法もありますが、本チュートリアルでは、Webカメラを用いたシナリオ作成方法をご説明します。

  1. "Target to print.pdf"を印刷して、トラッキングに使用する画像を用意しましょう。このファイルは、チュートリアル用にダウンロードしたデータの、"Flyer"フォルダに含まれています。
  2. "ツール(Tools)"メニューより"Computer Vision"を選択します。"Computer Vision"タブが開きます。
  3. モード(mode)は、ライト(Lite)、ユーザーレベル(Userlevel)は、アドバンスド(Advanced)へ設定します。
  4. "Scenario Manger"タブに切り替え、"作成(Create)"ボタンをクリックし、トラック用オブジェクトを生成します：
  5. "ターゲット種類(Target Type)"が"平面(Plane)"になっていることを確認します。
  6. "ターゲット(Target)"タブでサイズを18 x 18 (cm)と指定し、"適用(Apply)"ボタンをクリックします：
  7. "キーフレーム(Keyframe)"枠内にフリーズ"(Freeze)"ボタンがあることを確認します。
  8. （下図のように）カメラに画像を映し、赤いワイヤーフレームに合わせ"フリーズ(Freeze)"ボタンをクリックします：
  9. 次にマウスを使い（赤い塗りつぶしで示された）バーチャル3Dオブジェクトの位置を、（ウェブカメラより取得した）リアルイメージに合うように調整します： 拡大・縮小はマウス中央ボタンを押しながらドラッグ（前進：縮小、後進：拡大）、移動は右クリック＋ドラッグ、回転は左クリック＋ドラッグをします。
  10. "作成(Create)"ボタンをクリックします。作成(Create)"ボタンをクリックした際、以下のようにkeyframeの中にファイルができます。
  11. "ジェネレート・クラシファイルズ(Genetate Classifiers)"をクリックします。
  12. プロパティの確認の画面がでるので、OKをクリックします。
  13. そしてSATCH Studio の設定が完了するのを待ちます：
  14. "トラッキング・マネージャー(Tracking Manager)"タブに切り替え、ウェブカメラに画像を写し、正常にトラッキングするか確認します：
  15. ニューバーより"ファイル(File) > 別名保存(Save as)..."を選択し、"trackerフォルダに、シナリオを保存します（上書き）：
  16. "Computer Vision"パネルを閉じます。

1.7.2. - Luaスクリプトをオブジェクトとしてシナリオに追加しましょう

  1. "ソリューション・エクスプローラー(Solution Explorer)"ウィンドウより"tracking.lua"ファイルを選択し、3Dビュー（ビューポート・ウィンドウ）へとドラッグ＆ドロップします。

    "アウトライナー(Outliner)"よりスクリプトを選択します。

1.7.3. - Luaスクリプトをオブジェクトとしてシナリオに追加しましょう

  1. "ソリューション・エクスプローラー(Solution Explorer)"ウィンドウより"tracking.lua"ファイルを選択し、3Dビュー（ビューポート・ウィンドウ）へとドラッグ＆ドロップします。
  2. スクリプトは"アウトライナー(Outliner)"に、"luascript"という名のオブジェクトとして表示されます。
  3. "アウトライナー(Outliner)"よりスクリプトを選択します。
  4. "オブジェクト・エディター(Object Editor)"ウィンドウにて、"オブジェクト名の編集(Edit Object Name)..."ボタンを使い"tracking"に名称変更します：
  5. "Ok"ボタンをクリックし、"初期値として保存する(Set initial values)"ボタンを使い変更を保存します。(CTRL+S)

1.7.4. - トラッキング・データ取得用に空の3Dオブジェクトを追加しましょう(つまり、トラッキング画像の位置や回転角度)

  1. "追加(Add) > 3D要素(3D Elements) > 空の3Dオブジェクト(Empty 3D object)"を選択します。
  2. 名前に、"Tracking_Object"と入力します。
  3. "OK"ボタンをクリックします。
  4. オブジェクトが、"アウトライナー(Outliner)"に正常に表示されることを確認します。
  5. "階層マネージャー(Hierachy Manager)"ウィンドウより、"DemoRobot"オブジェクトを、"Tracking_Object"へドラッグ＆ドロップし2つのオブジェクトをリンク付けします：
  6. ("DemoRobot"が選択された状態の)"オブジェクト・エディター(Object editor)" を開き、"初期値として保存する(Set initial values)"ボタンをクリックし階層関係を保存します。
  7. シナリオを保存します。

1.7.5. - テストを行い"DemoRobot"オブジェクトをトラッキング画像に調整しましょう

  1. "再生(Play)"ボタンをクリックします。
  2. 画像をカメラに写しトラッキングします。
  3. トラッキング画像が検出されると画像の上に、3Dオブジェクト"DemoRobot"がアニメーションしながら下記のように表示されます：

    備考：3Dオブジェクトは非常に小さく、向きが正しくないかと思います。使いやすいように、サイズ・向き・位置の調整を行ってください。
  4. "一時停止(Pause)"ボタンをクリックします。
  5. "オブジェクト・エディター(Object editor)"より、"DemoRobot"オブジェクトを選択し、スケール・位置・向きに下記の値を設定します：
    Scale = 10, 10, 10
    Position = 0, 0, 0
    Orientation = 90, 0, 0
  6. "初期値として保存する(Set initial values)"ボタンを押しましょう。
  7. "再生(Play)"ボタンをクリックし、フライヤーをカメラに映します。
  8. 3Dオブジェクトが正常にフライヤーにくっつくことを確認しましょう。

プロジェクトを保存します。

ページトップへ