148
113

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Shader(HLSL), 手続き的にテクスチャ生成など行うとき使用頻度の高い関数

Last updated at Posted at 2017-02-11

Shaderを使ってプロシージャルにモデルやテクスチャを作成する時, 把握しておくと便利な関数があります.

基本的には, TEXTURING&MODELING A Procedural Approach 3rd Edition (https://www.amazon.co.jp/Texturing-Modeling-Procedural-Approach-Third/dp/4862460860) のCHAPTER2冒頭の内容です.詳しくはこちらの書籍を参照されてください.

補間関数

lerp

線形補間を行う関数

.c
float lerp(float a, float b, float x)
{
  return a + x * (b - a);
}

xが0のとき, 結果はa, xが1のとき, 結果はbとなります. xが0.5のとき, 結果は0.5 * a + 0.5 * b, xが0.7の時, 0.3 * a + 0.7 * bとなり, xの値を0→1すると, 結果は線形にa→bと変化します.

条件関数

step

2つの値を比較して, どちらの値が大きいかに基づいて 0 または 1 を返します.

.c
float step(float a, float x)
{
  return (float) (x >= a) ? 1 : 0;
}

xがa以上の場合は1, それ以外は0を返します.

bandicam 2017-02-11 19-04-32-232.png

ifの書き換え

GPUアーキテクチャの特性上, if文の多用はパフォーマンスを落とす要因となり得ます.
lerp関数とstep関数を用いて if文は以下のように書き換えることができます.

.c
if (u < 0.5)
{
  color = fixed4(1.0, 1.0, 1.0, 1.0);
}
else
{
  color = fixed4(0.0, 0.0, 0.0, 0.0);
}

↓↓↓

.c
color = lerp(fixed4(1.0, 1.0, 1.0, 1.0), fixed4(0.0, 0.0, 0.0, 0.0), step(0.5, u));

step関数で作られる矩形パルス関数

2つのstep関数を組み合わせて, 次のような矩形パルスが作成できます.

.c
#define PULSE(a, b, x) (step((a),(x)) - step((b),(x)))

グラフは以下のようになり, aで始まりbで終わるパルスを生成します.
bandicam 2017-02-11 19-04-40-152.png

clamp

指定された値を指定された最大値と最小値の範囲に留めます

.c
float clamp(float x, float a, float b)
{
  return (x < a ? a: (x > b ? b : x));
}

bandicam 2017-02-11 19-04-10-072.png

abs

指定された値の絶対値を返します.

.c
float abs(float x)
{
  return (x < 0 ? -x : x);
}

グラフは以下のようになります.
bandicam 2017-02-11 19-04-00-884.png

smoothstep

閾値aで始まり, 閾値bで終わる緩やかな遷移を作ります.
smoothstepは, aとbのときに傾きが0, aのとき値が0, bのとき値が1となる特性を持つ3次関数 $3x^2-2x^3$ で実装されます.

.c
float smoothstep(float a, float b, float x)
{
  float t = saturate((x - a)/(b - a));
  return t * t * (3.0 - (2.0 * t));
}

グラフは以下のようになります.
bandicam 2017-02-11 19-04-24-414.png

周期関数

sin

正弦波を返します. 0で始まり, xを[0, 2π]と変化させると[-1, 1]の範囲で値が変化します.
グラフは以下のようになります.
bandicam 2017-02-11 19-08-12-300.png

cos

余弦波を返します. 1で始まり, xを[0, 2π]と変化させると[-1, 1]の範囲で値が変化します.
グラフは以下のようになります.
bandicam 2017-02-11 19-08-17-267.png

fmod

aをbで除算したときに得られる正の剰余が得られます.

.c
float fmod(float a, float b)
{
  int n = (int)(a / b);
  a -= n * b;
  if (a < 0)
  {
    a += b;
  }
  return a;
}

以下のようなグラフが得られます.
bandicam 2017-02-11 19-04-16-650.png

fmod(x, a) / aとすると,振幅1, 周期がaののこぎり波が得られます.

これと
#define PULSE(a, b, x) (step((a),(x)) - step((b),(x)))
を組み合わせることによって, 周期cのパルス関数が得られます

.c
PULSE(a, b, fmod(x, c) / c)

bandicam 2017-02-11 19-05-36-576.png

補正系関数(非組み込み関数)

単位区間で単調増加する関数を区間内での値のゆがみを変化させます.

ガンマ補正関数

.c
float gammacorrect(float gamma, float x)
{
  return pow(x, 1.0 / gamma);
}

gammaが1より大きければ, 1に向かって上方向にシフトし, gammaが0と1の間であれば0に向かって下方向にシフトします.

bandicam 2017-02-11 19-33-49-394.png

bandicam 2017-02-11 19-34-01-013.png

bias関数

bias関数はガンマ補正関数のバージョンの一つで, bias(b, 0.5) = bとなるように定義されたパラメータ b で, gammaパラメータを置き換えます.

.c
float bias(float b, float x)
{
  return pow(x, log(b) / log(0.5));
}

bandicam 2017-02-11 19-34-13-567.png

bandicam 2017-02-11 19-34-25-059.png

gain関数

gの値によらずxが0.5のとき0.5を返す, bias曲線で形成されたS字曲線を返します.

.c
float gain(float g, float x)
{
  if(x < 0.5)
  {
    return bias(1.0 - g, 2.0 * x) / 2.0;
  }
  else
  {
    return 1.0 - bias(1.0 - g, 2.0 - 2.0 * x) / 2.0;
  }
}

bandicam 2017-02-11 19-34-53-596.png

bandicam 2017-02-11 19-35-06-528.png

148
113
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
148
113

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?