![[Astro #104] Three.js GLTFExporterによるブラウザ完結型GLB/GLTFエクスポートの実装](https://assets.lain-lab.com/images/uploads/astro-104-gltf-exporter-threejs.webp)
[Astro #104] Three.js GLTFExporterによるブラウザ完結型GLB/GLTFエクスポートの実装
Three.js (r183) の GLTFExporter を利用して、ボーン構造やモーフターゲット（表情等）を保持したままブラウザ上のみで GLB エクスポートを行う実装手法をまとめました。
ARCHIVE_INDEX / PAGE_1
TOTAL_ITEMS: 700
![[JavaScript] 3D ROOM制作 11日目 GLSLシェーダーでスカイボックスを作り直す](https://assets.lain-lab.com/images/uploads/javascript-threejs-room-12-glsl-skybox.webp)
[JavaScript] 3D ROOM制作 11日目 GLSLシェーダーでスカイボックスを作り直す
Three.jsのスカイボックスをGLSLフラグメントシェーダーで再実装。3D Value Noiseによるシームレスな雲、星の瞬き、流れ星、WIREDスタイルのグリッドオーバーレイをリアルタイムアニメーションで実現。
![[Astro #103] ブラウザ完結型GLBコンプレッサーの実装 — WebPテクスチャ変換とDraco圧縮の統合](https://assets.lain-lab.com/images/uploads/astro-103-glb-compressor-webp-draco.webp)
[Astro #103] ブラウザ完結型GLBコンプレッサーの実装 — WebPテクスチャ変換とDraco圧縮の統合
ブラウザ上で動作するGLB圧縮ツールの実装解説。gltf-transformを活用したDracoジオメトリ圧縮と、Canvas APIを用いたテクスチャのWebP化を組み合わせたファイルサイズ削減手法、およびAstroへの統合手順について詳解します。
![[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で実装した。
![[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問題の調査記録