← すべてのタグに戻る

WebXR の記事・デモ一覧

WebXRの技術記事、ニュース、デモを「WebXR」タグでまとめています。全26件。

ブログ記事 (18件)

NEWS

AWE USA 2026から見るWebXR / WebGPU / Android XRの動き

AWE USA 2026のRecapやKeynoteから、WebXR、WebAR、WebGPU、Android XR、Spatial Webに関係する論点を整理します。

NEWS

PlayCanvas Engine v2.20.0を読む:WebGL / WebGPU / GSplat / サンプル更新

PlayCanvas Engine v2.20.0の更新を、Gaussian Splatting / GSplat、WebGPU、WebGL、XR、サンプル、APIリファレンス、コンポーネント設計の観点で整理します。

NEWS

three.js r185を読む:WebGPUでWebXRをサポート、HTMLTextureやWebGLも更新

three.js r185で追加されたWebGPURendererのWebXR対応を中心に、WebGPU基盤、XRManagerのfoveation、HTMLTexture、WebGLRenderer、TSL、サンプル、移行時の注意点を整理します。

GUIDE

iPhoneでWebXRを動かす方法(2026年版)- App ClipとSafari対応状況

iPhone・iOS SafariでWebXR ARを動かしたい開発者向けに、Safariの対応状況、App Clipを使う仕組み、EyeJackやVariant Launchの使いどころを整理します。

NEWS

webxr-samplesにSpace Warp / WebGPU / inline-stereoの新しい流れ

Immersive Webのwebxr-samplesに追加・レビュー中のPRから、Space Warp、WebGPU XR、inline-stereoサンプルの狙いとWebXR開発者が見るべき点を整理します。

TECH

Sneeze(Open Metaverse Browser Engine)とは?WebXRとの違いを整理

Metaverse Standards Forum(MSF)とRP1が発表したSneezeを、WebXRとの違い、SOM、proximity-based discovery、OpenXR/WASM構成から整理します。

NEWS

BANGEO WebXRイベントウォッチを始めます

BANGEOでは、WebXR / WebAR / Spatial Web開発者向けに、標準化、ブラウザ、国内XRイベント、デバイス展示を追跡します。

NEWS

PlayCanvas Engine v2.19.7:WebGPU / XR 実機検証向けの安定化更新

PlayCanvas Engine v2.19.7で入ったWebGPU、XR入力、scene depth周辺の安定化更新を、WebXRデモを実機公開する開発者向けに整理します。

NEWS

Safari 27 betaでvisionOS向けImmersive Webが前進──WebXR viewport修正も確認

WebKit公式ブログで公開されたSafari 27 beta情報を整理。visionOS 27のimmersive website environments、HTML model要素、requestImmersive、WebXR viewport初期化修正について解説します。

NEWS

three.js r184のWebXR更新を整理──WebXR LayersとXRHandModelFactoryの改善

three.js r184で確認されたWebXR関連の変更を整理。WebXR sampling array-texture修正、WebXR Layersのフレームバッファキャッシュ簡素化、XRHandModelFactoryのモデルキャッシュ追加を解説します。

NEWS

WebXR仕様が更新──inline-stereoとSpace Warpの実装ポイントを整理

WebXR Device APIのinline-stereo追加と、WebXR Layers APIにおけるSpace Warp記述の更新を整理。inlineセッションのview数、Space Warpのmotion vector / depth data、実装時の確認ポイントを解説します。

TECH

WebXRでHTML UIを扱う未来──DOM Overlay、HTML-in-Canvas、Spatial CSS

WebXRでHTML UIを扱う方法は、DOM Overlay、HTML-in-Canvas、Spatial CSSへ広がりつつあります。それぞれの役割、使いどころ、現時点での注意点を整理します。

TECH

WebXRパフォーマンスとfoveation──高解像度XRを支える「見える場所だけ高品質」な最適化

WebXRの高解像度化で重要になるfoveated renderingを、fixed foveation、dynamic foveation、WebGPU、プライバシーの観点から整理します。

NEWS

Quest Browser 146.xでWebGPU / WebXR depth projectionが実験的に追加

Meta Quest Browser 146.0 / 146.1のWebXR・WebGPU関連更新を整理します。Experimental WebGPU、WebXR depth projection、bounded-floor修正、Quest 3+の壁固定更新を確認します。

NEWS

PICO OS 6とProject Swarm発表──PICO Developer Special Eventの技術的ポイントを解説

PICOが発表した次世代OS「PICO OS 6」の空間コンピューティングアーキテクチャ、開発者向けSDK、そして40 PPD・カスタムXRチップ搭載の新型ヘッドセット「Project Swarm」の技術仕様を詳しく解説します。

GUIDE

UnityでWebXRコンテンツをビルドする

Unityプロジェクトの作成からWebXR Exportパッケージの導入、VR/ARコンテンツのWebGLビルドとPC・スマホ・VRヘッドセットでのテスト方法まで、一連の手順を解説します。

GUIDE

【実践】WebXR Shared Spaces でマルチユーザーARを体験する

Meta Quest Browser(v39以降)の実験機能「Shared Spaces」を使って、複数のQuestデバイスが同じ物理空間を自動的に共有するマルチユーザーAR体験を解説。実際に動くデモと、その仕組みを詳しく紹介します。

NEWS

WebXR JPのアドベントカレンダー2025が始まりました

WebXR JPのアドベントカレンダーが今年もスタート。XR系デバイスやAndroidXR、ブラウザのWebGPU対応など、2025年のWebXR関連の動向を追います。

デモ (8件)

VRadvanced

Body Tracking 可視化デモ — 全身関節を点と線で確認

対応ヘッドセットでBody Trackingを開始し、取得できた全身関節を点と線で表示するデモです。PICOなどの対応環境で確認できます。

5
ARintermediate

WebXR AR配置デモ — 現実空間に3Dオブジェクトを置く

スマートフォンARやMeta Questのパススルー環境で、床や机などの面を検出し、3Dオブジェクトを現実空間に配置するデモです。

5
音響intermediate

WebXR 空間音響デモ — 音の位置をブラウザで試す

WebXRとWeb Audio APIを組み合わせ、ヘッドセットやブラウザ上で音の位置・距離・向きによる聞こえ方を確認する空間音響デモです。

5
Quest MRintermediate

プレイエリア境界ビューア — VRの移動範囲を確認

VRヘッドセットのプレイエリア境界や床の基準を可視化し、ルームスケール体験で安全に動ける範囲を確認するデモです。

4
Quest MRintermediate

Quest MR Depthデモ — 現実物体との前後関係を確認

Meta Questのパススルー環境で、仮想オブジェクトが現実物体に隠れる・手前に見えるといったMR合成の見え方を確認するデモです。

4
描画性能intermediate

WebGPU / WebGL描画チェック — 表示経路を確認

現在のブラウザでWebGPUが使えるか、使えない場合にWebGL表示へ切り替わるかを画面上で確認できるデモです。

5
ARadvanced

Quest Room Mesh Export — 部屋形状をGLBで書き出す

Meta Quest 3 / 3S / Proで取得した部屋の形状を可視化し、GLBファイルとして保存できるMRデモです。

VRintermediate

VR Gallery — VR空間で記事カードを読むデモ

Meta QuestなどのVRヘッドセットで、空間内に並んだ記事カードを選び、その場で本文まで読めるVRギャラリーデモです。