Shader

2026-02-13 | lain

Domain Warping は“ノイズの入力座標そのものを歪ませる”技術。FBMと組み合わせることで、渦・煙・雲・ブラックホールのような自然構造を生み出せる。本記事では図解と数式で直感的に理解する。

カテゴリ： Procedural

タグ： #Noise#Domain Warping#FBM#Perlin#Shader#Three.js#WebGL

$[Noise 入門 #02] ノイズを作る数学の基礎 — グリッド・勾配・補間を理解する$

2026-02-09 | lain

Perlin・Simplex に共通する“ノイズの根本数学”。グリッド、勾配ベクトル、内積、補間、frequency・amplitude の基礎を徹底的に整理する回。

カテゴリ： Procedural

タグ： #Noise#Perlin#Simplex#Shader#Three.js#WebGL

2026-02-14 | lain

Domain Warping を Three.js + GLSL で実装する実践回。ノイズを“値の揺らぎ”から“空間変形アルゴリズム”へと引き上げ、FBMとの組み合わせ、strength制御、時間拡張までを体系的に解説します。

カテゴリ： Procedural

タグ： #Noise#Shader#GLSL#Three.js#DomainWarping#FBM

2026-02-20 | lain

Voronoi Noiseの距離計算（F1/F2）をGLSLで実装し、細胞、水面、ひび割れ、クリスタルといった「構造的な自然物」を生成する具体的なテクニックを解説。

カテゴリ： Procedural

タグ： #Voronoi#GLSL#Shader#WebGL#Math

2026-02-22 | lain

Simplex Noise の理論を GLSL で実装し、高効率な 3D/4D ノイズを実現する方法を解説します。

カテゴリ： Procedural

タグ： #GLSL#Shader#Simplex Noise#Procedural Generation#WebGL

2026-02-28 | lain

Noise 入門シリーズ第21回。第3集「Shader（GLSL）実践編」が開幕。FBMや4Dノイズを活用し、テクスチャを使わずに数式だけで「燃え盛るプロシージャルな炎」を錬成します。

カテゴリ： Procedural

タグ： #Noise#GLSL#Shader

2026-02-16 | lain

Next.js + R3F 実装連載第18回。Three.js公式のWaterシェーダーによる海面表現と、レイマーチングを用いたボリューメトリックな雲を組み合わせ、リアルな自然環境を構築します。

カテゴリ： Next.js Three.js

タグ： #React Three Fiber#Shader#WebGL#Raymarching

カテゴリ：Shader