![[Noise 入門 #13] Voronoi Noiseの実践 — 数式で「岩肌」「ひび割れ」「クリスタル」を錬成する](https://humanxai.info/images/uploads/noise-intro-13-voronoi-applications.webp)
[Noise 入門 #13] Voronoi Noiseの実践 — 数式で「岩肌」「ひび割れ」「クリスタル」を錬成する
2026-02-20 | lain
Voronoi Noiseの距離計算（F1/F2）をGLSLで実装し、細胞、水面、ひび割れ、クリスタルといった「構造的な自然物」を生成する具体的なテクニックを解説。
カテゴリ：WebGL
![[Noise 入門 #15] Simplex Noise を GLSL で実装する — 空間と時間を歪める 4D の魔法](https://humanxai.info/images/uploads/noise-intro-15-simplex-noise-glsl.webp)
[Noise 入門 #15] Simplex Noise を GLSL で実装する — 空間と時間を歪める 4D の魔法
2026-02-22 | lain
Simplex Noise の理論を GLSL で実装し、高効率な 3D/4D ノイズを実現する方法を解説します。
![[Noise 入門 #16] 4D Simplex Noise × FBM × Domain Warping — 時間を与えられたノイズが「炎」と「プラズマ」になる瞬間](https://humanxai.info/images/uploads/noise-intro-16-4d-simplex-fbm-warping.webp)
[Noise 入門 #16] 4D Simplex Noise × FBM × Domain Warping — 時間を与えられたノイズが「炎」と「プラズマ」になる瞬間
2026-02-23 | lain
4D Simplex Noise、FBM、Domain Warpingを融合させ、時間経過で変化する「プラズマ」や「炎」といった実践的なProcedural VFXをGLSLで実装する手法を解説します。
![[Next.js #18] R3Fで「無限の水平線」を作る — Ocean & Volumetric Clouds](https://humanxai.info/images/uploads/nextjs-18-r3f-ocean-volumetric-clouds.webp)
[Next.js #18] R3Fで「無限の水平線」を作る — Ocean & Volumetric Clouds
2026-02-16 | lain
Next.js + R3F 実装連載第18回。Three.js公式のWaterシェーダーによる海面表現と、レイマーチングを用いたボリューメトリックな雲を組み合わせ、リアルな自然環境を構築します。