カテゴリー別アーカイブ: metaio

metaio creator3を使って360°パノラマAR

標準

360°パノラマを作成する方法

1)トラッカブル画像を適当に選択

2)載せるコンテンツとして360°パノラマ選択

3)自動的に、それをストップするインターフェースが作成される

4)再びトラッカブル画像をクリックすると、その上に、球が浮いている

5)その球を右クリックして、プロパティを出す

6)球タイプか、立方体タイプか、パノラマ画像の読み込み、終了ボタンをつけておくかどうかなどが設定できる

http://www.youtube.com/watch?v=RFu_wMisWZ0

の25分あたりが参考になる。

 

<立方体用の画像を作成する方法>

チュートリアル元記事
http://dev.metaio.com/creator/tutorials/tutorial-13-creating-maps-for-360-experience/

metaio creator3になり、360°パノラマも作成できるようになりました。

まず、球か立方体を選択

・球 画像サイズは4096×2048, 4096×4096, 8192×2048 and 8192×4096

・立方体 同 3072×2048, 3072×4096, 6144×2048 and 6144×4096

1)必要なもの

・Blender 3D立方体や球の UV展開マップを作成するのに使うらしいです

・360°パノラマビュー画像

・オプションで、計算用のOctave(オープンソース)またはMatlabなどの数値計算システム

 

junaioプラグイン利用AR開発について

標準

日本語による手引きは、こちらのサイトに詳しい

http://www.cybernet.co.jp/ar-vr/products/metaio/junaio/develop.html

1)Junaio Developperとして登録し、プラグインダウンロードを行う。

2013/6/3現在、metaio SDKが4.5にあがったタイミングで、junaio PluginもSDK4.5に含まれた。
従って、metaio SDK 4.5 + metaio Cloudをダウンロード展開しておけばよい。

2)外部からアクセスできる、Webサーバなどを利用する

  1. Getting Started with PHP Packageをダウンロードする。
  2. phpファイルを編集して各種設定を記述する。
  3. 編集したphpファイルとコンテンツをサーバにアップロードする。
  4. MyChannelでARアプリのチャンネルを作成する。
  5. junaioで確認してARアプリが表示されればOK。

※webサーバ上では、PHP5が必須。

2.junaio SDK

3Dモデルの取り扱い

junaioは2種類の3Dフォーマットに対応しています.

  • md2
  • obj

ポリゴン数(1モデルあたり) : 500-1000推奨
テクスチャサイズ: 最大512×512,256×256推奨

Step 2:それぞれのアプリOSで、junaioプラグインを統合する方法を学ぶ

Learn how to integrate the junaio Plugin with your app:
iOS: http://dev.metaio.com/junaio/junaio-plugin/ios-development/
Android: http://dev.metaio.com/junaio/junaio-plugin/android-development/

Step 3:自分のjunaioプラグインをアプリIDと一緒に登録する

こちらで登録(metaioのウォーターマークは出る)

Register your junaio Plugin with your app identifier for free at:
https://mobiledeveloperportal.ar-live.de/
Your app will contain a small metaio watermark in the camera view unless you have purchased a metaio Cloud license (see step 4)

Step 4:

Purchase a metaio Cloud license option for 6,12 or 24 months in order to remove the watermark from your junaio Plugin application. You can purchase a license here:
http://www.metaio.com/Cloud .
With your license purchase you will receive an activation key which needs to be entered in the licensing portal in order to remove the watermark from one of your apps. You can move your license within the licensing period and activate it with any other of your applications in your developer account.

Start with application development on Android or iOS

Once above steps are completed, you can proceed to create your application on either Android or iOS.

===引用終わり

ここからは、ダウンロードしたGetting Started with PHP Packageを解凍したフォルダ(Getting Started)に入っていた、readme.pdfの情報

必要となるもの

1)Appache Web サーバ

2)php5

3)Zend Framework minimal package (PHPアプリ用のモダンフレームワーク)

http://framework.zend.com   ここからダウンロードする

インストール

1)すべてのファイルを解凍する

(2)/htmlを指す、バーチャルホストを作る(必須ではない))

3)Rename_.htaccessというファイルを単に .htaccess に書き換える

(4)Zend Frameworkを/library/Zend にコピーするか、リンクを貼る)

5)config.phpを書き換える

=====

Hello “GLUE”

What should you have done by now?

