insideAR Tokyo 2013: Metaio Creator Workshop

53
metaio Creatorワークショップ サイバネットシステム株式会社:岩崎 2013年7月23日 富士ソフトビル18F Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Transcript of insideAR Tokyo 2013: Metaio Creator Workshop

Page 1: insideAR Tokyo 2013: Metaio Creator Workshop

metaio Creatorワークショップサイバネットシステム株式会社:岩崎 勤

2013年7月23日 富士ソフトビル18F

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 2: insideAR Tokyo 2013: Metaio Creator Workshop

1

目次(1/2)

2.metaio Creatorの背景2.1 metaio developer/junaio アカウント2.2 junaioについて2.3 metaio Cloudについて2.4 metaio Cloud pluginについて2.5 metaio SDKについて2.6 ARELについて

3.metaio Creatorの機能3.1 通常モードとPublisherモード3.2 画面説明3.3 ログインとサーバー設定3.4 マーカーの登録

1.はじめに1.1 metaio Creatorとは1.2 入手方法1.3 動作仕様1.4 デモモードについて

3.5 (3Dモデル/画像/音) 3.6 動画(In-page/Fullscreen/Youtube) 3.7 アルファチャンネル動画3.8 ボタン3.9 hyperlink 3.10 SwitchChannel 3.11 SNS(Facebook/google+/twitter)3.12 カレンダーイベント

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ファイルの出⼒

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 3: insideAR Tokyo 2013: Metaio Creator Workshop

2

目次(2/2)

8.その他8.1 metaio日本語フォーラム8.2 metaio Helpdesk8.3 ドキュメント情報8.4 問い合わせ8.5 Q&A

7.ライセンスアクティベーション

6.購入情報6.1 ライセンスについて6.2 価格6.3 買い方

5.ARのノウハウ5.1 イメージマーカーの良い悪い5.2 metaio Cloud Appのリジェクト問題(iOS)

4.3D Object tracking4.1 3dmapの登録(Object Tracking/Environment Tracking)4.2 (Toolbox/Creator Mobile)

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 4: insideAR Tokyo 2013: Metaio Creator Workshop

3

1.はじめに

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 5: insideAR Tokyo 2013: Metaio Creator Workshop

4

1.1 metaio Creatorとは

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

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 6: insideAR Tokyo 2013: Metaio Creator Workshop

5

1.2 入手方法

dev.metaio.comからダウンロードできる。

ダウンロードリンク metaio developerアカウントのlogin

ダウンロード

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 7: insideAR Tokyo 2013: Metaio Creator Workshop

6

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推奨)

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 8: insideAR Tokyo 2013: Metaio Creator Workshop

7

1.4 デモモード

metaio Creatorは有償のソフトウェアです。ダウンロードして起動すると、デモモードで起動します。

デモモードには以下の制限があります。・⼀度に登録できるマーカーは2個まで・⼀度にロードできるコンテンツ(3Dモデル、動画など)は2個まで・作ったjunaioチャンネルをPublicにできない

ライセンスを購入し、アクティベートを⾏うことで制限はなくなります。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 9: insideAR Tokyo 2013: Metaio Creator Workshop

8

2.metaio Creatorの背景

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 10: insideAR Tokyo 2013: Metaio Creator Workshop

9

2.1 metaio developer/junaioアカウント

metaio製品を利⽤するには、開発者アカウント登録(無料)が必要です。アカウントはjunaioアカウントと共通です。

ユーザーネーム/メールアドレスにはアンダーバー(_)を使わないようにご注意ください。

アカウント登録 login

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 11: insideAR Tokyo 2013: Metaio Creator Workshop

10

2.2 junaioについて

metaio社製のARブラウザアプリです。デベロッパー登録をすると、自作のARコンテンツを公開でき,junaioアプリで楽しむことができます。※対応機種 iOS/Android

http://www.junaio.com/

-AREL-PHP

HTML5JavaScript

ARコンテンツ

サーバー

ARコンテンツ作成者

junaio

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 12: insideAR Tokyo 2013: Metaio Creator Workshop

11

2.3 metaio Cloudについて

• metaio Cloudはmetaio社が⽤意したサーバーにjunaioコンテンツを置ける有償サービスです。(原則1アカウント当たり3GBまで、アカウントはjunaioの開発者アカウントと共通)

• 置いたコンテンツはjunaioからアクセスして利⽤できます。• metaio Creatorからのみ利⽤できます。

(実現できるコンテンツはmetaio Creatorで実装できる内容になります)• junaioだけでなく、metaio Cloud pluginベースでのオリジナルアプリケーション

(iOS/Android)からもアクセスして利⽤できます。(実装内容はmetaio Creatorで実装できる内容になります)

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 13: insideAR Tokyo 2013: Metaio Creator Workshop

12

2.4 metaio Cloud pluginについて

オリジナルアプリを起動

コンテンツデータへアクセス

コンテンツのダウンロード

サーバー

プレイ

【AR表示画面】

data

【junaio画面】

junaioアプリを起動 チャンネル選択

通常のjunaio

metaio Cloud plugin

プレイ

