??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????解析頂點著色器和片元著色器

OpenGL ES 3.0 圖形管線



OpenGL ES管道圖

頂點著色器

頂點著色器輸入:

著?器程序:描述頂點上執(zhí)行操作的頂點著?色器程序源代碼/可執(zhí)?文件

頂點著?器輸入(屬性) :用頂點數(shù)組提供每個頂點的數(shù)據(jù)

統(tǒng)一變量(uniform):頂點/片元著色器使用的不變數(shù)據(jù)

采樣器—代表頂點著?器使用紋理的特殊統(tǒng)一變量類型.


頂點著色器

頂點著色器的業(yè)務(wù)

矩陣變換位置

計算光照公式生成逐頂點顏色

?成/變換紋理坐標(biāo)

總結(jié):?它可以用于執(zhí)行自定義計算,實施新的變換,照明或者傳統(tǒng)的固定功能所不允許的基于頂點的效果.


代碼示例:

attribute vec4 position;
attribute vec2 textCoordinate; uniform mat4 rotateMatrix; varying lowp vec2 varyTextCoord; void main()
{
varyTextCoord = textCoordinate; vec4 vPos = position;
vPos = vPos * rotateMatrix; gl_Position = vPos;
}

圖元裝配

頂點著色器之后顷扩,下一個階段就是圖元裝配.

  • 圖元(Primitive):?點,線,三?角形等.
  • 圖元裝配:?將頂點數(shù)據(jù)計算成?個圖元.在這個階段會執(zhí)行裁剪椎眯、透視分割和Viewport變換操作劣坊。
  • 圖元類型和頂點索確定將被渲染的單獨圖元鸣峭。對于每個單獨圖元及其對應(yīng)的頂點双戳,圖元裝配階段執(zhí)行的操作包括:將頂點著?器的輸出值執(zhí)行裁剪益楼、透視分割氧秘、視?變換后進入光柵化階段。
  • 光柵化

    在這個階段繪制對應(yīng)的圖元(點/線/三?角形).?光柵化就是將圖元轉(zhuǎn)化成一組?維片段的過程.而這些轉(zhuǎn)化的片段將由?元著?器處理.這些二維片段就是屏幕上可繪制的像素.


    光柵化

    片段著?器/?元著?器

    ?元著?器/?著?器 輸?:

    • 著?器程序:描述?段上執(zhí)行操作的頂點著?器程序源代碼/可執(zhí)?文件省撑。
    • 輸?變量:光柵化單元用插值為每個片段?成的頂點著?器輸出赌蔑。
    • 統(tǒng)一變量(uniform):頂點/?元著?器使?的不變數(shù)據(jù)。
    • 采樣器:代表?元著?器使用紋理的特殊統(tǒng)一變量類型竟秫。

    片元著色器

    ?元著?器 業(yè)務(wù):

    計算顏?

    獲取紋理值

    往像素點中填充顏色值(紋理值/顏色值);

    總結(jié):?它可以用于圖?/視頻/圖形中每個像素的顏色填充(比如給視頻添加濾鏡,實際上就是將視頻中每個圖片的像素點顏色填充進行修改.)

    ?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
    • 序言:七十年代末娃惯,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子肥败,更是在濱河造成了極大的恐慌趾浅,老刑警劉巖,帶你破解...
      沈念sama閱讀 211,948評論 6 492
    • 序言:濱河連續(xù)發(fā)生了三起死亡事件馒稍,死亡現(xiàn)場離奇詭異皿哨,居然都是意外死亡,警方通過查閱死者的電腦和手機纽谒,發(fā)現(xiàn)死者居然都...
      沈念sama閱讀 90,371評論 3 385
    • 文/潘曉璐 我一進店門证膨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人鼓黔,你說我怎么就攤上這事央勒。” “怎么了澳化?”我有些...
      開封第一講書人閱讀 157,490評論 0 348
    • 文/不壞的土叔 我叫張陵崔步,是天一觀的道長。 經(jīng)常有香客問我缎谷,道長刷晋,這世上最難降的妖魔是什么? 我笑而不...
      開封第一講書人閱讀 56,521評論 1 284
    • 正文 為了忘掉前任,我火速辦了婚禮眼虱,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘席纽。我一直安慰自己捏悬,他們只是感情好,可當(dāng)我...
      茶點故事閱讀 65,627評論 6 386
    • 文/花漫 我一把揭開白布润梯。 她就那樣靜靜地躺著过牙,像睡著了一般。 火紅的嫁衣襯著肌膚如雪纺铭。 梳的紋絲不亂的頭發(fā)上寇钉,一...
      開封第一講書人閱讀 49,842評論 1 290
    • 那天,我揣著相機與錄音舶赔,去河邊找鬼扫倡。 笑死,一個胖子當(dāng)著我的面吹牛竟纳,可吹牛的內(nèi)容都是我干的撵溃。 我是一名探鬼主播,決...
      沈念sama閱讀 38,997評論 3 408
    • 文/蒼蘭香墨 我猛地睜開眼锥累,長吁一口氣:“原來是場噩夢啊……” “哼缘挑!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起桶略,我...
      開封第一講書人閱讀 37,741評論 0 268
    • 序言:老撾萬榮一對情侶失蹤语淘,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后际歼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體惶翻,經(jīng)...
      沈念sama閱讀 44,203評論 1 303
    • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
      茶點故事閱讀 36,534評論 2 327
    • 正文 我和宋清朗相戀三年蹬挺,在試婚紗的時候發(fā)現(xiàn)自己被綠了维贺。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
      茶點故事閱讀 38,673評論 1 341
    • 序言:一個原本活蹦亂跳的男人離奇死亡巴帮,死狀恐怖溯泣,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情榕茧,我是刑警寧澤垃沦,帶...
      沈念sama閱讀 34,339評論 4 330
    • 正文 年R本政府宣布,位于F島的核電站用押,受9級特大地震影響肢簿,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
      茶點故事閱讀 39,955評論 3 313
    • 文/蒙蒙 一池充、第九天 我趴在偏房一處隱蔽的房頂上張望桩引。 院中可真熱鬧,春花似錦收夸、人聲如沸坑匠。這莊子的主人今日做“春日...
      開封第一講書人閱讀 30,770評論 0 21
    • 文/蒼蘭香墨 我抬頭看了看天上的太陽厘灼。三九已至,卻和暖如春咽瓷,著一層夾襖步出監(jiān)牢的瞬間设凹,已是汗流浹背。 一陣腳步聲響...
      開封第一講書人閱讀 32,000評論 1 266
    • 我被黑心中介騙來泰國打工茅姜, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留闪朱,地道東北人。 一個月前我還...
      沈念sama閱讀 46,394評論 2 360
    • 正文 我出身青樓匈睁,卻偏偏與公主長得像监透,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子航唆,可洞房花燭夜當(dāng)晚...
      茶點故事閱讀 43,562評論 2 349

    推薦閱讀更多精彩內(nèi)容