/webgl

webgl

Primary LanguageJavaScriptMIT LicenseMIT

WebGL

URLS

wgld.org
シェーダー芸人になりたかった6か月前の自分に教えてあげたいリンク集
GLSL で暖を取るための準備をしよう! GLSL お役立ちマニュアル
The Book of Shaders
シェーダだけで世界を創る!three.jsによるレイマーチング
これがGPUの力!Three.jsによる“リアルタイム”なレイトレーシング
Inigo Quilez Website
距離関数のfold(折りたたみ)による形状設計
パーリンノイズを理解する
レイマーチングでHeight Map Distance Field
GLSLのレイマーチングで地形を描画する
Curl Noise書いてみた
UnityのCompute ShaderでCurl Noiseを実装(流体編)
レイマーチングで潜れる雲を作る
Unity でボリュームレンダリングをしてみる - vol.1 データ表示
もっと綺麗で写実的な絵作りがしたい!レイマーチング向けのシェーディング技術
デモシーンへようこそ
デモシーンへようこそ2
2017年度GLSLお役立ちシート
raymarching for games
GLSLtech2018 レイマーチングで半歩差のつく小技集
ビルトイン関数の使い方いろいろ!シェーダーアートの表現力を高める小技集
Distance Estimated 3D Fractals
Orbit trapを考える
正規化Lambert
Blinn-Phong スペキュラの正規化について
楽しい!Unityシェーダー お絵描き入門!
2Dの小技 動くお絵かき
条件分岐のためにstep関数を使う時の考え方をまとめてみた
Perlin Noise (fBm) を使ったカメラ揺れエフェクト
フレネル反射率について
レイマーチングで屈折表現
領域操作関数 ハニカム構造
Unity時代の3D入門 – 第8回「 応用編 – 金属やプラスチックを表現する」
three.js + キューブマップでお手軽IBL

GLSL

GLSLについてのメモ
GLSLの関数
Shadertoy
GLSL Sandbox
vertexshaderart.com

snippet

Polynomial Shaping Functions
Exponential Shaping Functions
Circular & Elliptical Shaping Functions
Bezier and Other Parametric Shaping Functions
Impulse
Cubic Pulse
Exponential Step
Parabola
Power Curve
Curves Function
Easing Function
Square shaped shaders
Inigo Quilez dist functions
From random number to texture - GLSL noise functions
角丸め六角柱
Easing Function(glslsandbox)

Tools

Graph Toy
Desmos
GLSL Grapher
Paletta
HDRI spherical map to cubemap converter
IBLBaker
cmftStudio

PBR

基礎からはじめる物理ベースレンダリング
基礎からはじめる物理ベースレンダリング(実装編)
拡散BRDF
鏡面BRDF
PBR Theory
PBR Lighting
PBR Diffuse IBL
PBR Specular IBL
"Unreal Engine4 のリアルシェーディング" (SIGGRAPH 2013)の説明
超雑訳 Real Shading in Unreal Engine 4
マイクロファセットの分布関数 D(m) について
モバイル向け物理ベースシェーディング

Misc

【Unity3D】リニア色空間ってなんだよ
[WebGL] HDRレンダリングの様々な実現方法の比較
Learn OpenGL HDR
Pragmatic Physically Based Rendering : HDR
DDSとは
DXTC(S3TC)圧縮のアルゴリズムとは?~前編~
DXTC(S3TC)圧縮のアルゴリズムとは?~後編~
DirectX 11の圧縮フォーマットBC1~BC7について(前編)
DirectX 11の圧縮フォーマットBC1~BC7について(後編)