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-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-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-12 | lain

File API から PMX を読み込み、BlobURL 偽装（#filename.pmx）で MMDLoader を正常動作させ、R3F のプレイヤーに即反映する「キャラチェンジ」機能を実装。地形追従・歩行アニメ・3D UI と連携させて動くまでの技術的課題と解決策をまとめた記事。

カテゴリ： Next.js

タグ： #Three.js#R3F#MMD#PMX#Blob#FileAPI#JavaScript

2026-02-08 | lain

R3F(React Three Fiber) 上で FBM ノイズ地形を生成し、Raycaster で地面の高さを取得してプレイヤーを自然に追従させる。地形生成（頂点Z変形・法線再計算・標高カラー）から、WASD移動＋atan2回転、hit安全処理とLERP補間までを最小構成でまとめる。

カテゴリ： Next.js

タグ： #R3F#Three.js#Noise#Perlin#FBM#Raycast#Terrain#MMD#WebGL

2026-02-08 | lain

VRM・BVH・PMX を Next.js(App Router) + React Three Fiber で扱う際の互換性、使用すべきバージョン、正しいローダー構成、そして避けるべき組み合わせを整理する技術ドキュメント。

カテゴリ： Next.js

タグ： #R3F#Three.js#VRM#BVH#PMX#MMD#WebGL

カテゴリ：MMD