Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
material_demo.pdf
Search
しんーーーご
May 18, 2019
Programming
0
19
material_demo.pdf
しんーーーご
May 18, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.3k
What We Can Learn From OSS
inouehi
0
420
Ruby GitHub Packages
bkuhlmann
0
630
Hanami and htmx
bkuhlmann
0
210
Elm Form Validation
bkuhlmann
0
510
educure_カリキュラム生操作マニュアル.pdf
linew_official
0
720
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
Git Lint
bkuhlmann
4
750
ONE WEDGE_company_guide
1wedge_one
0
460
PHPはいつから死んでいるかの調査
chiroruxx
1
390
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
120
Rethinking UI building strategies @ SFI 2024
letelete
0
270
Featured
See All Featured
Being A Developer After 40
akosma
57
580k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
How to Ace a Technical Interview
jacobian
272
22k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
Designing for humans not robots
tammielis
248
25k
Agile that works and the tools we love
rasmusluckow
325
20k
RailsConf 2023
tenderlove
4
540
Building Better People: How to give real-time feedback that sticks.
wjessup
355
18k
The Art of Programming - Codeland 2020
erikaheidi
42
12k
Transcript
フラグメントシェーダと数学
おしながき ・フラグメントシェーダとは ・波形 ・ランダム ・角度 ・まとめ
フラグメントシェーダを少し知る 伝えること
ピクセル単位のライティングや ポストプロセス(後処理)を 行なうための機能 別名)ピクセルシェーダー フラグメントシェーダとは
フラグメントシェーダ使うと できること フラグメントシェーダとは
None
None
None
これら全て数学を使って フラグメントシェーダで書かれている フラグメントシェーダとは
数学は大事 フラグメントシェーダとは
数学を完全に理解した ↓ フラグメントシェーダ 完全理解した フラグメントシェーダとは
1 波形 波形
sin(x),cos(x) 波形
範囲:-1 ~ +1 特徴:周期性 波形
こんな感じのができる
2 ランダム ランダム
ランダム 範囲: 0 ~ +1 特徴:バラバラ
random(x) ランダム というのがあるのかな?
random(x) ランダム ないので作るしかない
ランダム かんたん 3ステップで作るランダム
ランダム sin(x)を用意
ランダム 増幅させる
ランダム 1で割る余り
ランダム 増幅もっと強く
こんな感じのができる
3 角度 角度
atan2(y,x) 波形
範囲:-PI ~ +PI 特徴:ラジアン角 角度
こんな感じのができる
5 まとめ まとめ
これら全て組み合わせると 何ができるのか まとめ
None
数学をもっと知ると もっと幸せになれるはず まとめ
GLSLが書けるサイト http://glslsandbox.com https://www.shadertoy.com https://glslfan.com グラフが書けるサイト http://www.iquilezles.org/apps/graphtoy コードが詳しく載っているサイト https://thebookofshaders.com/ https://wgld.org/ 他のノイズを知りたい
http://nn-hokuson.hatenablog.com/entry/2017/0 1/27/195659 シェーダー芸人になれるリンク集 https://qiita.com/kaneta1992/items/7fe9b47cc6c 0836222af glslfan作った方 https://qiita.com/doxas リンク集
END ありがとうございました