![[Astro #49] IndexedDBを活用した3Dアセットの完全キャッシュ化とバージョニング管理](https://assets.lain-lab.com/images/uploads/astro-49-indexeddb-asset-cache-versioning.webp)
[Astro #49] IndexedDBを活用した3Dアセットの完全キャッシュ化とバージョニング管理
WebXRプロジェクトのロード時間を改善するため、Dexie.jsでアセット管理基盤を構築しました。JSONのバージョン情報を「正解リスト」としてDBと比較する堅牢な仕組みと、Reactコンポーネント分割によるメモリ管理の実践手法を解説します。
ARCHIVE_INDEX / PAGE_7
TOTAL_ITEMS: 700
![[Astro #48] WebXRスカイボックス実装 - 巨大球体アプローチとUIのタブ拡張](https://assets.lain-lab.com/images/uploads/astro-48-webxr-skybox-giant-sphere-ui-tabs.webp)
[Astro #48] WebXRスカイボックス実装 - 巨大球体アプローチとUIのタブ拡張
R3F + WebXRでの背景実装の罠と、背景とライティングを分離する手法、UIの拡張性向上について詳しく解説します。
![[Astro/WebXR #47] VRMアバターのTポーズ問題を解消する 〜AnimationMixerの安全なクロスフェードと警告との戦い〜](https://assets.lain-lab.com/images/uploads/astro-47-vrm-webxr-tpose-warning-fix.webp)
[Astro/WebXR #47] VRMアバターのTポーズ問題を解消する 〜AnimationMixerの安全なクロスフェードと警告との戦い〜
WebXR空間でVRMアバターのモーション切り替え時に発生する「Tポーズ問題」を、AnimationMixerを用いた安全なクロスフェード処理で解消する方法を解説。あわせて、three-vrmやUnityエクスポート時の厄介な警告メッセージ根絶プロセスも記録します。
![[Astro #46] WebXRでのVRMアバター姿勢制御 - しゃがみ・ジャンプと自作アニメーションの適用](https://assets.lain-lab.com/images/uploads/astro-46-vrm-webxr-squat-jump-motion.webp)
[Astro #46] WebXRでのVRMアバター姿勢制御 - しゃがみ・ジャンプと自作アニメーションの適用
Three.jsのAnimationMixerを用いた、WebXRカメラのY座標に基づく姿勢判定ロジック。しゃがみ、立ち上がり、ジャンプの各モーション遷移と、自然な補間のための命令型制御の実装。
![[Astro #45] VR空間におけるアバターの自律的随伴ロジック 〜移動制御による実在感の構築〜](https://assets.lain-lab.com/images/uploads/astro-45-vrm-webxr-autonomous-movement.webp)
[Astro #45] VR空間におけるアバターの自律的随伴ロジック 〜移動制御による実在感の構築〜
AstroとReact Three Fiber(R3F)を用いたWebXR開発において、アバターに意志を感じさせる移動ステートマシンとlerpによる滑らかな追従・帰還処理の実装ポイントをまとめました。
![[Astro #44] Protocol Atlas: 144枚の情報の海をサルベージするVRアーカイブ](https://assets.lain-lab.com/images/uploads/astro-44-r3f-webxr-protocol-atlas.webp)
[Astro #44] Protocol Atlas: 144枚の情報の海をサルベージするVRアーカイブ
144枚のビデオアトラス描画、VRコントローラーによるサルベージ、GPUリソースの最適化まで。
UIと深淵の現象学：WebXR開発と『lain』的実存
WebXR開発における表層と深層の乖離を、アニメ『serial experiments lain』の哲学を交えて考察。承認欲求を超越した「純粋なる開発衝動」と、遍在する管理者としての孤独について。
![[Astro #43] @react-three/uikitによるWebXR用3Dメニューの実装と仮想・現実のコマンド同期](https://assets.lain-lab.com/images/uploads/astro-43-r3f-webxr-uikit-sync.webp)
[Astro #43] @react-three/uikitによるWebXR用3Dメニューの実装と仮想・現実のコマンド同期
React Three FiberとWebXRを用いて、VR空間内に3Dターミナルコンソールを構築。座標計算の罠を突破し、Event-Driven Architectureを活用してVR空間から現実のシステム（天気APIやVOICEVOX）を直接制御するフルダイブ環境の実装手法を解説します。
![[Astro #42] R3FでWebXR環境構築：VRMの激重カクつき問題をHitboxで解決](https://assets.lain-lab.com/images/uploads/astro-42-r3f-webxr-vrm-hitbox.webp)
[Astro #42] R3FでWebXR環境構築：VRMの激重カクつき問題をHitboxで解決
AstroとReact Three Fiberを使用したWebXR開発で直面する、VRMモデルのパフォーマンス問題を解決。数万ポリゴンのRaycast計算を回避し、透明なカプセル（Hitbox）を使って快適なVR空間とインタラクションを両立させる実装手順をまとめました。
![[Astro #41] React Three FiberでGLBモデルのステージ配置と動的切り替えを実装](https://assets.lain-lab.com/images/uploads/astro-41-react-three-fiber-glb-stage-switch.webp)
[Astro #41] React Three FiberでGLBモデルのステージ配置と動的切り替えを実装
AstroとReact Three Fiberを組み合わせたサイト開発。GLBモデルを用いたステージの配置と自転アニメーション、JSONによる動的切り替え、そしてスマホ対応のメニューUI実装についてまとめました。
![[Astro #40] 3Dモデルロード時のプログレスダイアログ実装とレンダリングの落とし穴](https://assets.lain-lab.com/images/uploads/astro-40-react-three-fiber-progress-dialog-pitfalls.webp)
[Astro #40] 3Dモデルロード時のプログレスダイアログ実装とレンダリングの落とし穴
useProgressフックで発生しがちなState更新衝突エラーの原因を特定し、DefaultLoadingManagerとsetTimeoutを用いた確実な回避策をまとめました。
![[CGクロニクル #15] 次世代のキャンバス：WebGPUとリアルタイムレイトレーシングが切り開く未来](https://assets.lain-lab.com/images/uploads/cg-chronicle-15-webgpu-raytracing.webp)
[CGクロニクル #15] 次世代のキャンバス：WebGPUとリアルタイムレイトレーシングが切り開く未来
WebGPUによるGPU計算の解放と、現実の光をシミュレートするリアルタイムレイトレーシングの衝撃。技術の特異点に立つ現代の描画哲学と、これからの光の記憶について考察します。