Libx Awesomeリスト

    このページの内容

    Awesome WebXR

    WebXRを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

    目次

    注目プロジェクト

    印象的で注目すべき WebXR プロジェクト。

    • Hello WebXR - WebXR 1.0 API の公開を記念して作られ、WebXR で可能なことの一部を紹介。
      • 元のドメインでアクセスできなくなったため、作者自身のフォーク上にある体験のミラーへリンクしています。
    • Moonrider - Supermedium 製の Beat Saber に似たリズムゲーム。
    • Plockle - 40以上のレベルを持つ空間ブロックパズルゲーム。
    • Castle Builder - 独自の Unity-to-three.js パイプラインを利用する、協調型・クロスプラットフォームの城づくりゲーム。
    • Prehistoric Domain - 複数の恐竜展示と今後の追加予定を持つ、ブラウザー内の Jurassic Park 風体験。
    • Above Par-adowski WebXR Mini Golf - Paradowski Creative が設計した、独自で変化に富む環境に9ホールを配置した WebXR ミニゴルフゲーム。
    • Yolopia - フロー、ボクシング、ポーズマッチングを組み合わせたリズムゲーム。
    • f60 - ソ連の刑務所を舞台とするクロスプラットフォーム WebXR 脱出ゲームシリーズ。
    • The Escape Artist - 創作過程に関する包括的な物語を持つ、アーティストの心の中を舞台にした Paradowski Creative の受賞歴ある脱出ゲーム。
    • NeoFables - GenAI を使う動的生成 VR ストーリーテリング体験。2024 Polys Immersive Awards の「Game of the Year」「Experience of the Year」にノミネートされ、Meta が紹介した最初の GenAI VR 体験。
    • XRSH - VR 内シェルでライブスクリプト、パッケージ、プロトタイピングを可能にする、WebXR 内で実行される Linux 仮想マシン。[repo]

    アート

    芸術的制作に焦点を当てたプロジェクト。

    • Brushwork VR - 仮想キャンバス、パレット、色混合などによる絵画制作の過程をシミュレートする VR アプリ。
    • Silk Brush - 将来の拡張を予定する Tilt Brush の WebXR 移植。
    • VARTISTE - 2D 描画・画像編集と3Dモデルテクスチャリングのための VR アプリ。

    オーディオ

    オーディオ・オーディオビジュアル体験に焦点を当てたプロジェクト。

    • Fathom VR - 関連アーティストのクラウドを空間オーディオで検索・探索できる、音楽発見アプリ Fathom の WebXR 版。
    • TRACK - Little Workshopが開発した、没入型オーディオビジュアル体験を通るリニアなライド。

    アバター

    没入型体験で3Dアバターを作成・利用するためのリソース。

    • Exokit Avatars - 複数形式のヒューマノイドアバターを読み込み、腕・脚 IK、viseme による顔アニメーションなどを備える Web ベースアバターシステム。元リポジトリは保守されていませんが、より最新のフォークはこちらです。
    • VRoid - 高い互換性を持つ .vrm 形式へエクスポートできるアニメ調3Dアバターを作成。

    コミュニティ

    WebXR 開発者が集まり、質問、プロジェクト共有などを行う場所。

    Discord

    Facebook

    • Immersive Web - 当初は WebVR 向けに作られた、最も古い WebXR 関連グループ。
    • WebXR - やや新しい WebXR 中心グループ。
    • WebXR Korea - Belivvr が作成した韓国の WebXR グループ。
    • WebXR Paris - Meetup上の WebXR Paris グループの姉妹コミュニティ。

    フォーラム

    LinkedIn

    • WebXR - WebXR LinkedIn グループ

    Reddit

    • r/WebVR - 当初は WebVR 議論の主要 subreddit でしたが、現在はr/WebXRとともに一般的な WebXR コンテンツを扱います。
    • r/WonderlandEngine - Wonderland Engine subreddit。

    企業と協同組合

    WebXR を中心に活動・制作する企業と協同組合。

    • Active Theory - Dreamwave プラットフォームを開発。
    • Aircards - WebAR 広告・マーケティングエージェンシー。
    • MetaVRse - エンタープライズ向けメタバース制作企業。MetaVRse Engine、MetaVRse Studio、TheMall など MetaVRse Properties の親会社。
    • Playko Software - VR/AR/WebXR エージェンシー、WebXR ゲーム開発スタジオ。
    • REM5 - 教育と社会的公平性の取り組みを専門とするデジタル没入体験デザインスタジオ。
    • Sketchfab - VR プレビューアーを提供する3Dモデルマーケットプレイス。
    • Vhite Rabbit - Archery Evolution、Boulderworld などのゲームを手がける WebXR 開発スタジオ。

    コンテンツハブ

    WebXR コンテンツの収集、索引化、公開に特化したサイト。

    • dmnshd.gg - WebXR ゲームを発見・プレイするプラットフォーム。
    • heyVR - WebXR ゲームを公開するためのキュレーション済みプラットフォーム。
    • PICO Browser Start Page - PICO Browser の既定スタートページ。
    • Wolvic Start Page - Wolvic ブラウザーの既定スタートページ。

    開発

    WebXR コンテンツを可能にするツール。完全な一覧は別の WebXR Creation Tools リストを、詳細な一覧はawesome-webxr-developmentリストを参照。

    エンジン

    • Godot - バージョン3.2.4以降で WebXR をサポートするクロスプラットフォーム・オープンソースエンジン。

    • Needle - Blender と Unity 用のエンジン・エクスポーター。

    • Onirix Studio - ブラウザーで Web AR 体験を作るノーコードエディター。対象端末・ブラウザーに互換性がない場合は WebXR 機能をエミュレート。

    • PlayCanvas - WebXR コンテンツ、モバイルブラウザー、協調編集などをサポートするブラウザーベース WebGL エンジン。

    • Rogue Engine - Three.js と TypeScript に基づく HTML5 ゲームエンジン。

    • Unity - コミュニティパッケージにより WebXR 向けエクスポートを可能にする、非常に人気の高いゲームエンジン。

    • Wonderland Engine - WebXR アプリケーションの構築専用に設計された開発プラットフォーム。

    フレームワークとライブラリ

    • A-Frame - three.js 上に構築された宣言的 HTML とカスタム JavaScript コンポーネントで VR 体験を作成。

    • Babylon.js - 強力かつ機能豊富なレンダリングエンジンをパッケージ化した JavaScript フレームワーク。

    • JanusWeb - ソーシャル VR 体験を作れる JanusVR のブラウザー内実装。

    • JSAR-DOM Babylon.js 上の XR アプリケーション向け WHATWG DOM、CSSOM、WebXR の TypeScript 再実装。

    • p5.xr - 没入型 p5 スケッチを作れる p5.js ライブラリ用アドオン。

    • react-three-fiber - three.js 向け React レンダラー。WebXR 固有の追加フック・コンポーネントはReact XRでも利用できます。

    • reactylon - Babylon.js と React 上に構築された、3D/XR 体験作成向け強力なマルチプラットフォームフレームワーク。

    • three.js - 多くの既存 WebXR 体験とツールを支える、WebGL で3Dコンテンツを描画する JavaScript ライブラリ。

    • Threlte - three.js 向け Svelte レンダラー・コンポーネントライブラリ。WebXR 固有のフック・コンポーネントは@threlte/xr packageで利用可能。

    • X3DOM - X3D シーンを HTML5/DOM 要素として統合・操作するフレームワーク。

    その他

    • Verge3D - 3Dアーティストがシーンをエクスポートし、容易に没入型 Web 体験を作るためのツールキット。
    • XR Fragments - 既存メタデータに基づき URL で任意の3Dモデルを制御する小さな仕様。すべての3Dエディター・ビューアーを使ったハイパーリンク WebXR ストーリーテリングを促進。[repo]

    学習リソース

    WebXR コンテンツ作成のためのコースとチュートリアル。

    • Learn A-Frame (VR) - A-Frame と共同で作成された、約6時間の Codecademy コース。
    • babylon.js Guided Learning - ドキュメント内の他の説明ページを補完する詳細なテキスト・動画チュートリアル。

    収益化

    従来の Google Ads などの Web 広告プラットフォーム、および Web3XR に属する暗号資産以外で WebXR コンテンツを収益化する方法。

    • Borellion - XR 内で貸し出し可能なバナースペースのマーケットプレイス。主要な WebXR 制作ツールの多くと統合可能。

    ソーシャルスペース

    ユーザーが集まり、協働するソーシャルスペースの作成に焦点を当てたプロジェクト。

    • Dreamwave - スケーラブルなバーチャルイベントをホストする Web ベースプラットフォーム。Secret Sky 2021 のバーチャル音楽フェスティバルを支えました。
    • FRAME - バーチャル空間で容易に3D協働を可能にするプラットフォーム。
    • Hubs - 当初 Mozilla が作成した、ユーザーのバーチャルな集まりと協働を可能にするコミュニティ所有プラットフォーム。
    • w3dge - AI 統合を備えた集会・バーチャルショーケース向けプラットフォーム。

    Web3XR

    WebXR と暗号資産／ブロックチェーン技術の交点にあるプロジェクト。

    エンジン

    • Hyperfy - 物理、ネットワーキング、コンポーネントベースアプリケーションシステムの組込みサポートを持つ、対話的3D仮想世界構築用オープンソースフレームワーク。

    ギャラリー

    • glry.xyz - Tezos ブロックチェーン上の NFT アート向け仮想ギャラリーをホストするサイト。

    YouTube

    WebXR に強く焦点を当てた YouTube チャンネル。

    • M3 - M3 公式チャンネル。
    • Sorskoot - チュートリアルなどの WebXR 関連コンテンツ。
    • WebXR - WebXR 公式チャンネル。
    • WebXR Summit Series - WebXR Summit Series のクリップ、VOD、その他の動画を収録。
    • Wonderland Engine - Wonderland Engine 公式チャンネル。