1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Immersal×MattercraftでWebAR上でVPS

Posted at

はじめに

普段、IT企業で働いてますプログラマー芸人のジンバと申します!
Unity × Immersal SDKでVPSを用いたARアプリを実装を紹介しました!!現実空間に正確にオブジェクトを配置することができますよ!

Mattercraftを使うとアプリではなくWebARが可能です!手順を紹介します!

手順

ウェブで「Mattercraft」と検索し、アカウントを作りプロジェクト一覧を開く。

スクリーンショット 2025-07-30 14.48.58.png

プロジェクトを作成し、Immersal VPSのテンプレートを選択する。

スクリーンショット 2025-07-30 14.49.07.png

スクリーンショット 2025-07-30 14.49.42.png

スクリーンショット 2025-07-30 14.50.12.png

Immersal の Developer Portalから呼び出したいマップのIDをコピーする。

スクリーンショット 2025-08-05 15.25.32.png

ヒエラルキーのImmersal AnchorでImmersalのDeveloper Tokenと先ほどのMapのIDを入力する。

5e0f4142-0eb7-4865-b842-3f469a2f3eed.png

するとプレビューモデルが表示されるのでそれに合わせてオブジェクトを配置する。Immersal Anchorの配下に置くこと。

スクリーンショット 2025-08-05 15.32.02.png

配置が終わったら左の雲のマークよりPublishする。

スクリーンショット 2025-08-05 15.33.12.png

Versionsに追加されるのでダブルクリックしてできたURLをスマホで試す。

スクリーンショット 2025-08-05 15.33.43.png

スクリーンショット 2025-08-05 15.33.53.png

マッピングした場所へ行くとオブジェクトが表示される。

7cac35f4-495e-4325-a9a3-0ce2cc20f0b5.png

プレビューモデルが表示されない場合

Immersalのマップによってはidを入力してもプレビューモデルが表示されないことがある。(360度動画からVPSを作成した場合など)

dc343192-bba4-488a-9a10-14c0b7290743.png

その場合Metashapeで生成したglbファイルをアップロードする。

スクリーンショット 2025-08-05 14.55.31.png

ヒエラルキーにGLTFを追加し、Sourceに先ほどアップロードしたglbファイルを選択する。

スクリーンショット 2025-08-05 14.56.03.png

するとモデルが表示される。この際、モデルが回転している場合があるがそのとき天井がy軸正になるように回転させる。そしてこのモデルに合わせてオブジェクトを配置する。

スクリーンショット 2025-08-05 14.56.09.png

その後、GLTFのAppearencesのチェックを外しモデルが見えないようにする。

スクリーンショット 2025-08-05 14.56.19.png

そのあと、publishして確認する。

スクリーンショット 2025-08-05 15.18.43.png

ただ広範囲の場所だと
・空間を認識するまでに30秒以上かかる
・歩くごとにオブジェクトがズレていく
といったことが生じるので狭い場所向けかと。

告知

ご覧いただきありがとうございました!
普段、IT企業で働いてます「プログラマー芸人」ジンバです!
YouTubeもご覧くださいー!↓

初テレビ.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?