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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
しんーーーご
May 18, 2019
Programming
0
24
material_demo.pdf
しんーーーご
May 18, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
Package Management Learnings from Homebrew
mikemcquaid
0
210
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
190
Patterns of Patterns
denyspoltorak
0
1.4k
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
560
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
manfredsteyer
PRO
0
120
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.3k
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
450
Unicodeどうしてる? PHPから見たUnicode対応と他言語での対応についてのお伺い
youkidearitai
PRO
1
2.5k
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
200
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.3k
Featured
See All Featured
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
200
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
180
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
It's Worth the Effort
3n
188
29k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
89
AI: The stuff that nobody shows you
jnunemaker
PRO
2
250
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
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 ありがとうございました