65
51

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.

GLSLの数学的な関数で感じたこと

Last updated at Posted at 2016-12-05

どうもGLSLビギナーの@muripo_lifeです。
とりあえず、なんか書いてみます。

はじめに

今回は、何かしらの作品を作ってのっけようかと思いつつ、時間が迫っていたので、断念…
GLSLで使用する数学的な関数がどんな関数なのかを軽く書いていこうと思います。
あくまで、ざっくりしたイメージなので、厳密的な突っ込みをされると厳しいです…

関数一覧

  • sin, cos, tan : 三角関数
    • radius(x):「度数方→弧度法」
    • degrees(x):「弧度法→度数方」
  • asin, acos, atan:逆三角関数
  • max(x, y)、min(x, y):最大最小値を返す
  • exp:ネイピア数のべき乗
  • log,log2:対数
  • pow(x, y):xのy乗
  • sqrt(x):平方根
  • inverssqrt(x):1/sqrt(x)を返す
  • abs(x):絶対値
  • sign(x):xが正なら+1.0、0.0なら0.0、負なら-1.0を返す
  • floor(x):x以下の最大の整数を返す
  • ceil(x):x以上の最小の整数を返す
  • fract(x):x-floor(x)を返す
  • mod(x, y):x-y*floor(x/y)を返す
  • clamp(x, a, b):上限値
  • step(a, x):aはしきい値、xはチェックされる値。しきい値以下の場合は0.0を、それ以上の場合は1.0の二値化を行う関数
  • mix(x, y, a):線形補間
  • smoothstep(e0, e1, x):エルミート補完

sin,cos,tan

-1~1で繰り返す関数、周期的に繰り返す処理は、これを使うといい
言わずと知れた、高校生が、数学で始めにつまずくやつ1位な気がする。

sin,cosは、何かしら intfloat などを入れたら、-1.0~1.0の値を返してくれます。

sinのグラフ(cosは,1.57横にスライド)
sin.PNG

tanのグラフ
tan.PNG

arcsin,arccos,arttan

  • 三角関数の逆関数(ざっくり言うと y = x について、対称な関数、ま~いろいろまだ条件はありますが…)
  • グラフの書き方は、三角関数を書いて、90度傾けて、x軸とy軸の文字書き換えたらいいです。
  • 取る値が、asin→[-90,90], acos→[0,180]ごとに切れるのには、気を付けよう.

arcsinのグラフはこんな感じ
asin.PNG

arctanのグラフはこんな感じ
atan.PNG

exp

グラフはこんな感じ
exp.PNG

とりあえず、ヌルヌル動かしたい処理はこれを使おうと思います。

なぜ、ヌルヌル動くかは、expをTaylor展開すればわかります。

多項式に展開した時に、オーダーが小さい(一番細かく分解されて、近似できるから)からですね(たぶん)…

abs

絶対値です。
入れた値がマイナスならプラスにします。

とりあえず、グラフはこんな感じ
abs.PNG

min,max

最大値、最小値を返します。

clamp

min(max(x, a), b)
上限値があることには、割と驚きです。(shader書くときにいつ使うんだろ?)
どうも、被写界深度で、出てくるみたいです.
ちなみに、数学では、sup と表します(込み入った微分積分の話で出てきます)
よくよく考えたら、一番いい例なのか…

mod

数学では、合同式と言います。
合同式の使い方は、普段整数値しか使いません。(深いところだと、実数まで使うかもしれませんが…)
glslだと、「x-y*floor(x/y)を返す」とfloatを使っていて、かなり驚きました。

glslの式を触ってみた所感

arctanは重要な気がする…

atanは、ライティングでとてつもなく重要だと思ったりしています…

例えば、ライティングの時の光の減衰を考えるときに、距離減衰関数という関数を用いるようですが…

  • constantAtt : 定数減衰(constant attenuation)
  • linearAtt : 線形減衰(linear attenuation)
  • quadraticAtt : 2次減衰(quadratic attenuation)
  • r: 光源距離
現実世界光の減衰 1/(r^2)
ライティングの光の減衰 1/(constantAtt + linearAtt * r + quadraticAtt * r^2)

となりますが…

1/(constantAtt + linearAtt * r + quadraticAtt * r^2)

1/二次関数

の形となっており積分は

arctan

なんです…

ここら辺の話は、今後書いていこうと思います…

つ…つぎは…

作品かglslのまともな記事あげます…
ちなみに、グラフもglslで、作りたかったものの…
断念(Mathematicaオンラインで書きました…)…
物を作るって難しい…

#参考記事

65
51
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
65
51

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?