8th Wall完全ガイド｜高精度WebARプラットフォームの機能・料金・使い方

WebARの世界で「精度と自由度の高さ」において業界最高水準と評される8th Wall。Nike・Pepsi・The New York Timesなど世界トップブランドが採用するこのプラットフォームを、機能・料金・実装方法まで徹底解説します。

8th Wallとは？特徴と強み

8th Wallは2017年に米国で設立されたWebAR専門プラットフォームです。2022年にNiantic（ポケモンGOの開発元）に買収され、更なる技術進化を続けています。

• iOS/Androidのブラウザ対応——アプリ不要、URLのみで起動
• 独自SLAM技術——デバイスのARKit/ARCoreに依存しない高精度なSLAM
• 4種類のトラッキング対応——SLAM・平面検出・顔認識・画像認識をすべてサポート
• WebGLフレームワークとの高い統合性——Three.js・A-Frame・Babylon.js・PlayCanvasと連携可能

主要機能の解説

① SLAM（自己位置推定と地図生成）

8th WallのSLAMは、カメラ映像からリアルタイムに空間を認識し、3Dオブジェクトを安定して配置し続ける技術です。競合ツールと比較してドリフト（ズレ）が少ない点が最大の強みです。

② 平面検出

床・テーブル・壁などの平面をリアルタイムで検出し、その上に3Dオブジェクトを配置する機能です。8th Wallの平面検出は他のWebARツールより検出速度・精度ともに優れています。

③ 顔認識（フェイストラッキング）

顔の68点のランドマークをリアルタイムで追跡し、顔の動きに合わせてAR効果を重ねる機能です。ARフィルター・バーチャルメイク・キャラクタースキンなどに活用されます。

④ 画像認識（イメージトラッキング）

特定の画像をカメラで認識し、その上にARコンテンツを表示する機能です。パッケージ・ポスター・名刺・商品タグなどをトリガーとして使えます。

料金プラン詳細

プラン	月額費用	向いているケース
Individual	$99/月	フリーランス・個人開発
Team	$500/月〜	制作会社・スタートアップ
Enterprise	要見積もり	大企業・グローバルキャンペーン

Three.js・A-Frameとの統合方法

<!-- 8th Wall + A-Frame の基本実装 -->
<script src="//cdn.8thwall.com/web/aframe/8frame-1.4.0.min.js"></script>
<script src="//cdn.8thwall.com/web/xrextras/xrextras.js"></script>

<a-scene
  xrweb="disableWorldTracking: false"
  xrextras-almost-there
  xrextras-loading
  xrextras-runtime-error>

  <a-assets>
    <a-asset-item id="my-model" src="model.glb"></a-asset-item>
  </a-assets>

  <a-entity
    gltf-model="#my-model"
    scale="0.5 0.5 0.5"
    xrextras-hold-drag
    xrextras-two-finger-rotate
    xrextras-pinch-scale>
  </a-entity>

</a-scene>

ZapparやSTYLYとの比較表

比較項目	8th Wall	Zappar	STYLY
SLAM精度	◎ 業界最高	○	○
フェイストラッキング	◎	◎	△
ノーコード対応	△ テンプレート中心	◎	○
開発自由度	◎ フレームワーク統合	○	△
月額費用	$99〜	$23〜	無料〜

8th Wallが向いているプロジェクト

• 品質にこだわるグローバルキャンペーン（Nike・Adidas・自動車ブランドなど）
• SLAM精度が重要な製品試着AR・家具配置ARの商用展開
• Three.jsやA-Frameで構築済みのWebサービスへのAR機能追加
• 顔認識を使ったバーチャルメイク・ARフィルターのWeb版
• WebARの技術限界を追求したい開発者・制作会社

よくある質問