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

コメントは受け付けていません。