Shader読んで理解する会-基礎編 by @Renard

1. Shader読んで理解する会
Renard
基礎編
1

2. はじめに
ShaderToyという、色々なパラメータが設定された状態でglslのフラ
グメントシェーダを板ポリに描くことが出来るサイトがあります
私はそのサイトに上がっているシェーダのコードを解説するスライ
ドを作ったのですが、前提知識が無いと分からないような内容にな
ってしまいました
ですので、その前提知識を解説するスライドを作りました
それがこのスライドです
2

3. 解説する内容
シェーダとは
フラグメントシェーダとは
レイマーチングとは
ShaderToyとは
3

4. シェーダとは
3DCGの構成要素の一つ
シェーディング言語は、例えばGLSL、HLSLなど
例えば3Dモデルにテクスチャを張り付ける、影をつけるなどの処
理は全てシェーダで行っている
元モデルの形状も変えることができるなど、基本的に何でも出来る
レンダリングパイプラインの一部であり、シェーディング言語に
よってプログラム可能な処理
“
“
4

5. フラグメントシェーダとは
シェーダには色々な種類があり(シェーダーステージ)、その中でフ
ラグメントシェーダというものがある
これは簡単に説明すると、スクリーン上の各ピクセルに対して色を
決定するもの
5

6. レイマーチングとは
これについては偉大な先人方がとても良い記事を幾つも書いてきた
ので、そちらを貼ります
[GLSL] レイマーチング入門 vol.1 by @edo_m18
魔法使いになりたい人のためのシェーダーライブコーディング入門
by @kaneta1992
wgld.org by @h_doxas
とても簡単に説明すると、『物体を、その物体への最短距離を関数
として用意するだけでレンダリングできるアルゴリズム』です
6

7. ShaderToyとは
フラグメントシェーダをglslで書いてオンラインエディタ上で実行
できるサイト
様々な作品が共有されており、本当に凄い人の書いたシェーダが多
数存在している
3Dを表現する際はレイマーチングで書かれる事が多い
7