目指せ100万円!「第1回察知人間コンテスト」優勝への道~ARアプリ開発キット「SATCH SDK」入門~ 第5回 SATCH SDK実践編(2):ARアプリを作成する Twitterリスト 2012年3月6日 gihyo.jp編集部 AR, コンテスト, SATCH, SATCH SDK, 開発, ARアプリ, クリエイティブ, KDDI, au この記事を読むのに必要な時間:およそ 3 分 1 2 マーカー代わりの画像を登録する 前回は,「SATCH Studio」を使用してチュートリアルを進めていき,リアルカメラとバーチャルカメラを合成,3Dオブジェクトのアニメーションを表示させました。今回はチュートリアルの残りを実施し,書き出したコンテンツを再生するARアプリを完成させます。コンテンツを完成させる過程で,必要な情報を「SATCH Developers」サイトのマイページに登録します。 マーカーの代わりとなる画像を登録します。SATCH Studioでは,BMPやJPEGといった画像から登録することもできますが,チュートリアルではカメラで画像を撮影して登録します。まずはチュートリアル用データの「Flyer」フォルダにある「Target to print.pdf」を印刷しておきます。「Tools」メニューから「Computer Vision」を選択してタブを開き,「mode」に「Lite」,「Userlevel」に「Advanced」を設定します。続いて「Scenario Manger」タブに切り替えて「Create」ボタンをクリックし,トラック用オブジェクトを生成します。このとき,「Target Type」が「Plane(平面)」に設定されていることを確認します。 あらかじめチュートリアル用データの「Flyer」フォルダにある「Target to print.pdf」を印刷しておく Scenario Mangerタブの「Target」で「Plane Size」をそれぞれ「18」に設定し,印刷した月面の画像をカメラで写して「Keyframe」枠内の赤いワイヤーフレームに合わせて「Freeze」ボタンをクリックします。画面が固定されるので,マウスを操作して画像を四角い枠に収めます。この際の操作には3ボタンマウスが必要となります。マウスの中央ボタンを押しながら前後にドラッグすることで枠の拡大・縮小,右ボタンのクリック+ドラッグで枠の移動,左ボタンのクリック+ドラッグで枠の回転という操作になります。 枠を画像に合わせたら,「Create」ボタンをクリックすることでKeyframe内にファイルが生成されます。さらに「Genetate Classifiers」をクリックしプロパティ画面で「OK」をクリックすることで,トラック用オブジェクトが生成されます。「Tracking Manager」タブに切り替えてWebカメラに画像を写し,正常にトラッキングするかを確認したら,シナリオを上書き保存します。 印刷した月面の画像を写し,トラッキングエリアをマウスで調節する 続いて,Solution Explorerウィンドウから「tracking.lua」ファイルを選択し,ビューポート・ウィンドウへドラッグ&ドロップします。するとOutlinerに「luascript」というオブジェクトが生成されるので,Object editorウィンドウで名称を「tracking」に変更します。さらに,トラッキング・データ取得用に空の3Dオブジェクトを追加します。具体的には,「Add」メニューから「3D Elements」をポイントし「Empty 3D object」を選択します。名前を「Tracking_Object」に設定し,Outliner上で表示を確認したら,「Hierachy Manager」ウィンドウで「DemoRobot」オブジェクトを「Tracking_Object」へドラッグ&ドロップし,2つのオブジェクトをリンク付けして,Object Editorで保存します。 再生ボタンをクリックして,印刷したトラッキング画像を写すと,その上に3Dオブジェクトが表示されるようになります。ただし,この状態ではサイズや向きが合わないので,Object editorでDemoRobotの「Scale」「Position」「Orientation」の数値を,それぞれ「10.10.10」「0.0.0」「90.0.0」に変更します。初期値として保存したら,再度再生ボタンをクリックして画像を写してみましょう。3Dオブジェクトが適切に表示されるはずです。 トラッキング画像に対して,適切なサイズ,位置,向きで3Dオブジェクトが表示される 1 2 AR, コンテスト, SATCH, SATCH SDK, 開発, ARアプリ, クリエイティブ, KDDI, au バックナンバー 目指せ100万円!「第1回察知人間コンテスト」優勝への道~ARアプリ開発キット「SATCH SDK」入門~ 第10回 ついにグランプリ決定!第1回察知人間コンテスト結果発表 第9回 第1次,第2次審査終了!いよいよ5月25日にグランプリが決定!――「第1回察知人間コンテスト」 第8回 いよいよ締切間近!審査員が語る「こんなAR見てみたい!」 第7回 「SATCH SDK」応用編(2):サンプルを使いこなす 第6回 「SATCH SDK」応用編(1):サンプルプログラムを活用する 第5回 SATCH SDK実践編(2):ARアプリを作成する 第4回 SATCH SDK実践編(1):ARコンテンツを作成する 第3回 SATCH SDK活用講座:基礎編 第2回 シーン別ARアプリ――アイデアの秘孔を突く 第1回 2012AR最前線――察知人間コンテスト応募の第一歩 関連記事 2021年7月第3週号 1位は,ユーザー体験の原則を5つ紹介,気になるネタは,東京駅などの屋内を「Googleマップ」がナビする新機能--JR東日本の17駅から順次提供へ 「第2回察知人間コンテスト 最終決定戦&表彰式」速報 第2回察知人間コンテスト,締切迫る――2012年12月10日まで!優勝賞金100万円! 賞金100万円,技術評論社/KDDI主催のARアプリコンテスト「第2回 察知人間コンテスト」募集開始 技術評論社/KDDI主催「第1回 察知人間コンテスト」5月25日に決勝戦/受賞式開催