![[Babylon.js #03] WebGPUで MMD 1,000体を走らせる：大量描画と影の最適化戦略](https://humanxai.info/images/uploads/babylonjs-03-webgpu-1000-instances-optimization.webp)
[Babylon.js #03] WebGPUで MMD 1,000体を走らせる：大量描画と影の最適化戦略
2026-02-18 | lain
1体の描画から1,000体へ。WebGPUの限界に挑むインスタンス描画と、FPSを劇的に改善する影の最適化テクニック
カテゴリ：Performance
![[Next.js #04] R3F × WebXR の構造：Canvas ループと XR の衝突を理解する](https://humanxai.info/images/uploads/nextjs-04-r3f-webxr-renderloop.webp)
[Next.js #04] R3F × WebXR の構造：Canvas ループと XR の衝突を理解する
2026-02-04 | lain
Next.js(App Router) + R3F + WebXR 環境で必ず発生する“レンダリングループの衝突”を、内部構造から解説する回。R3F の frameloop・advance・state.clock が XR の animationLoop と同期しない理由、useFrame の遅延、XRControllerModelFactory の不整合、Suspense が XR 中で危険な構造、そして正しい setAnimationLoop 併用方法まで網羅する。