[ CATEGORY / Next.js ]

MATCHED_ITEMS: 4
[Next.js #56] Three.jsで創る無限の箱庭 — キツネと歩くプロシージャル・ワールド
[2026/3/29]

[Next.js #56] Three.jsで創る無限の箱庭 — キツネと歩くプロシージャル・ワールド

Next.jsとThree.js、GLSL、Web Workersを駆使したプロシージャル生成世界の最終統合。TPSカメラの実装、キツネのGLTFモデルと歩行アニメーションの同期、ノイズベースの衝突判定の安定化手法を詳しく解説します。
[Next.js #55] Boids × Flow Field — 10万の鳥が「狂気の空」を舞う
[2026/3/28]

[Next.js #55] Boids × Flow Field — 10万の鳥が「狂気の空」を舞う

穏やかな群れを作るはずが、完成したのは「ドラッグ オン ドラグーン」のような絶望の空でした。GPUの限界に挑む10万羽の描画、翼のしなり（Whip）の数式、そしてGLBモデル本来のテクスチャカラーを維持するシェーダーハックをまとめます。
[Next.js #54] Procedural Wind & Flow — Three.jsで草木を揺らし、雲を流す実装
[2026/3/27]

[Next.js #54] Procedural Wind & Flow — Three.jsで草木を揺らし、雲を流す実装

Next.jsとThree.jsを用いたプロシージャルワールド開発。FBMノイズを利用した風のベクトル場を生成し、頂点シェーダーで10万本の植物と雲を動かすVFXテクニックの全貌を解説します。
[Next.js #52] Procedural Caves の実装 — ヒメドローンで未知の地下空間を探索する
[2026/3/25]

[Next.js #52] Procedural Caves の実装 — ヒメドローンで未知の地下空間を探索する

Three.jsを用いたプロシージャルなボクセル生成に、3Dノイズを使った洞窟（Perlin Worms）を追加。地下に潜ると暗転するライティング制御や、マウスによるTPS視点のカメラ操作の実装コードを公開します。