Babylon.js

2026-02-28 | lain

Babylon.js + babylon-mmd で作ったメビウス帯ウォーカーの継ぎ目バグ（上下反転/ロールフリップ）を、前フレームに近い姿勢を選ぶクォータニオン設計で修正。さらに WebXR で位置追従カメラを実装し、VRで“乗れる”チェイス視点に対応します。

カテゴリ： Babylon.js

タグ： #Babylon.js#TypeScript#WebXR#MMD#babylon-mmd#Quaternion#ProceduralMesh

2026-02-27 | lain

Havok物理でボウリングを最小実装。ピンはGLB（見た目）＋円柱コリジョン（物理）で安定化し、レーン左右移動＋スペース長押しでパワー投球。PMXモデルをVPDポーズで待機させ、遊べるデモとして成立させた。

カテゴリ： Babylon.js

タグ： #Babylon.js#TypeScript#Havok#glTF#MMD#PMX#VPD#Physics

2026-02-26 | lain

Babylon.jsで作ったスマートボール試作をCanvas 2Dへ移植。描画よりも難しいのはロジックだったので、dt分割（サブステップ）、上部アーチ壁の反射、ポケットのカップ形状（弧）判定など、移植で詰まるポイントに絞って実装の勘所をまとめる。

カテゴリ： Babylon.js

タグ： #Canvas2D#TypeScript#Physics#CollisionDetection#GameDev#Prototype

2026-02-23 | lain

MMDキャラの隊列ランダム徘徊に、焚き火の位置へ集合して円陣を組み、しばらく休んだあと再び散開するイベントを追加。焚き火モデルは Hunyuan3D で自作し、Babylon.js から glb として読み込む。

カテゴリ： Babylon.js

タグ： #Babylon.js#MMD#babylon-mmd#WebGL#Hunyuan3D#3DCG#生成AI

2026-02-21 | lain

Babylon.js + babylon-mmd で、複数のMMDキャラクターを地形上で隊列移動させる仕組みを実装します。先頭キャラの移動履歴を後続が追従する方式で、RPG風の自然な列移動を作ります。

カテゴリ： Babylon.js

タグ： #Babylon.js#babylon-mmd#TypeScript#MMD#GameDev

2026-02-19 | lain

Vite + mkcertによるHTTPS構築から、Babylon.jsのWebXR初期化、Quest2ブラウザでのVR動作確認までを解説。Secure Contextの理解と実践的な構築手順をまとめる。

カテゴリ： Babylon.js

タグ： #WebXR#VR#Quest2#HTTPS#Vite

2026-02-18 | lain

1体の描画から1,000体へ。WebGPUの限界に挑むインスタンス描画と、FPSを劇的に改善する影の最適化テクニック

カテゴリ： Babylon.js

タグ： #WebGPU#MMD#Performance#Optimization#InstancedMesh

2026-02-17 | lain

WebGPU環境でMMD(PMX)を動かそうとして沼にハマり、最適化フォーマット「BPMX」と「無限ループバグ」を攻略して15秒の壁を突破するまでの技術ログ。

カテゴリ： Babylon.js

タグ： #Web Graphics#WebGPU#MMD#TypeScript#Debugging#BPMX

2026-02-17 | lain

最新のWebGPU対応を見据えたBabylon.js開発環境をVite + TypeScriptで構築し、最初の3Dシーンを表示するまでの完全ガイド。

カテゴリ： Babylon.js

タグ： #Programming#Web Graphics#Babylon.js#WebGPU#TypeScript#Vite#Tutorial

カテゴリ：Babylon.js