![[Next.js #11] FBM地形を削って“動く湖”を作る：反射・雲ドーム・水シェーダーの完全統合](https://humanxai.info/images/uploads/nextjs-11-r3f-fbm-lake-terrain-water-shader.webp)
[Next.js #11] FBM地形を削って“動く湖”を作る：反射・雲ドーム・水シェーダーの完全統合
2026-02-10 | lain
FBMノイズで生成した地形を“くぼませて湖を作る”実装を解説。水面のFBM波シェーダー、雲ドーム、Reflector鏡面エフェクト、プレイヤー移動まで統合した“ひとつの世界”をR3Fで構築する。
カテゴリ：Water
![[Shader 入門 #05] 波・水面・炎・発光を作る：sin / noise / depth / Fresnel（Three.js & Unity）](https://humanxai.info/images/uploads/shader-intro-05-water-fire-emission-depth-fresnel.webp)
[Shader 入門 #05] 波・水面・炎・発光を作る：sin / noise / depth / Fresnel（Three.js & Unity）
2026-01-26 | lain
シェーダー初心者が最短で“作品に使える表現”へ到達する回。sin波で水面、noiseで炎、depthで透明度、Fresnelで発光（リムライト）を、Three.js（GLSL）とUnity（URP/HLSL）で同じ発想のまま実装する。
![[Unity] #12 : SimpleWaterで最小の水面を作る（Plane＋URPシェーダー＋テクスチャ）](https://humanxai.info/images/uploads/unity-12-simplewater-plane-urp-shader-texture.webp)
[Unity] #12 : SimpleWaterで最小の水面を作る（Plane＋URPシェーダー＋テクスチャ）
2026-01-23 | lain
Planeに自作URPシェーダーを当てて、最小構成の水面（SimpleWater）を実装。波（頂点揺らし）＋透明合成＋水面テクスチャで、箱庭に“湖”を追加する手順をまとめる。
![[Noise 入門 #11] Procedural Water — ノイズで海面を波立たせる（Gerstner Wave vs Noise）](https://humanxai.info/images/uploads/noise-intro-11-procedural-water.webp)
[Noise 入門 #11] Procedural Water — ノイズで海面を波立たせる（Gerstner Wave vs Noise）
2026-02-18 | lain
「表現編」スタート。静止した大地から、動き続ける海へ。ノイズと数学的な波（Gerstner Wave）を組み合わせ、リアルに波打つ水面を構築する方法を解説します。