▼完成イメージ▼
以下の流れで作業を進めていきます。
- ARマーカー準備(Wikitude SDK)
- ARマーカー実装
- 出現させるオブジェクト実装
- ライセンスキー登録
ARマーカー準備
Wikitudeの登録
今回は、Wikitude GmbH(オーストラリア企業)が開発した拡張現実ソフウェアを使用します。
以下のリンクからWikitude HPを開きます。
トップページから、[FREE TRIAL]をクリックし、トライアルキーを発行します。
トライアルキーは、全てのWikitude SDK AR機能へのアクセスが可能で、生成から45日間有効です。また、トライアルキー生成は何度でも発行することができるため、期間延長も可能です。
※ただし、アプリ公開や、商業目的での配布は権利は含まれていません。
![](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/01_wikitude_top-1.jpg?resize=800%2C491&ssl=1)
[START FREE TRIAL]をクリックします。
![02_Wikitude_startfreetrial](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/02_Wikitude_startfreetrial.png?resize=800%2C485&ssl=1)
[Create your free account]に必要事項を入力して、[CREATE ACCOUNT]をクリックします。
![03_Createyourfreeaccount](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/03_Createyourfreeaccount.png?resize=800%2C657&ssl=1)
登録したメールアドレスにWikitudeから[登録確認メール]が届きますので、[Activate]をクリックします。これで登録完了です。
![04_mail_activate](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/04_mail_activate.png?resize=609%2C403&ssl=1)
Wikitude HPの[Sign In]をクリックし、登録したメールアドレスとパスワードを入力してサインインします。
マイページが開きますので、[STUDIO→]をクリックします。
![05_STUDIO](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/d0c207dde5ebe7af08e554d6e2cc7e08.png?resize=800%2C366&ssl=1)
今回は、2D画像をマーカーとして、ARのオブジェクトを出現されるため、[プロジェクトを追加]>[Image Targets]の順にクリックします。
![06_ImageTarget](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/f3c68d4a05a3a3c8576ce491b453ae67.png?resize=800%2C597&ssl=1)
[Create an Image Target project]が開きますので、任意のプロジェクト名を入力します。
![07_projectname](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/07_projectname.png?resize=800%2C451&ssl=1)
マーカーにしたい画像をファイルから、もしくはドラッグ&ドロップで追加します。
![](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/08_picturedrag.png?resize=800%2C518&ssl=1)
画像を追加したら[アップロード]をクリックします。
![](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/09_pictureupload.png?resize=524%2C464&ssl=1)
上部のアイコン[WTCのダウンロード]をクリックして、[作成]をクリックします。
アップロード画像右上の星印は、認識のし易さを表しています。星3つが最も良いです。
![10_WTC_download](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/5fc8eda5f8919be21eadd41626eb286d.png?resize=800%2C556&ssl=1)
登録したメールアドレスにダウンロードリンクが送られますので、[Download WTC]をクリックしてダウンロードします。
![](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/10.2_mail_link.png?resize=813%2C428&ssl=1)
ダウンロードフォルダに[tracker.wtc]というファイルがあれば完了です。
Wikitude SDKのダウンロード
WikitudeのHPのトップに戻り、[DOWNLOAD]>[PROFESSIONAL EDITION Unity]の順にクリックします。
![11_SDK_download](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/11_SDK_download-1.jpg?resize=800%2C579&ssl=1)
[DOWNLOAD SDK]をクリックします。
![12_SDK_downloadSDK](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/12_SDK_downloadSDK.png?resize=846%2C395&ssl=1)
ダウンロードフォルダに[Wikitude_Unity_〜.zip]というファイルがあることを確認し、ダブルクリック等で解凍します。
ARマーカー実装
Project作成
ここからUnityでの作業をしていきます。
まずは、3D Projectを作成します。
▼ここでの操作方法に不安のある方は、こちらをご参照ください▼
ARマーカー追加
[Assets]>[Import Package]>[Custom Package…]の順にクリックします。、先ほど解凍したファイル[Wikitude_Unity_〜.zip]
![13_package_import](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/13_package_import.jpg?resize=800%2C542&ssl=1)
ファイル選択のウインドが開くので、先ほど解凍したファイルから[Wikitude_Unity_〜]>[Package]>[Wikitude.unitypackage]を選択して、[Open]をクリックします。
![14_wikitude_select](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/14_wikitude_select.jpg?resize=800%2C322&ssl=1)
全てにチェックが入っていることを確認して、[Import]をクリックします。
![15_wikitude_import](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/15_wikitude_import.png?resize=624%2C1024&ssl=1)
[Project]ウインドウ内の[ImageTracker]と[WikitudeCamera]を選択し、[Hierarchy]ウインドウにドラック&ドロップします。[WikitudeCamera]を使用するので、[Main Camera]は削除します。
![17_ARcamera_add](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/17_ARcamera_add.png?resize=800%2C460&ssl=1)
先ほど作成したARマーカー[tracker.wtc]をアセットに追加します。
[Project]ウインド内の[Assets]>[StreemingAssets]>[Wikitude]配下に[tracker.wtc]をドラック&ドロップします。
![](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/16_marker_add.png?resize=800%2C563&ssl=1)
[ImageTracker]に[tracker.wtc]を設定します。
[Hierarchy]ウインドウ内の[ImageTracker]を選択し、[Inspector]ウインドウの[Image Tracker(Scipt)]>[Concurrent Targets]のプルダウンメニューから[tracker.wtc]を選択します。
![18_target_add](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/18_target_add.jpg?resize=800%2C474&ssl=1)
出現させるオブジェクト実装
ARマーカーをトリガーに出現させるオブジェクトの設定をします。
今回は[Cube]を出現させます。
[GameObject]>[3D Object]>[Cube]の順にクリックします。
![19_Cube_add](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/19_Cube_add.png?resize=639%2C452&ssl=1)
[tracker.wtc]を表示してマーカーと出現させるオブジェクト[Cube]の位置を調整します。
[Hierarchy]ウインドウ内の[ImageTracker]>[Trackable]を選択し、[Inspector]ウインドウの[Image Trackable(Scipt)]>[Targets]>画像右下の[Preview]をクリックします。
クリックすると[Preview]の表示が[Hide]に変わります。
![](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/19.2_target_preview.jpg?resize=800%2C829&ssl=1)
[Cube]の位置を調整します。
[Hierarchy]ウインドウ内の[Cube]を選択し、[Inspector]ウインドウの[Transform]で調整します。
![](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/19.3_Cube_position.jpg?resize=800%2C324&ssl=1)
[Cube]をPrefab化します。
[Hierarchy]ウインドウ内の[Cube]を選択し、[Project]ウインドウにドラック&ドロップします。その後、[Hierarchy]ウインドウ内の[Cube]を削除します。
![20_object_prehub化](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/56debc86da54022a6f3247370bac7321.png?resize=800%2C392&ssl=1)
[Trackable]に、[Cube]を関連付けます。
[Hierarchy]ウインドウ内の[Trackable]を選択し、[Project]ウインドウ内の[Cube]を[Inspector]ウインドウの[Image Trackable(Scipt)]>[Drawable]にドラック&ドロップします。
![21_Trackable_add](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/21_Trackable_add.png?resize=800%2C351&ssl=1)
ライセンスキー登録
[WikitudeCamera]にライセンスキーを登録します。
WikitudeのHPにログインし、[My Account]>[Download Key]をクリックして、キーをダウンロードします。テキストファイルがダウンロードされるので、それを開いて、全文コピーします。
![](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/22_Download_key-1.png?resize=800%2C341&ssl=1)
Unityに戻り、[Hierarchy]ウインドウ内の[WikitudeCamera]を選択し、[Inspector]ウインドウの[WikitudeCamera(Script)]>[Wikitude Licence Key]に先ほどコピーしたキーを貼り付けます。
![23_Key_add](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/23_Key_add.png?resize=800%2C357&ssl=1)
これで設定は完了です。
プレイボタン[▷]をクリックすると、カメラが起動します。カメラにマーカーを写すことで、[Cube]が出現することを確認します。
上記の手順通りに進まない時の対処法
上記の手順通りにやっても上手くいかない、もしくは画面表示が違う場合は、UnityのバージョンとWikitudeのバージョンが不一致の可能性があります。Wikitude SDK Expert Edition for Unityのダウンロード画面下から、過去のバージョンを選択してダウンロードすることで解決します。(私はこれで解決しました)
![](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/24_error.png?resize=800%2C599&ssl=1)
![24_error_version](https://i0.wp.com/takugymnastics.com/wp-content/uploads/2022/07/24_error_version.jpg?resize=800%2C538&ssl=1)