コンテンツのダウンロード

オリジナルアプリ

•junaioのチャンネル⽤に作ったコンテンツを自作アプリから呼び出し,Playできます.

•アプリの利⽤者はjunaioを意識することなくARコンテンツを体験できます.

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 14: insideAR Tokyo 2013: Metaio Creator Workshop

13

2.5 metaio SDKについて

metaio SDKは自由にARアプリケーションを構築できる、開発キットです。4つのプラットフォームの上でmetaioのARエンジンを使ったARアプリケーションが作れます。

Android(java), iOS(Object-C++), Windows(C++), Unity(plugin)

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 15: insideAR Tokyo 2013: Metaio Creator Workshop

14

2.6 ARELについて

Augmented Reality Experience Languagejunaio 4.0から導入されたコンテンツ記述

• PHP– 主に静的なシーン構成を記述する

• HTML5– 追加のGUIコンポーネント部分を記述する

• JavaScript– シーンの動作部分を記述する

• クリックしたときにアニメーションを実⾏(JavaScript)

• マーカーにかざしたときに対象物を表示(PHP)

• 対象物にかざすようにダイアログを出す(JavaScript, HTML5)

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 16: insideAR Tokyo 2013: Metaio Creator Workshop

15

3.metaio Creatorの機能

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 17: insideAR Tokyo 2013: Metaio Creator Workshop

16

3.1 通常モードとPublisherモード

• 通常モード– ARシーンの記述

• Publisherモード– 雑誌専⽤のコンテンツ作成モード(バックナンバー管理などの機能が付加される)

通常モード Publisherモード

モード切り替えには再起動が必要

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 18: insideAR Tokyo 2013: Metaio Creator Workshop

17

3.2 画面説明

シナリオ編集領域

ツールバー

リソースバー

UI Designer

トラッキング登録

プレビュー

アップロード

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 19: insideAR Tokyo 2013: Metaio Creator Workshop

18

3.3 ログインとサーバー設定

PHP5.3以上(最新推奨),FTPが使⽤可能インターネット上の公開サーバー(イントラ不可)

– GoogleのHPサービスはダメ– レンタルサーバもしくは自作

ロリポップ、お名前.comの共有サーバ、など

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 20: insideAR Tokyo 2013: Metaio Creator Workshop

19

3.4 マーカーの登録

マーカーの登録

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 21: insideAR Tokyo 2013: Metaio Creator Workshop

20

3.5 (3Dモデル/画像/音)Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 22: insideAR Tokyo 2013: Metaio Creator Workshop

21

3.6 動画(In-page/Fullscreen/Youtube)Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 23: insideAR Tokyo 2013: Metaio Creator Workshop

22

3.7 アルファチャンネル動画

右半分がマスク情報になっている3g2動画ファイル名に”alpha”を含める(例)hanabi.alpha.3g2

テクスチャ動画として実装

アルファチャンネル付FLVor

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 24: insideAR Tokyo 2013: Metaio Creator Workshop

23

3.8 ボタンCopyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 25: insideAR Tokyo 2013: Metaio Creator Workshop

24

3.9 hyperlinkCopyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 26: insideAR Tokyo 2013: Metaio Creator Workshop

25

3.10 SwitchChannelCopyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 27: insideAR Tokyo 2013: Metaio Creator Workshop

26

3.11 SNS(Facebook/google+/twitter)Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 28: insideAR Tokyo 2013: Metaio Creator Workshop

27

3.12 カレンダーイベント

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

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 29: insideAR Tokyo 2013: Metaio Creator Workshop

28

3.13 PCでのPreview

PCにwebカメラをつないで、ARのプレビューが⾏えます。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 30: insideAR Tokyo 2013: Metaio Creator Workshop

29

3.14 junaioチャンネルの作成Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 31: insideAR Tokyo 2013: Metaio Creator Workshop

30

3.15 Google Analytics

Google AnalyticsのIDを入⼒すると、チャンネルのログが取れます。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 32: insideAR Tokyo 2013: Metaio Creator Workshop

31

3.16 arpファイルの保存

metaio Creatorで作った内容の保存

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 33: insideAR Tokyo 2013: Metaio Creator Workshop

32

3.17 Create an App

作った内容を反映させたAppを出⼒できます。

・Metaio Cloud App : 設定したチャンネルにアクセスするmetaio Cloud plugin⽤アプリのプロジェクト(※iOS : x-codeでビルドを⾏う/Android : Eclipseでビルドを⾏う)

・Metaio SDK App : 作成した内容が実装されたmetaio SDKネイティブアプリのプロジェクト(※iOS : x-codeでビルドを⾏う/Android : Eclipseでビルドを⾏う)

・Desktop App : PCの実⾏ファイル(Windows : exe / Mac OS : app)※実⾏にはwebカメラが必要です。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 34: insideAR Tokyo 2013: Metaio Creator Workshop

33

3.18 トラッキングファイルの出⼒

登録したトラッキング情報(イメージマーカーや3dmap)はトラッキングファイルに出⼒できます。作ったトラッキングファイルはjunaioやmetaio SDKにロードして利⽤できます。

