[Shader 入門 #05] 波・水面・炎・発光を作る:sin / noise / depth / Fresnel(Three.js & Unity)
2026-01-26 | lain
シェーダー初心者が最短で“作品に使える表現”へ到達する回。sin波で水面、noiseで炎、depthで透明度、Fresnelで発光(リムライト)を、Three.js(GLSL)とUnity(URP/HLSL)で同じ発想のまま実装する。
2026-01-26 | lain
シェーダー初心者が最短で“作品に使える表現”へ到達する回。sin波で水面、noiseで炎、depthで透明度、Fresnelで発光(リムライト)を、Three.js(GLSL)とUnity(URP/HLSL)で同じ発想のまま実装する。
2026-01-25 | lain
Three.js(GLSL)と Unity(HLSL/ShaderLab)を“同じ地図”で理解する比較回。attribute/appdata、varying/v2f、時間、UV、法線、そして model/view/projection 行列対応表まで、移植できる頭を作る。
2026-01-24 | lain
SimpleWater の最小実装中に XR 設定の迷走と Prefab Overrides を踏み抜き、PlayerArmature(VRM)が崩壊。Revert/Apply でも戻らず、Git からの巻き戻しも効かなかった。何が壊れ、なぜ直らず、復旧で何を試して失敗したかを技術的に時系列で残す。
2026-01-24 | lain
Three.js の最小GLSLと同じ体験を Unity(ShaderLab + HLSL)で再現。URPで動く最小Unlitシェーダーを自作し、_Time で頂点波と色変化を確認する。
2026-01-23 | lain
Planeに自作URPシェーダーを当てて、最小構成の水面(SimpleWater)を実装。波(頂点揺らし)+透明合成+水面テクスチャで、箱庭に“湖”を追加する手順をまとめる。
2026-01-22 | lain
Three.js と Unity の両対応で学ぶ、最初のシェーダー入門。GPU がどう世界を描いているのか、Vertex/Fragment の役割、CPU/GPU の関係を図解レベルでわかりやすく解説。
2026-01-19 | lain
Unity6でアセットを使って街(箱庭)を作った実体験メモ。配置テクニック、Hierarchy整理、URP紫問題、SampleScene上書き事故とその回避策をまとめる。