シェーダーとは?
状態:-
閲覧数:1,904
投稿日:2018-08-20
更新日:2018-08-24
表記
英語
・shader
3次元オブジェクトを2次元描画するために必要な変換処理を行うプログラムの集まり
3Dオブジェクトをディスプレイに映し出すためのプログラム
・3次元コンピュータグラフィックスにおいて、シェーディング(陰影処理)を行うコンピュータプログラムのこと
シェーダーの役割
3次元の座標(ポリゴンの頂点座標)を2次元へ座標変換する
・座標変換を主な役割とするシェーダを頂点シェーダ(バーテックスシェーダ)
ピクセルの色を決める
・ピクセルの色を計算するシェーダをフラグメントシェーダ(ピクセルシェーダ)
WebGL では?
OpenGL レンダリングパイプライン の適切なステージで名付けられている、"シェーダー" というプログラムを 2 つ提供している
バーテックスシェーダー
・描画する各頂点の座標を提供する
フラグメントシェーダー
・描画する各ピクセルの色を提供する
3次元の描画 / 1.頂点シェーダー / 2.ラスタライザ / 3.ピクセルシェーダ
3次元の描画
ポリゴン表示が基本になっている
・ポリゴンは一般的に三角形の面をつなげたものが使われる
・三角形は頂点の位置が決まれば自動的に面の位置も形も決まるため、実際に計算するのは頂点の位置だけで良い
3次元描画処理の流れ
順番 | 処理名 | 処理内容 | 入力 | 出力 |
---|---|---|---|---|
1 | 頂点シェーダー | 「ポリゴンの頂点の位置」を「画面上の位置」へ変換 | 頂点 | 頂点 |
2 | ラスタライザ | 「ポリゴン」を「ピクセルの並び」へ変換する | 頂点 | ピクセル |
3 | ピクセルシェーダ | 「ピクセルの色」を求める | ピクセル | ピクセル |
1.頂点シェーダー
「頂点の位置」を計算する
・下記の全てを考慮し、「画面上ではどの位置に頂点が来るか」を計算する
※頂点の位置は、「モデルの位置(ベース座標)」や「モーションによる変形(ボーン計算)」、「カメラの位置(投影計算)」などで変化する
役割
・「モデル(ポリゴン)の頂点の位置」を、「画面上の位置」へ変換すること
実際には?
・モデルのデータの「頂点」には「位置(3次元座標)」以外の色々なパラメータを入れることができる
2.ラスタライザ
「ポリゴン」を「ピクセルの並び」に変換する
3.ピクセルシェーダ
「実際に表示する色」を決定
・「ピクセルの色」を求める
役割
・「色を計算する」こと
・「テクスチャ(=画像)から"テクスチャ座標"の位置にある色を持ってくる」という処理
・説明しよう!シェーダーとはッ!
Twitter検索結果。「シェーダー」に関する最新ツイート
街中を歩いてるモブには雨の時には雨用のシェーダー?が適用されてるので先輩もきっと
なるはず……
なぜそういう目で見てこなかったのか 2023/02/04 15:10
軍事で使えるシェーダー募集中です...今まで使ってたのはProjectLumaなんですけどなんか色が白すぎる気がしてきた...
下のやつは全部使ったことある https://t.co/NzDgcvhORT 2023/02/04 14:58

最新のシェーダーは光の表現がいいねぇー https://t.co/qqselBJ537 2023/02/04 14:44

@vex12853 @kaerukun365 このシェーダーの名前教えてくれ 2023/02/04 14:06
@enjoy_game0515 マテリアルエラーwwww
ホントだww😂
昔すぎてシェーダー対応してなかったや🤣w 2023/02/04 13:59
ぶっちゃけシェーダー入れるよりバニラのほうが映えるな 2023/02/04 13:45
少し前かららぶちゃのシェーダー?か何かが変わっててまた可愛くなられておる 2023/02/04 13:37
先代の巫女かっこよだからメインで静止画つくろうかな
結局昨日の休みはシェーダー試すまでは行かなかったし丁度いいかも 2023/02/04 13:24
あれだな……
standardシェーダー暗いな…… 2023/02/04 13:23
チサチョスはシェーダーの勉強をする。 https://t.co/793bwbjCqm 2023/02/04 13:19

モデル:Sam様
ステージ:フィトンチッド様
シェーダー:角砂糖様・Elle/データP様・M・ト路ッソ様
ikeno様・針金P様 2023/02/04 13:09
DDあの差別問題投げられっぱなしシェーダーに会えるのか 2023/02/04 13:08
@solo_lint なんとこのママ、自動的に好戦的で最前線を走る白髪のパパがついてきます(あちらのシェーダーを指差しながら) 2023/02/04 13:04
Stardustのアバターの目元はシェーダーのラメ機能でキラキラするようにしてるんだけど、結構近づかないと見えないな〜 2023/02/04 12:12
HilmaちゃんにTetraちゃんの髪を移植したんだけど、髪だけライティングで色が変わる…
アンカーオーバーライドは設定してあって、髪のマテリアルも耳とかのやつをコピーしてテスクチャだけ変えてもダメ
シェーダー以外に設定があるんかな? https://t.co/LXtFHAymEc 2023/02/04 12:02

@_marara_marara_ シェーダーは何を使用していますか? 2023/02/04 12:00
普段はliltoonを使っているのでディテールが細かいテクスチャは2ndマップで貼って単色部分の陰影はシェーダーで出してます 2023/02/04 11:57
2.5をどうしても推したいんだったら、公式でNPRシェーダーの対応をだなぁ… 2023/02/04 11:52
こう書くと立派にシェーダーしてるなうちのコ。 https://t.co/Ano5xfzty9 2023/02/04 11:46