サンプルを動かしてみる

  1. You should know where you want to upload your channel files to. You will need a web host that supports PHP. You could use servers supporting other languages such as ASP .NET as well, but the quick starts are written in PHP. Most of the server spaces you can rent or sign up to work well with junaio. どこにチャンネルファイルをアップロードしたいか押さえておく。PHPが動くWebサーバが必要である。
  2. You should install a nice development environment. Eclipse is a nice-to-have environment with the PDT (PHP Development Tool) installed (Download from Eclipse). Eclipse などの開発環境を構築しておくとよい。
  3. It helps to have a local apache running (e.g. XAMPP) to test things quickly
  4. And you should of course have a Developer Account (Sign Up here).
  5. Download the quickstarts or check out from github: GLUE_1_HelloGlue

What will you learn?

Scan the QR Code on the left with junaio to see what you are getting…

  • Creating your first GLUE POI
  • Creating a tracking configuration (information about the reference image)
  • Link a website to the metaio man
  • Troubleshooting your channel/server if something does not work as planned

Get started

The “Hello GLUE” Example you have just downloaded is the most cut down information you can provide to still have a running channel. The callback URL of your channel will have to point to the arel.xml in the channel folder on your server. So let’s see what happens if a user opens your channel

ダウンロードした「ハローGLUE」の例で説明する。チャンネルのコールバックURLは、サーバにおいたチャンネルフォルダ中のarel.xmlを指す。

When you have a look at the arel.xml you will see that the information for junaio is a regular XML. All necessary information is included in that XML.

この中身を覗いてみれば、junaio情報が、普通のXMLだということがわかる。すべての必要情報は、このXMLの中にある。

Your first Object only get the most important information, no title and no icon, but at least a description in the popup as well a button with a link to a website, but you can also link videos, sounds, images, to route, to call, write sms, etc. Please check this overview of protocols that are supported specific for mobile phones.

Most importantly, since it is a 3D Model, we need to add 3D assets, such as a model and a texture and information how to position it, so translation, scale and rotation.

Also important is to tell junaio, on which image this model should be glued. The CoordinateSystemID says to attach this model to the first image in the tracking configuration.

An overview of all parameters usable in your XML return can be found here.

参照イメージは

http://dev.junaio.com/tools/trackingxmlcreator

で作成することができる

junaio GLUE/SCAN Tracking Configuration Creator

In order to assign reference images to be used with GLUE, you have to create a tracking configuration. If you wonder what all that is, have a look at the “GLUE” – documentation and at the GLUE Quickstart: Hello GLUE GLUEで使う参照イメージを出すためには、トラッキングマーカーを作る必要がある。

You can choose any image file (png, gif, ppm, pgm) to be used as a reference image/pattern for GLUE. Simply choose your image file(s) and click “Create Tracking XML”. Store the returned file and upload it to your server. 単純にどんな絵でもいいので選んで、下の「トラッキングXMLを作る」ボタンをクリックする。戻ってきたファイルを保存して、サーバにアップロードする。

Please make sure to use the junaio Scan Icon on your patterns, so users find out quickly about the combination of your print medium and junaio. For any questions, please contact us directly.

パターンには、Junaioスキャンアイコンをいれること。

Download the Logo as pdf

The order in which you provide your image files is important and must be remembered. This is the order the coordinateSystemID of your Objects (API 1.0 cosID of your POIs) must be assigned.
Also have a look at the according Quickstart Tutorials if you have any questions.

Please also keep in mind, that tracking xmls are cached on the device based on the URL. In order to use the same URL with changed information, please clear the cache of your phone.

たとえば葛飾区役所

35.743490,139.847206

http://user.numazu-ct.ac.jp/~tsato/tsato/geoweb/googlemaps/coordinates/advanced.html

metaio SDK v2.5でAndroid AR アプリ開発

標準

2013/6/3 metaio SDK2.5へのアップに伴い、

www.metaio.comのサイトがぐっとわかりやすくなりました。

それに従って、Android用ARアプリを開発していきます。

参考サイトは、こちら

http://dev.metaio.com/sdk/getting-started/android/setting-up-the-development-environment/

————————

1.新しくなったAndroid SDKを使って、開発環境eclipseを整える

http://developer.android.com/sdk/index.html

こちらのサイトからADT Bundle for Windowsをダウンロードする
この中には、統合開発環境のeclipseも含まれている

JDKも必要になるので、最新のものを、

http://www.oracle.com/technetwork/java/javase/downloads/index.html

からダウンロードしておく。

また、より簡単な方法で開発できる、Android Studioを使ってもよい。ただし、これはまだ安定版ではない(2013/6/3現在)。ここでは、上述ADT Bundle for Windows を使ってみる。

.zipファイルでダウンロードされるので、解凍して、Developmentなどと名前をつけたフォルダ下に保存しよう。

そうしたら、そのフォルダ内に含まれる、eclipseを起動するだけ。

