![[JavaScript] VRM to MMD — 足IK・Aスタンス・指ボーン生成の実装詳細](https://assets.lain-lab.com/images/uploads/javascript-vrm-to-mmd-bone-generation.webp)
[JavaScript] VRM to MMD — 足IK・Aスタンス・指ボーン生成の実装詳細
VRM→PMX変換でVMDモーションを動かすための実装解説。足IKボーンの生成、Aスタンス化と手動スキニング、指ボーンのマッピングと指先生成、three-vrmのボーン姿勢リセット対策までをコード付きでまとめた。
ARCHIVE_INDEX / PAGE_6
TOTAL_ITEMS: 769
![[Astro #105] Next.jsからAstro(WSL2)移植時にハマったAPI Routeの404/500エラーとLM Studio（ローカルLLM）連携の全手順](https://assets.lain-lab.com/images/uploads/astro-105-wsl2-lmstudio-api-integration.webp)
[Astro #105] Next.jsからAstro(WSL2)移植時にハマったAPI Routeの404/500エラーとLM Studio（ローカルLLM）連携の全手順
Astroの動的APIエンドポイント設定（prerender = false）、Astroコンテキストからのrequestオブジェクト抽出、そしてWSL2環境からWindows上のLM Studio（Serve on Local Network）へ接続するためのネットワーク設定手順を解説します。
![[JavaScript] VRM to MMD — VMDアニメーションが動くまでのデバッグ記録](https://assets.lain-lab.com/images/uploads/javascript-vrm-to-mmd-vmd-debug.webp)
[JavaScript] VRM to MMD — VMDアニメーションが動くまでのデバッグ記録
VRM→PMX変換ツールのVMDモーション互換を実現するまでの記録。座標系のX反転、足IKボーンの実装、ボーン名マッピングの修正、ローカル軸フラグの追加を、正常品PMXとのバイナリ比較で1つずつ潰した
![[JavaScript] Lain Clock カレンダー機能の WebGL 3D メッシュ化と描画順序（renderOrder/depthWrite）の最適化](https://assets.lain-lab.com/images/uploads/javascript-lain-clock-calendar-module.webp)
[JavaScript] Lain Clock カレンダー機能の WebGL 3D メッシュ化と描画順序（renderOrder/depthWrite）の最適化
WebGL空間に統合された3Dカレンダーモジュールの実装解説。Off-screen Canvasを用いた動的テクスチャ生成、transparentマテリアルにおけるdepthWrite: falseとrenderOrderによる重なり順の制御、設定保存・復元との透過的連携をまとめています。
![[JavaScript] Lain Clock プリセット管理機能の実装 — WebGL設定の保存・復元・JSON Export/Import](https://assets.lain-lab.com/images/uploads/javascript-lain-clock-preset-management.webp)
[JavaScript] Lain Clock プリセット管理機能の実装 — WebGL設定の保存・復元・JSON Export/Import
WebGL時計アプリケーション「Lain Clock」に、設定値のローカル保存、復元（リストア）、JSONファイルの書き出し/読み込み機能を実装した設計とコード構造を解説します。
![[JavaScript] VRM to MMD(PMX) 変換ツール — glBパースからPMXバイナリ書き出しまで（β版）](https://assets.lain-lab.com/images/uploads/javascript-vrm-to-mmd-converter.webp)
[JavaScript] VRM to MMD(PMX) 変換ツール — glBパースからPMXバイナリ書き出しまで（β版）
VRMファイルをMMD用PMX形式に変換するブラウザ完結ツールを開発中。glTF Binaryのパース、PMX 2.0バイナリの生成、座標系変換、Humanoidボーンマッピングの実装記録
![[JavaScript] Lain Clock スマホ対応 — UI折りたたみ・カメラ自動調整・設定リアルタイムプレビュー](https://assets.lain-lab.com/images/uploads/javascript-lain-clock-mobile-responsive.webp)
[JavaScript] Lain Clock スマホ対応 — UI折りたたみ・カメラ自動調整・設定リアルタイムプレビュー
Three.js製MMD時計アプリ「Lain Clock」のスマホ対応。CSSメディアクエリによるUI最適化、HUD/ツールバーの折りたたみ機構、縦画面でのカメラZ自動調整、設定パネルのリアルタイムプレビューを実装
![[JavaScript] 高精度GIF圧縮＆リサイザーの実装 Gifsicle WASMで80%軽量化を実現](https://assets.lain-lab.com/images/uploads/javascript-browser-gifsicle-wasm-gif-resizer.webp)
[JavaScript] 高精度GIF圧縮＆リサイザーの実装 Gifsicle WASMで80%軽量化を実現
純粋なJavaScriptによるGIFエンコードでのファイルサイズ増大やノイズ発生問題を、WebAssembly化されたC言語製エンジン「Gifsicle」と動的プログレスUIの実装により解決したプロセスを詳しく解説します。
![[JavaScript] Lain Clock アップデート — ZIP文字化け修正・床パターンシステム・モデル復元機能](https://assets.lain-lab.com/images/uploads/javascript-lain-clock-update-zip-floor-patterns.webp)
[JavaScript] Lain Clock アップデート — ZIP文字化け修正・床パターンシステム・モデル復元機能
Three.js製MMD時計アプリ「Lain Clock」の大型アップデート。ZIPのShift_JISファイル名対応、プロシージャル床パターンシステム、モデル復元機能、設定のリアルタイム更新を実装
![[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 エクスポートを行う実装手法をまとめました。
![[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への統合手順について詳解します。