![[JavaScript] 3D ROOM制作 10日目 ブラウザだけでGLBファイルを圧縮する（依存ゼロ・150行）](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-11-glb-compress.webp)
[JavaScript] 3D ROOM制作 10日目 ブラウザだけでGLBファイルを圧縮する（依存ゼロ・150行）
GLBファイル内のテクスチャをWebPに変換してファイルサイズを大幅削減する圧縮モジュールを、外部ライブラリなしの純粋なJavaScriptで実装した。
ARCHIVE_INDEX / PAGE_7
TOTAL_ITEMS: 769
![[JavaScript] 3D ROOM制作 9日目 Surge・Firebase・GitLab Pages配置 + ポータル3D判定修正](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-10-surge-firebase-gitlab.webp)
[JavaScript] 3D ROOM制作 9日目 Surge・Firebase・GitLab Pages配置 + ポータル3D判定修正
WIRED ROOMを Surge.sh・Firebase Hosting・GitLab Pages に配置して9サーバー体制に。Fly.io断念の経緯、ポータル近接判定のY座標バグ修正を記録。
![[JavaScript] 3D ROOM制作 8日目 Render・Deno Deploy配置 + スロープ実装](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-09-render-deno-deploy.webp)
[JavaScript] 3D ROOM制作 8日目 Render・Deno Deploy配置 + スロープ実装
WIRED ROOMを Render と Deno Deploy に配置して6サーバー体制に。スロープ上り下り実装、HDRI環境マップ・トーンマッピング導入、RenderのCORS罠を記録。
![[Astro #102] VRM Thumbnail Generator v2 — 表情・背景・ライティング・25ポーズ対応](https://assets.lain-lab.com/images/uploads/astro-102-vrm-thumbnail-generator-v2.webp)
[Astro #102] VRM Thumbnail Generator v2 — 表情・背景・ライティング・25ポーズ対応
VRM Thumbnail Generator v2。表情（blendShape）スライダー9種、背景画像/カラーピッカー、ライティング調整、ポーズ25個対応（◀▶ナビ）、W×H独立サイズ指定、アスペクト比プリセット（1:1/4:1/16:9/9:16）、サンプルVRM、THREE.Clock非推奨警告修正。
![[JavaScript] 3D ROOM制作 7日目 Friend/Works Portal・ポータルエディタ実装](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-08-portal-types.webp)
[JavaScript] 3D ROOM制作 7日目 Friend/Works Portal・ポータルエディタ実装
WIRED ROOMに3種類のポータルタイプを実装。Friend Portal（青）とWorks Portal（黄）の追加、portal-editor.jsによるリスト編集UI、corridor.jsの広場でのタイプ別表示分け、ZIP exportでのJSON生成を完了。
![[Hardware] レンジフード（ADR-732WR）のモーター異常加熱による故障診断と単体交換による復旧記録](https://assets.lain-lab.com/images/uploads/rangehood-motor-replacement-adr732wr.webp)
[Hardware] レンジフード（ADR-732WR）のモーター異常加熱による故障診断と単体交換による復旧記録
レンジフード（LIXIL ADR-732WR）のモーター故障に対し、原因の切り分け、代替本体検討時の互換性検証、およびモーター単体（富士工業 90233661）交換による復旧手順を事実ベースで解説します。
![[JavaScript] 3D ROOM制作 6日目 マルチサーバーデプロイ・VRポータル4サーバー間移動](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-07-multi-server-deploy-vr-portal.webp)
[JavaScript] 3D ROOM制作 6日目 マルチサーバーデプロイ・VRポータル4サーバー間移動
WIRED ROOMをNetlify・GitHub Pages・Vercel・Cloudflare Pagesの4サーバーに配置し、VRでサーバーをまたいだポータル移動を実現。CORS設定、Vercelのpublic問題、フェードアウト遷移、VRM警告修正まで。
![[JavaScript] 3D ROOM制作 5日目 VRヒント・バナー画像・Import/Export](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-06-vr-hint-banner-import-export.webp)
[JavaScript] 3D ROOM制作 5日目 VRヒント・バナー画像・Import/Export
WIRED ROOM 5日目。VR近接ヒント表示、広場ポータルのバナー画像対応、ZIPインポートによる完全復元、全データクリア機能を実装しました。
![[JavaScript] 3D ROOM制作 4日目 プログレスバー・ポータル改修・広場実装](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-05-progress-bar-portal-refactor-plaza.webp)
[JavaScript] 3D ROOM制作 4日目 プログレスバー・ポータル改修・広場実装
WIRED ROOM開発4日目。プログレスバー実装、config.js/portal-effect.jsへの共通化、app.jsのinit分解（loadRoom/disposeRoom/loadExternalRoom）、プロシージャル十字路を廃止してKenney素材の広場に置き換え、VRポータル操作、Quest 3問題の調査記録
![[JavaScript] 3D ROOM制作 3日目 ポータル通路・Export・VRMフィギュア配置 (Three.js)](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-04-portal-corridor-export-figurine.webp)
[JavaScript] 3D ROOM制作 3日目 ポータル通路・Export・VRMフィギュア配置 (Three.js)
vanilla JS + Three.js + WebXRで構築する3Dウォークスルー空間WIRED ROOMの開発記録。iframe競合バグ修正、VRMフィギュア配置、公開用ZIPエクスポート、プロシージャル通路生成、ポータルによる部屋間移動機能を実装。
![[JavaScript] 3D ROOM制作 2日目（午後） VR対応・エディタ・ROOM追加機能 (Three.js)](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-03-vr-editor-custom-room.webp)
[JavaScript] 3D ROOM制作 2日目（午後） VR対応・エディタ・ROOM追加機能 (Three.js)
vanilla Three.jsのROOMアプリにWebXR VRモード、右クリックメニュー、カスタムROOMアップロード（IndexedDB保存・stats自動取得・info入力フォーム）、リアルタイム調整スライダー、サムネ撮影機能を追加した記録
![[JavaScript] 3D ROOM制作 2日目（前） 初期設定ウィザードとスカイボックス実装 (Three.js)](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-02-setup-wizard-skybox-dexie.webp?)
[JavaScript] 3D ROOM制作 2日目（前） 初期設定ウィザードとスカイボックス実装 (Three.js)
Three.js製ROOMアプリのPhase 2。セットアップウィザードUI、models.jsonからのサムネイルグリッド表示、VRMアップロードとIndexedDB保存、プロシージャルスカイボックス4プリセット（Night/Sunset/Day/WIRED）をvanilla JSで実装した記録