ブラウザの限界を超える
君だけの空間を創ろう
babylon-mmdのチュートリアルと、
VR情報をお届けします。
WebXR Showcase
実際にブラウザ上で体験できる最新のXRコンテンツをお楽しみください。VRデバイスでの閲覧を強く推奨します。
Demo 1
自律歩行キャラクター
NavMesh等を利用し、空間内をキャラクターがランダムに移動し続ける自律的なWebXRデモ。
Demo 2
極限の表現 (PBR)
限界ギリギリのPBRマテリアルやライティングを追求し、ネイティブアプリに迫る質感を体験。
Demo 3
物理ギミック干渉ルーム
降ってくるブロックがキャラクターに弾かれるシームレスな物理連動。
Demo 4
AIコンパニオン
生成AI・音声合成を統合し、キャラクターがリアクションを取ります。
Learning Roadmap
3D空間の基礎から、高度な表現や実践的なWebXR開発までを段階的に学びます。
PHASE 1. 基礎編
Babylon.jsを用いた3D空間構築の基礎と、特有の最適化手法（左手座標、Freeze、カリング等）を学びます。まずは理論とルールから入ります。
基礎編を始める →EXTRA PHASE. 応用準備編
AIエディタを利用して開発する方法について紹介します。
1. AIアシスタントを使った開発フロー準備中
PHASE 2. 応用編
実際にコードベースとデモ空間を見ながら、MMDモデルの召喚、VMDアニメーションの同期、Havok物理演算の組み込み、音声同期とライティングを実装します。
1. モデル（PMX）のロードと表示公開中
2. モーション（VMD）のロードと適用公開中
3. アニメーション制御とモーフ操作公開中
4. 物理演算の組み込み公開中
5. 音楽の同期とライティング公開中
応用編を始める →
EXTRA PHASE. 応用番外編
WebXR空間における移動手法について紹介します。