metaio Creator Workshop

Size: px

Start display at page:

Download "metaio Creator Workshop"

ひさともおなか
7 years ago
Views:

1 metaio Creator 活用講座

2 目次 (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 カレンダーイベント度コンテンツ 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

3 目次 (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 パノラマコンテンツほか 7. その他 7.1 metaio 日本語フォーラム 7.2 metaio Helpdesk 7.3 ドキュメント情報 7.4 Q&A 2

4 1. はじめに 3

5 1.1 metaio Creator とは AR コンテンツを簡単な操作で作成できる PC のアプリケーション

6 1.2 入手方法 dev.metaio.com からダウンロードできる metaio developer アカウントの login ダウンロードリンクダウンロード 5

7 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

8 1.4 デモモード metaio Creator は有償のソフトウェアですダウンロードして起動するとデモモードで起動しますデモモードには以下の制限があります一度に登録できるマーカーは2 個まで一度にロードできるコンテンツ(3Dモデル動画など) は2 個まで作ったjunaioチャンネルをPublicにできないライセンスを購入しアクティベートを行うことで制限はなくなります 7

9 2.metaio Creator の背景 8

10 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

11 2.1 metaio developer/junaio アカウント metaio 製品を利用するには開発者アカウント登録 ( 無料 ) が必要ですアカウントは junaio アカウントと共通です 10

12 2.2 junaio について metaio 社製の AR ブラウザアプリですデベロッパー登録をすると自作の AR コンテンツを公開でき,junaio アプリで楽しむことができます対応機種 ios/android junaio サーバー AR コンテンツ -AREL- PHP HTML5 JavaScript この辺を Creator がやってくれる AR コンテンツ作成者 11

13 2.3 metaio Cloud について metaio Cloud は metaio 社が用意したサーバーに junaio コンテンツを置ける有償サービスです ( 原則 1 アカウント当たり 3GB までアカウントは junaio の開発者アカウントと共通 ) 置いたコンテンツは junaio からアクセスして利用できます junaio だけでなく metaio Cloud plugin ベースでのオリジナルアプリケーション (ios/android) からもアクセスして利用できます 12

14 2.4 metaio Cloud plugin について通常の junaio junaio 画面 AR 表示画面コンテンツのダウンロードサーバー junaio アプリを起動チャンネル選択 data プレイ metaio Cloud plugin オリジナルアプリコンテンツデータへアクセス junaio のチャンネル用に作ったコンテンツを自作アプリから呼び出し, Play できます. コンテンツのダウンロードアプリの利用者は junaio を意識することなく AR コンテンツを体験できます. オリジナルアプリを起動 Creator は特定の junaio チャンネルにアクセスできる (ios/android) 向けプロジェクトファイルを作ってくれるプレイ 13

15 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

16 2.6 AREL について Augmented Reality Experience Language junaio 4.0 から導入されたコンテンツ記述 PHP 主に静的なシーン構成を記述する HTML5 追加の GUI コンポーネント部分を記述する JavaScript シーンの動作部分を記述する対象物にかざすようにダイアログを出す (JavaScript, HTML5) マーカーにかざしたときに対象物を表示 (PHP) クリックしたときにアニメーションを実行 (JavaScript) 15

17 3.metaio Creator の機能 16

18 3.1 画面説明ツールバーリソースバーシナリオ編集領域プレビューアップロードトラッキング登録 UI Designer 17

19 3.2 ログインとサーバー設定 PHP5.3 以上 ( 最新推奨 ),FTP が使用可能インターネット上の公開サーバー ( イントラ不可 ) Google の HP サービスはダメレンタルサーバもしくは自作ロリポップお名前.com の共有サーバなど 18

20 3.3 マーカーの登録マーカーの登録 19

21 3.4 (3D モデル / 画像 / 音 ) 20

22 3.5 動画 (In-page/Fullscreen/Youtube) 21

23 3.6 アルファチャンネル動画右半分がマスク情報になっている 3g2 動画ファイル名に alpha を含める ( 例 )hanabi.alpha.3g2 or アルファチャンネル付 FLV テクスチャ動画として実装 22

24 3.7 ボタン 23

25 3.8 hyperlink 24

26 3.9 SwitchChannel 25

27 3.10 SNS(Facebook/google+/twitter) 26

28 3.11 カレンダーイベントスケジュールを登録するとマーカー認識でカレンダーイベントが発動し ios Android デバイスのカレンダーにスケジュールが登録される 27

29 度コンテンツ 28

30 3.13 PC での Preview PC に web カメラをつないで AR のプレビューが行えます 29

31 3.14 junaio チャンネルの作成 30

32 3.15 Google Analytics Google Analytics の ID を入力するとチャンネルのログが取れます 31

33 3.16 arp ファイルの保存 metaio Creator で作った内容の保存 32

34 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

35 3.18 トラッキングファイルの出力登録したトラッキング情報 ( イメージマーカーや 3dmap) はトラッキングファイルに出力できます作ったトラッキングファイルは junaio や metaio SDK にロードして利用できますファイルは zip 形式で保存されます解凍すると xml ファイルが入っています zip のままロードして利用できますが編集されたい場合はこの xml を変更することもできます 34

36 3.19 AREL ファイルの出力 AREL のファイルセットを出力できますサーバーにアップロードされる内容と同じものです出力した AREL ファイルを基により複雑な junaio コンテンツを作っていけます junaio については dev.junaio.com をご参照ください 35

37 4.3D Object Tracking 36

38 4.1 3dmap の登録 (Object Tracking/Environment Tracking) 3D オブジェクトトラッキングの特徴点情報 (3dmap) を登録できます 3dmap は metaio Toolbox という作成用アプリで作成します (iphone, ipad / Android 用 ) 37

39 4.2 Toolbox metaio Toolbox ios/android ID マーカーによる Precise モードは廃止されました直前に Camera calibration を行いましょう 38

40 4.3 Instant Tracking(2D) マーカーが無くてもその場で 2 次元トラッキングを行う 2D Tracking をスクリプトを書くことなしに実装できますプレビュー画面でも動作します 39

41 4.4 Edge (CAD) -based Tracking 新機能光学的に特徴点を計測して作成する 3D トラッキングではなく 3D モデルを入力としてトラッキングファイルを作成しますメリット測定時の光の具合に左右されない一旦認識すると追随性が高いデメリット現在は β リリース認識まで時間がかかる物体によって認識度が変わるようだ認識時に 3D モデルのガイドが表示されます 40

42 5. コンテンツの修正 41

43 5.1 AREL Proparty AREL の JavaScript にオブジェクト指向要素が加わりましたイベント動作等を Creator の中から JavaScript で記述できますイベントの例 (3D モデルの場合 ) タップはじめタップおわりアニメーション始まりアニメーション終了モデル表示モデル非表示 2013 CYBERNET SYSTEMS CO.,LTD. All Rights Reserved. 42

45 6. デモンストレーション 44

46 6.1 Edge (CAD) Based Tracking オクリュージョン設定モデル (OBJ 形式 ) 45

47 6.2 Instant Tracking 2D 46

48 パノラマ 47

49 7. その他 71

50 7.1 metaio 日本語フォーラム 72

51 7.2 metaio Helpdesk 73

52 7.3 ドキュメント情報 74

53 7.4 Q&A 製品購入に関するお問い合わせご注意 metaio Creator は本日時点の仕様に基づいた内容をご紹介しました今後内容や振る舞いが変更される場合があります 75

untitled

untitled junaio junaio web AR HTML FLASH JavaScript web -AREL- PHP HTML5 JavaScript AR http://www.junaio.com/download/ iphone: http://itunes.apple.com/us/app/junaio/id337415615 https://play.google.com/store/apps/details?id=com.metaio.junaio