metaio Creator 活用講座 2013-11-29
目次 (1/2) 1. はじめに 1.1 metaio Creator とは 1.2 入手方法 1.3 動作仕様 1.4 デモモードについて 3.metaio Creator の機能 3.1 画面説明 3.2 ログインとサーバー設定 3.3 マーカーの登録 3.4 (3D モデル / 画像 / 音 ) 3.5 動画 (In-page/Fullscreen/Youtube) 3.6 アルファチャンネル動画 3.7 ボタン 3.8 hyperlink 3.9 SwitchChannel 3.10 SNS(Facebook/google+/twitter) 3.11 カレンダーイベント 3.12 360 度コンテンツ 2.metaio Creator の背景 2.1 metaio Creator の位置 2.2 metaio developer/junaio アカウント 2.2 junaio について 2.3 metaio Cloud について 2.4 metaio Cloud plugin について 2.5 metaio SDK について 2.6 AREL について 3.13 PC での Preview 3.14 junaio チャンネルの作成 3.15Google Analytics 3.16 arp ファイルの保存 3.17 Create an App (Metaio Cloud App/Metaio SDK App/Desktop App) 3.18 トラッキングファイルの出力 3.19 AREL ファイルの出力 1
目次 (2/2) 4.3D Object tracking 4.1 3dmap の登録 (Object Tracking/Environment Tracking) 4.2 (Toolbox) 4.3 Instant Tracking(2D) 4.4 Edge (CAD) -Based 5. コンテンツの修正 5.1 AREL Proparty 5.2 スクリプトの追加 6. デモンストレーション 6.1 Edge (CAD) Based Tracking 6.2 Instant Tracking 2D 6.3 360 パノラマコンテンツほか 7. その他 7.1 metaio 日本語フォーラム 7.2 metaio Helpdesk 7.3 ドキュメント情報 7.4 Q&A 2
1. はじめに 3
1.1 metaio Creator とは AR コンテンツを簡単な操作で作成できる PC のアプリケーション 1.0.1 2.0.1 3.0.2 4
1.2 入手方法 dev.metaio.com からダウンロードできる metaio developer アカウントの login ダウンロードリンク ダウンロード 5
1.3 動作仕様 OS: - Windows Vista / Windows 7 / Windows 8 (32-bit and 64-bit) - Mac OS X 10.7, 10.8 CPU: 1.7GHz 以上の Dual core (Quad core 推奨 ) グラフィックスカード : OpenGL 2.0 以上に対応したもの メモリ : 2 GB(4 GB 推奨 ) 6
1.4 デモモード metaio Creator は有償のソフトウェアです ダウンロードして起動すると デモモードで起動します デモモードには以下の制限があります 一度に登録できるマーカーは2 個まで 一度にロードできるコンテンツ(3Dモデル 動画など) は2 個まで 作ったjunaioチャンネルをPublicにできない ライセンスを購入し アクティベートを行うことで制限はなくなります 7
2.metaio Creator の背景 8
2.1 metaio Creator の位置 metaio Creator は AR コンテンツの基本的な構築を行い metaio の各 AR 製品がサポートする様々なプラットフォーム向けのファイルを生成できます junaio サーバ metaio Cloud サーバ your サーバ Channel 情報 AREL AREL ネット junaio プロジェクト Creator プロジェクト +AREL metaio SDK App metaio Cloud Plugin App Tracking File 実行モジュール +AREL PC App AREL Files 9
2.1 metaio developer/junaio アカウント metaio 製品を利用するには 開発者アカウント登録 ( 無料 ) が必要です アカウントは junaio アカウントと共通です 10
2.2 junaio について metaio 社製の AR ブラウザアプリです デベロッパー登録をすると 自作の AR コンテンツを公開でき,junaio アプリで楽しむことができます 対応機種 ios/android http://www.junaio.com/ junaio サーバー AR コンテンツ -AREL- PHP HTML5 JavaScript この辺を Creator がやってくれる AR コンテンツ作成者 11
2.3 metaio Cloud について metaio Cloud は metaio 社が用意したサーバーに junaio コンテンツを置ける有償サービスです ( 原則 1 アカウント当たり 3GB まで アカウントは junaio の開発者アカウントと共通 ) 置いたコンテンツは junaio からアクセスして利用できます junaio だけでなく metaio Cloud plugin ベースでのオリジナルアプリケーション (ios/android) からもアクセスして利用できます 12
2.4 metaio Cloud plugin について 通常の junaio junaio 画面 AR 表示画面 コンテンツのダウンロード サーバー junaio アプリを起動 チャンネル選択 data プレイ metaio Cloud plugin オリジナルアプリ コンテンツデータへアクセス junaio のチャンネル用に作ったコンテンツを自作アプリから呼び出し, Play できます. コンテンツのダウンロード アプリの利用者は junaio を意識することなく AR コンテンツを体験できます. オリジナルアプリを起動 Creator は特定の junaio チャンネルにアクセスできる (ios/android) 向けプロジェクトファイルを作ってくれる プレイ 13
2.5 metaio SDK について metaio SDK は自由に AR アプリケーションを構築できる 開発キットです 4 つのプラットフォームの上で metaio の AR エンジンを使った AR アプリケーションが作れます Android(java), ios(object-c++), Windows(C++), Unity(plugin) Creator は (ios/android) 向けプロジェクトファイル ( 但し AREL ベース ) を作ってくれる Windows, MacOS で動く実行ファイル ( 但し AREL ベース ) を作ってくれる 14
2.6 AREL について Augmented Reality Experience Language junaio 4.0 から導入されたコンテンツ記述 PHP 主に静的なシーン構成を記述する HTML5 追加の GUI コンポーネント部分を記述する JavaScript シーンの動作部分を記述する 対象物にかざすようにダイアログを出す (JavaScript, HTML5) マーカーにかざしたときに対象物を表示 (PHP) クリックしたときにアニメーションを実行 (JavaScript) 15
3.metaio Creator の機能 16
3.1 画面説明 ツールバー リソースバー シナリオ編集領域 プレビュー アップロード トラッキング登録 UI Designer 17
3.2 ログインとサーバー設定 PHP5.3 以上 ( 最新推奨 ),FTP が使用可能 インターネット上の公開サーバー ( イントラ不可 ) Google の HP サービスはダメ レンタルサーバもしくは自作 ロリポップ お名前.com の共有サーバ など 18
3.3 マーカーの登録 マーカーの登録 19
3.4 (3D モデル / 画像 / 音 ) 20
3.5 動画 (In-page/Fullscreen/Youtube) 21
3.6 アルファチャンネル動画 右半分がマスク情報になっている 3g2 動画ファイル名に alpha を含める ( 例 )hanabi.alpha.3g2 or アルファチャンネル付 FLV テクスチャ動画として実装 22
3.7 ボタン 23
3.8 hyperlink 24
3.9 SwitchChannel 25
3.10 SNS(Facebook/google+/twitter) 26
3.11 カレンダーイベント スケジュールを登録すると マーカー認識でカレンダーイベントが発動し ios Android デバイスのカレンダーにスケジュールが登録される 27
3.12 360 度コンテンツ 28
3.13 PC での Preview PC に web カメラをつないで AR のプレビューが行えます 29
3.14 junaio チャンネルの作成 30
3.15 Google Analytics Google Analytics の ID を入力すると チャンネルのログが取れます 31
3.16 arp ファイルの保存 metaio Creator で作った内容の保存 32
3.17 Create an App 作った内容を反映させた App を出力できます Cloud App : 設定したチャンネルにアクセスする metaio Cloud plugin 用アプリのプロジェクト ( ios : x-code でビルドを行う /Android : Eclipse でビルドを行う ) SDK App : 作成した内容が実装された metaio SDK ネイティブアプリのプロジェクト ( ios : x-code でビルドを行う /Android : Eclipse でビルドを行う ) Desktop App : PC の実行ファイル (Windows : exe / Mac OS : app) 実行には web カメラが必要です 33
3.18 トラッキングファイルの出力 登録したトラッキング情報 ( イメージマーカーや 3dmap) はトラッキングファイルに出力できます 作ったトラッキングファイルは junaio や metaio SDK にロードして利用できます ファイルは zip 形式で保存されます 解凍すると xml ファイルが入っています zip のままロードして利用できますが 編集されたい場合はこの xml を変更することもできます 34
3.19 AREL ファイルの出力 AREL のファイルセットを出力できます サーバーにアップロードされる内容と同じものです 出力した AREL ファイルを基により複雑な junaio コンテンツを作っていけます junaio については dev.junaio.com をご参照ください 35
4.3D Object Tracking 36
4.1 3dmap の登録 (Object Tracking/Environment Tracking) 3D オブジェクトトラッキングの特徴点情報 (3dmap) を登録できます 3dmap は metaio Toolbox という作成用アプリで作成します (iphone, ipad / Android 用 ) 37
4.2 Toolbox metaio Toolbox ios/android ID マーカーによる Precise モードは廃止されました 直前に Camera calibration を行いましょう 38
4.3 Instant Tracking(2D) マーカーが無くても その場で 2 次元トラッキングを行う 2D Tracking をスクリプトを書くことなしに実装できます プレビュー画面でも動作します 39
4.4 Edge (CAD) -based Tracking 新機能 光学的に特徴点を計測して作成する 3D トラッキングではなく 3D モデルを入力として トラッキングファイルを作成します メリット 測定時の光の具合に左右されない 一旦認識すると 追随性が高い デメリット 現在は β リリース 認識まで時間がかかる 物体によって認識度が変わるようだ 認識時に 3D モデルのガイドが表示されます 40
5. コンテンツの修正 41
5.1 AREL Proparty AREL の JavaScript にオブジェクト指向要素が加わりました イベント動作等を Creator の中から JavaScript で記述できます イベントの例 (3D モデルの場合 ) タップはじめ タップおわり アニメーション始まり アニメーション終了 モデル表示 モデル非表示 2013 CYBERNET SYSTEMS CO.,LTD. All Rights Reserved. 42
5.1 スクリプトの追加 例 タップしたらゾンビが叫ぶ! arel.media.startsound( html/resources/scre am.mp3 ); AREL JavaScript のドキュメントは dev.metaio.com にあります http://dev.metaio.com/arel/javascript-reference/ 2013 CYBERNET SYSTEMS CO.,LTD. All Rights Reserved. 43
6. デモンストレーション 44
6.1 Edge (CAD) Based Tracking オクリュージョン設定モデル (OBJ 形式 ) 45
6.2 Instant Tracking 2D 46
6.3 360 パノラマ 47
7. その他 71
7.1 metaio 日本語フォーラム http://metaio.r-cms.biz/bbs_list/ 72
7.2 metaio Helpdesk http://helpdesk.metaio.com/ 73
7.3 ドキュメント情報 http://dev.metaio.com/creator/ 74
7.4 Q&A 製品 購入に関するお問い合わせ cnc-info@cybernet.co.jp ご注意 metaio Creator は本日時点の仕様に基づいた内容をご紹介しました 今後内容や振る舞いが変更される場合があります 75