![[Next.js #10] R3F × GLSL で “動く雲の SkyDome” を作る：FBM ノイズで空を生成](https://humanxai.info/images/uploads/nextjs-10-r3f-glsl-cloud-sky-fbm.webp)
[Next.js #10] R3F × GLSL で “動く雲の SkyDome” を作る：FBM ノイズで空を生成
2026-02-09 | lain
R3F × GLSL で FBM ノイズを使った “動く雲の SkyDome” を実装し、地形に続いて空を生成する方法を解説します。
カテゴリ：FBM
![[Next.js #09] Perlin/FBM ノイズで地形を作り、プレイヤーを Raycast で追従](https://humanxai.info/images/uploads/nextjs-09-noise-terrain-raycast-player-follow.webp)
[Next.js #09] Perlin/FBM ノイズで地形を作り、プレイヤーを Raycast で追従
2026-02-08 | lain
R3F(React Three Fiber) 上で FBM ノイズ地形を生成し、Raycaster で地面の高さを取得してプレイヤーを自然に追従させる。地形生成（頂点Z変形・法線再計算・標高カラー）から、WASD移動＋atan2回転、hit安全処理とLERP補間までを最小構成でまとめる。