ただし、64bit版のJRE(Java実行環境)と32bit版のJRE(同)をインストールしておかないとエラーが出るかもしれない(http://www.java.com/ja/download/manual.jsp#winなどから)。また、システム環境のPath変数に、JDK/binへのパスを追加しておくことも忘れずに(コンピュータプロパティ>システムの詳細設定>環境変数>システム環境変数からPathを選択して編集(一度どこかにコピーしておくことを勧める。;C:\Program Files (x86)\Java\jdk1.7.0_21\bin などを追加)。

2.eclipse起動後

何も設定をいじらずに起動した状態

eclipse01

File>Import>General>Existing Projects into WorkspaceGeneral>

ここで、保存していた、metaio SDK -4.5 フォルダから、_Androidフォルダを選択

5つのプロジェクトが表示されるが、この中から、metaioSDKとSDK_exampleのみ残してチェックをはずし、Finishボタンをクリック。

自動コンパイルにより、
Unable to resolve target ‘Google Inc.:Google APIs:17
というエラーが出るかもしれない。

これは、必要なAPIのパッケージがインストールされていないということなので、

Window>Android SDK Managerを開き、不足といわれたパッケージをインストールする

eclipse02eclipseを再起動して、エラーが出ていなければOK

3.実機アンドロイドデバイスをつないで、サンプルを走らせる

AndroidデバイスとPCをUSBで接続後、

SDK_Exampleプロジェクトを右クリックし、Run as>Android Application

examples-android-screenshotこういうのが自分の実機で走ります^^

metaio SDK 2.5バージョンアップ

標準

metaio SDKとmetaio Creator Demoがそれぞれ2013.6.3本日バージョンアップされました。

使い方は基本的に同じです。

登録した開発者IDでそのままダウンロード→利用できます。

metaioとUnity3Dの連携その2 自由なARアプリを作る

標準

前記事はチュートリアルを実行しただけだが、新規に作成する場合をみていく

新しいUnity Projectを作成する

2013/5/28 Unity Version 4.1.3

Unityを起動し、新しいプロジェクトを作成する。

Assets>Import Package>Custom Package から、metaio SDKに含まれている、SDK_Unityフォルダ内のmetaioSDK.unitypackageを選び、インポートする。

unity-metaio02

ユーザレイヤーを追加する

レイヤーのドロップダウンからレイヤー編集を選ぶ。
使えるUserLayerを選択し、たとえばmetaioLayerと名前をつける。

unity-metaio03

Androidの場合

1)ビルド設定を変更し、アプリ名、アプリIDを決定する

File>Build Settings>Player Settingsで、

  • プロダクト名を決める~これが、アプリケーション名になる 例えば、MetaioUnity02など
  • カンパニイ名を決める~metaio.comなどを使ってはいけない。自分に関係ある名前にする。

レゾリューション&プレゼンテーションタブで

  • 好みはあるだろうが、デフォルト方向を Landscape Left にする

Other Settingsタブで

  • 最小限 API Level を 8 (Android 2.2 Froyo)にする
  • デバイスフィルタを ARMv7 onlyにする
  • グラフィックレベルを OpenGL ES 2.0にする
  • !ここが大事 バンドルアイデンティファイア すなわち、このアプリのID名を決める~アプリ名.個人名.会社名 など

2)metaioの開発者ポータルにログインし、署名記号を求める

上述のプロダクト名とバンドルアイデンティファイアを決めたら、一度、metaioのライセンスポータルにログインする。

unity-metaio04
①にプロダクト名(アプリケーション名)、②にとバンドルアイデンティファイアを入力して、③の追加ボタンをクリックする。すると、下段にアプリケーション署名(④)が得られるので、それをコピーしておく。

3)UnityのmetaioSDKのパラメータに署名を記入する

もう一度Unityに戻り、ARSceneというシーンを開く。
ヒエラルキーのmetaioSDKをクリックし、そのインスペクター(プロパティ)のところに、上で得られたサイン(Signature)をペーストする。

また、その下の欄、Tracking Dataのところには、tracking.xml を記入する。
unity-metaio05

4)デバイス(Android)を接続して、Build&Run

GLUE_1_2_5_6-MISC_2-metaioMan_01

この画像を見ると、3Dのメタイオマンが浮かび上がるはず。

新しいマーカを導入する

画像でもなんでも、すべて、最後に.bytesという名前をつけてから導入する。たとえば、tracking.xmlなら、tracking.xml.bytesに、またimage.pngならimage.png.bytesに変更してから、Resources/metaioフォルダに直接いれる。

metaioSDKのオプションとして、このトラッキングデータを設定するが、このときには、.bytesを除いた名前を記入する。

オブジェクトの追加は、metaioTrackerの子要素として

metaio Trackerを追加した場合は、COS ID (correspond ~一致する)を順番につけておく。

【参考】実行例

unity-metaio-kintaro