VITALIFY.ASIA logo

AR技術(Immersal)でオフィスをゾンビ屋敷にしてみた

Author profile
Toshihiko Nagaoka2023/08/31
AR技術(Immersal)でオフィスをゾンビ屋敷にしてみた

オフィスをゾンビ屋敷にしてみたい

AR機能を使って自社のオフィスをゾンビ屋敷にしてみました。ユーザーがスマホの画面を覗きながら歩くと、歩いた先にゾンビが発生します。
ImmersalというVPS技術を使用して、指定した同じ位置に正確にゾンビが発生するように発生場所を設定しました。
また、壁にはマスクとなる透明オブジェクトを設定して、壁の背後にゾンビのCGが隠れるように工夫しました。

まずは動画をご覧ください。

以下に、制作過程を解説します。

Immersal Mapper アプリでオフィスを撮影

AndroiまたはiOSのストアからImmersial Mapper アプリをダウンロードし、AR コンテンツ(今回の企画ではゾンビ達)を配置したい領域をスキャンします。

画像

Immersal Developer Portalでデータを確認&ダウンロード

スキャン後、次の内容を含むマップ データが Immersal Developer Portal に表示されます。

  • マップ ID (Unity にマップ データをダウンロードするために使用される ID 番号)
  • 名前 (開発者が定義した領域の名前)
  • ダウンロード可能なファイル (.glb 形式の 3D マップ メッシュを含む)
画像

次の工程で使用するので、glbデータをダウンロードします。

Blenderで.glbメッシュをFBX形式に変換

Blender を使用して .glb マップメッシュを編集し、Unity で使用できるように FBX ファイルにエクスポートします。

画像

glbメッシュとFBXデータをUnityに読み込む

Immersial SDK for Unity をダウンロードしてインポートします。
その中に含まれているAR Map Downloader ツールを使用して、スキャンしたマップをシーンにダウンロードします。
マップは点群としてシーンに表示されます。

画像

つづいて、Blender からエクスポートされた FBX マップを Unity にインポートし、マップ オブジェクトの子として配置します。
FBXマップは実際のアプリ内では登場しませんが、開発者が現実世界とマッピングするためにオクルージョン マスクを配置する場所を知るのに役立ちます。 希望の位置にウェイポイント(=ゾンビの出現場所)を作成して設定します。

画像

カメラが移動した位置にゾンビを出現させる

コライダーをメインカメラに子として追加します。 ARカメラが移動するとウェイポイントに衝突し、カメラの方向を向いたゾンビが出現します。

透明な壁でゾンビをマスクする

ローカライズ後、Immersal は FBX 3D マップを現実世界と位置合わせします。 これに基づいて、開発者は FBX マップに関連する 3D 壁をセットアップして、マスクの壁と実際の壁のマッピングを実現します。 次に、オクルージョン マテリアルが適用されて、レンダリング時に 3D 壁が非表示になり、周囲のゾンビとともにオクルージョンされます。

画像

制作過程は以上です。

XReal Lightでも試してみた

冒頭の動画はスマホで撮影したものです。同じコンテンツをXReal Lightでも試してみました。
メガネのように装着してオフィスを歩き回ることができるので臨場感が格段に増します。

1,000社以上の事業成長を支えた圧倒的な『スピードと柔軟性』で、御社のアイデアを最短で形にします。まずは無料で壁打ちしませんか?

無料相談はこちら
#XR & 3D Web

「XR & 3D Web」の関連記事

次世代の製品カタログ:URDFが変える「動く」Web展示の可能性

次世代の製品カタログ:URDFが変える「動く」Web展示の可能性

Innovation Lab2026/05/13

ロボット設計図「URDF」をWebブラウザで滑らかに動かす技術ショーケースを公開。CADデータから「触れる製品カタログ」への転換が、製造業のプロモーションをどう変えるのか。ゲーム開発の知見を用いたリアルな可動表現の可能性を解説します。

Gaussian Splattingとは何か - 3Dメッシュやフォトグラメトリとの違いを解説

Gaussian Splattingとは何か - 3Dメッシュやフォトグラメトリとの違いを解説

Toshihiko Nagaoka2026/05/12

話題の「3D Gaussian Splatting」とは何か?フォトグラメトリやNeRFとの違いといった基礎から、実用化における最大の弱点「光源の焼き付き」を回避するプロのハック術まで徹底解説します。

建設DXへの挑戦:自社オフィスを「デジタルツイン」化するIFCビューアを開発しました

建設DXへの挑戦:自社オフィスを「デジタルツイン」化するIFCビューアを開発しました

Toshihiko Nagaoka2026/05/06

BIMデータを活用した建設DXの第一歩!自社オフィスを3Dモデリングし、Webブラウザで軽快に動作する高機能「IFCビューア」を独自開発しました。なぜGLBではなくIFCなのか?デジタルツイン構築がもたらすビジネス価値とシステム開発のポイントを解説します。

ぼくはデューパー、なんでもきいてね!