![[JavaScript] フォルダ置くだけで動く3D ROOM機能を作る（Three.js）](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-glb-vrm-walkable-3d-space.webp?)
[JavaScript] フォルダ置くだけで動く3D ROOM機能を作る（Three.js）
Three.js + vanilla JSで、ZIPを解凍してサーバーに置くだけで動く3D ROOM機能を構築。GLB部屋モデル、VRMアバター、BVH衝突判定、3人称カメラ、ポータルリンクまで、バンドラー不要のピュアESM構成で実装した記録
ARCHIVE_INDEX / PAGE_8
TOTAL_ITEMS: 769
![[Astro #101] VRM Thumbnail Generator 単品ツール化](https://assets.lain-lab.com/images/uploads/astro-101-vrm-thumbnail-generator.webp)
[Astro #101] VRM Thumbnail Generator 単品ツール化
VRMサムネ自動生成機能を単品WEBアプリとして独立。リアルタイム3Dプレビュー、カメラ調整、.vrmaポーズ適用、ドラッグ&ドロップ対応のツールを1日で実装。
![[Astro #100] VRMサムネイル自動生成 & メニュー表示](https://assets.lain-lab.com/images/uploads/astro-100-vrm-thumbnail-auto-gen.webp)
[Astro #100] VRMサムネイル自動生成 & メニュー表示
Three.jsのオフスクリーンレンダリングでVRMモデルのサムネイルを自動生成し、IndexedDBにBase64で保存。WiredAvatarMenuとWiredVRMenuの両方でサムネ付きモデル選択UIを実装した記録。
![[Astro #99] LAYER FIGHTER: ラウンドフロー改善・膝蹴り暴発バグ修正](https://assets.lain-lab.com/images/uploads/astro-99-ftg-round-flow-kick-bug.webp)
[Astro #99] LAYER FIGHTER: ラウンドフロー改善・膝蹴り暴発バグ修正
WebXR格闘ゲーム LAYER FIGHTER のラウンドフローを再設計し、GAME_SETフェーズを新設。2本先取時の演出整理、フレームカウントリセット、リセットロジック共通化、入力バッファ起因の膝蹴り暴発バグを修正。
![[Astro #98] LAYER FIGHTER: PS4コントローラー対応を全メニュー画面に実装](https://assets.lain-lab.com/images/uploads/astro-98-ftg-ps4-gamepad-menu.webp)
[Astro #98] LAYER FIGHTER: PS4コントローラー対応を全メニュー画面に実装
WebXR格闘ゲーム LAYER FIGHTER のメニュー画面にPS4コントローラー対応を実装。Gamepad APIをポーリングする共通React hookを1つ作り、全5画面に適用した記録。
![[Astro #97] LAYER FIGHTER: クレジットにステージ情報を反映](https://assets.lain-lab.com/images/uploads/astro-97-ftg-credit-stage-fix.webp)
[Astro #97] LAYER FIGHTER: クレジットにステージ情報を反映
LAYER FIGHTERのエンディングクレジットにステージの3Dモデル情報が表示されない問題を修正。Assets.jsonではなくStages.jsonから直接読み込むようimportを追加。
![[Hardware] NZXT Krakenの液晶を限界突破「NZXT-ESC」で自由自在にカスタムする方法](https://assets.lain-lab.com/images/uploads/nzxt-kraken-lcd-custom-nzxt-esc.webp?)
[Hardware] NZXT Krakenの液晶を限界突破「NZXT-ESC」で自由自在にカスタムする方法
NZXT CAMのWeb Integration機能を利用し、KrakenのLCDディスプレイに好きな動画やシステムステータスを自由なレイアウトで重ね置きできる神ツール「NZXT-ESC」をご紹介。
![[Astro #96] CreditBoard汎用化・VRM回転機能追加](https://assets.lain-lab.com/images/uploads/astro-96-creditboard-vrm-rotation.webp)
[Astro #96] CreditBoard汎用化・VRM回転機能追加
WITCreditBoardをCreditBoard.tsxとして汎用化し、ADV/RPG（STAGE_MY_ROOM）とパズルゲーム（木箱GLB付き）にクレジット看板を設置。VR/PC座標分岐、import type問題、外部VRM保存フローの調査、VRMアバターY軸回転機能の実装まで。
![[Astro #95] LAYER FIGHTER: ステージセレクト実装 & ジャンプ攻撃追加](https://assets.lain-lab.com/images/uploads/astro-95-stage-select-jump-attacks.webp)
[Astro #95] LAYER FIGHTER: ステージセレクト実装 & ジャンプ攻撃追加
WebXR格闘ゲーム LAYER FIGHTER にステージセレクト画面を実装し、ジャンプ攻撃を追加しました。VR/デスクトップ両対応のHUD二重表示バグも修正。
![[Hardware] Quest 3の端子破損を防ぐ。マグネット式USB-Cアダプターを購入レビュー](https://assets.lain-lab.com/images/uploads/quest3-magnetic-usb-c-adapter-review.webp?)
[Hardware] Quest 3の端子破損を防ぐ。マグネット式USB-Cアダプターを購入レビュー
Meta Quest 3の充電端子の消耗や破損を防ぐため、格安のマグネット式USB-Cアダプターを購入。頻繁な抜き差しの精神的負担から解放された快適な使用感と、中華製品ならではのリスクについて解説します。
![[Astro #94] Mixed Reality Day2 // 責務分離・歩行アニメーション・段差イベント・設定UI](https://assets.lain-lab.com/images/uploads/astro-94-mr-day2.webp)
[Astro #94] Mixed Reality Day2 // 責務分離・歩行アニメーション・段差イベント・設定UI
MR実装2日目。WiredAvatarからMRAvatarへの責務分離、AVATAR_HEIGHTの根本解決、歩行アニメーション、メモリリーク対策、段差検出・座りイベント、VRコントローラーでの設定UIを実装。
![[Astro #93] Mixed Reality // VRMアバターをQuest3の現実空間で歩かせる](https://assets.lain-lab.com/images/uploads/astro-93-mr-walkthrough.webp)
[Astro #93] Mixed Reality // VRMアバターをQuest3の現実空間で歩かせる
WebXR plane-detectionを使い、Quest3のパススルーMR空間でVRMアバターが実際の床に着地し、壁に反射して歩き回る仕組みを実装した記録。