サンプルとチュートリアル
以下に示すサンプルを見ると、Wikitude SDKによって提供される機能の概要がわかります。各サンプルは、サポートされているすべてのプラットフォームで変更せずに実行できます。
付属するそれぞれのサンプルは以下のように構成されています。
index.html
: AR体験の入口。js/*
: 必要なJavaScriptファイルが含まれます。css/*
: 必要なCSSスタイルシートが含まれます。assets/*
: 画像、3Dモデル、ターゲットコレクションが含まれます。
js/
フォルダーでは、メインのJavaScriptファイルはそのサンプルにちなんだ名前になっています(たとえば、Image RecognitionサンプルのJavaScriptコードはjs/clientrecognition.js
ファイルに含まれています)。サンプルの説明で言及されているコードは、特に指定のないかぎり、このファイルにあります。
ARCHITECT.JSライブラリのインクルード
Wikitude SDKのJavaScript APIを使用するにはarchitect.js
というWikitudeのJavaScriptライブラリを追加する必要があります。Include ステートメントは提供されたサンプルのすべてのindex.html
に含まれ、次のようになります。実際のファイルは実行時にWikitude SDKによって渡すので、ファイルをダウンロードするときに404 - Not found
というエラーを表示してもかまいません。Wikitude SDKがリモートでこのファイルをロードしている場合でも、インターネットに接続せずにローカルのみで置き換えられます。
<script src="https://www.wikitude.com/libs/architect.js"></script>
Wikitude SDK 5.3以前のバージョンでのarchitect.js
Wikitude SDK 5.3以前のバージョンではInclude ステートメントはarchitect://
というカスタムプロトコルハンドラで構成されましたが、これはiOSのATS (App Transport Security)に対応していませんでした。ATSの仕様に準拠したいのなら、Wikitude SDK 5.3以降のバージョンを使用する必要があります。詳細については、このセクションを参照してください。
<script src="architect://architect.js"></script>
GitHub上のサンプル
AR体験のコードにざっと目を通したい方のために、サンプルのソースコード全体がGitHubに公開されています。
サンプルアプリケーション
このセクションではSDK Examples
アプリケーションについて詳しく説明し、Wikitude SDKの主要な機能とその使用方法を紹介します。
使い方
このアプリケーションを実行するには、Xcodeプロジェクトを開いて[Run]
をクリックします。
サンプル
SDK Examples
アプリケーションはテーブルビューの構造になっており、テーブルの各セルをクリックすると、SDKの具体的な機能が実装された個々のARchitect Worldが起動します。
このアプリケーションはUINavigationViewController
を使用し、各サンプルをWT*ARViewController
としてプッシュします。ほとんどの場合、WTStandardARViewController
という汎用的なUIViewController
を使用しています。より高機能のWT*ARViewController
が必要なサンプルでは、そのサンプル用の特定の機能が実装されたカスタムのWT*ARViewController
がロードされます。