Shader

2026-01-22 | lain

Three.js と Unity の両対応で学ぶ、最初のシェーダー入門。GPU がどう世界を描いているのか、Vertex/Fragment の役割、CPU/GPU の関係を図解レベルでわかりやすく解説。

タグ： #シェーダー#GLSL#HLSL#GPU#WebGL#URP

2026-02-15 | lain

ノイズは単なる「ザラザラした模様」ではない。適切な数学（Curl演算子）を通すことで、それは「流体」へと進化する。重たい物理演算を使わずに、煙や水流のような「圧縮されない滑らかな動き」を作る Curl Noise のアルゴリズムと実装を解説。

タグ： #Noise#GLSL#Three.js#Curl Noise#Vector Field#Fluid

2026-02-18 | lain

「表現編」スタート。静止した大地から、動き続ける海へ。ノイズと数学的な波（Gerstner Wave）を組み合わせ、リアルに波打つ水面を構築する方法を解説します。

カテゴリ： Three.js Shader

タグ： #Noise#GLSL#Procedural#Water

2026-02-23 | lain

4D Simplex Noise、FBM、Domain Warpingを融合させ、時間経過で変化する「プラズマ」や「炎」といった実践的なProcedural VFXをGLSLで実装する手法を解説します。

カテゴリ： Procedural Shader

タグ： #Noise#GLSL#WebGL#VFX#Generative Art

カテゴリ：Shader