ファイルはzip形式で保存されます。解凍するとxmlファイルが入っています。zipのままロードして利⽤できますが、編集されたい場合はこのxmlを変更することもできます。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 35: insideAR Tokyo 2013: Metaio Creator Workshop

34

3.19 ARELファイルの出⼒

ARELのファイルセットを出⼒できます。サーバーにアップロードされる内容と同じものです。

出⼒したARELファイルを基により複雑なjunaioコンテンツを作っていけます。junaioについては、dev.junaio.comをご参照ください。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 36: insideAR Tokyo 2013: Metaio Creator Workshop

35

4.3D Object Tracking

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 37: insideAR Tokyo 2013: Metaio Creator Workshop

36

4.1 3dmapの登録(Object Tracking/Environment Tracking)

3Dオブジェクトトラッキングの特徴点情報(3dmap)を登録できます。

3dmapは作成⽤フリーアプリがあります。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 38: insideAR Tokyo 2013: Metaio Creator Workshop

37

4.2 (Toolbox/Creator Mobile)

矩形マーカーを⽤いてmapを作成できるID80番台の矩形マーカーが必要

iOSAndroid

metaio Creator Mobile

iOS

metaio Toolbox

SLAMを⽤いてmap作成ができるCreator Mobileと同じ方法も可能

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 39: insideAR Tokyo 2013: Metaio Creator Workshop

38

5.ARのノウハウ5.ARのノウハウ

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 40: insideAR Tokyo 2013: Metaio Creator Workshop

39

5.1 イメージマーカーの良い悪いCopyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 41: insideAR Tokyo 2013: Metaio Creator Workshop

40

5.2 metaio Cloud Appのリジェクト問題(iOS)

Apple社におけるARアプリの審査が厳しくなり、リジェクトが多発しています。

アプリが起動すると、カメラモードになるだけの内容はダメになるようです。(どのようなマーカーに反応するかなど、アプリの動作に関する説明がない)

特にmetaio Cloud Appはアプリ起動後、junaioチャンネルへリンクするので、アプリの内容が不明瞭であるように取られるようです。

対応策例:・アプリの中に説明⽤helpをつける。・マーカー入手までの手順を説明する。・審査⽤にマーカーのpdfを⽤意して送る。・ARをやっているシーンを動画に撮って送る。

Metaio社案:・インスタントトラッカーをデモにつける。・POI(ロケーションベース)のARをデモにくっつける。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 42: insideAR Tokyo 2013: Metaio Creator Workshop

41

6.購入情報

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 43: insideAR Tokyo 2013: Metaio Creator Workshop

42

6.1 ライセンスについて

metaio CreatorのライセンスはPC⼀台あたりに固定して登録されます。また、ライセンスの所有者は、metaio/junaioアカウントに関連付けられます。

購入するとアクティベーションキー(⽂字コード)がもらえますので、それを入⼒します。

ライセンスを登録したPCであれば、そのPCで動作するCreatorにおいて、ライセンス所有者以外のアカウントでログインしなおしても、フル機能で利⽤できます。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 44: insideAR Tokyo 2013: Metaio Creator Workshop

43

6.2 価格

価格:¥68,250(税込)

※2013年7月現在の価格です。※価格は為替などの動きで変更される可能性があります。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 45: insideAR Tokyo 2013: Metaio Creator Workshop

44

6.3 買い方

http://www.cybernet.co.jp/ar-vr/products/metaio/creator/

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 46: insideAR Tokyo 2013: Metaio Creator Workshop

45

7.ライセンスアクティベーション

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 47: insideAR Tokyo 2013: Metaio Creator Workshop

46

ライセンスアクティベーション

アクティベーションを⾏うには、PCをインターネットに接続する必要があります。※セキュリティが効いていると、正常にアクティベートできない場合がありますので、

ご注意ください。またライセンスを追加したいmetaio/junaioアカウントでloginする必要があります。

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 48: insideAR Tokyo 2013: Metaio Creator Workshop

47

8.その他

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 49: insideAR Tokyo 2013: Metaio Creator Workshop

48

8.1 metaio日本語フォーラム

http://metaio.r-cms.biz/bbs_list/

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 50: insideAR Tokyo 2013: Metaio Creator Workshop

49

8.2 metaio Helpdesk

http://helpdesk.metaio.com/

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 51: insideAR Tokyo 2013: Metaio Creator Workshop

50

8.3 ドキュメント情報

http://dev.metaio.com/creator/

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 52: insideAR Tokyo 2013: Metaio Creator Workshop

51

8.4 問い合わせ

製品・購入に関するお問い合わせ[email protected]

技術的お問い合わせ[email protected]

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.

Page 53: insideAR Tokyo 2013: Metaio Creator Workshop

52

8.5 Q&A

製品・購入に関するお問い合わせ[email protected]

技術的お問い合わせ[email protected]

ご注意metaio Creatorは本日時点の仕様に基づいた内容をご紹介しました。

今後内容や振る舞いが変更される場合があります。

ご清聴ありがとうございました

Copyright © 2013 CYBERNET SYSTEMS CO.,LTD. All rights reserved.