OpenGL ES 入門(二)著色器

著色器是GPU上的小程序。這些程序針對圖形管道的每個特定部分運行葵腹。在基本意義上,著色器只不過是將輸入轉(zhuǎn)換為輸出的程序丽声。著色器也是非常孤立的程序礁蔗,因為它們不允許彼此通信; 他們唯一的溝通是通過他們的輸入和輸出。

GLSL

著色器用C語言GLSL編寫雁社。GLSL是針對圖形使用量身定制的浴井,并且包含專門針對矢量和矩陣操縱的有用功能。我們希望在各個著色器上輸入和輸出霉撵,GLSL 為此專門定義in和out關(guān)鍵字磺浙,每個著色器都可以使用這些關(guān)鍵字指定輸入和輸出洪囤,并且輸出變量與其傳遞的下一個著色器階段的輸入變量匹配

類型

其默認的基本類型: int,float撕氧,double瘤缩,uint和bool。GLSL還設(shè)有我們將使用大量的整個教程伦泥,即兩個容器類型vectors和matrices
GLSL中的向量是剛剛提到的任何基本類型的1,2,3或4組件容器剥啤。他們可以采取以下形式(n代表組件的數(shù)量):

  • vein: n浮動的默認向量
  • bvecn:一個n布爾的矢量
  • ivecn:n整數(shù)向量
  • uvecn:n無符號整數(shù)的向量
  • dvecn:n雙重組件的向量
    大多數(shù)時間我們將使用基本的,vecn因為浮標對我們的大部分目的都是足夠的不脯。

頂點著色器

頂點著色器應(yīng)該接收某種形式的輸入府怯,頂點著色器的輸入不同,因為它從頂點數(shù)據(jù)直接接收其輸入防楷,要定義頂點數(shù)據(jù)的組織方式牺丙,我們使用位置元數(shù)據(jù)指定輸入變量,因此我們可以在CPU上配置頂點??屬性复局,因此冲簿,頂點著色器需要其輸入的額外布局規(guī)范,因此我們可以將其與頂點數(shù)據(jù)進行鏈接亿昏。

片段著色器

片段著色器需要一個vec4顏色輸出變量峦剔,因為片段著色器需要生成最終的輸出顏色,如果沒有指定輸出顏色角钩,OpenGL會將對象呈現(xiàn)為黑色(或白色)

創(chuàng)建著色器

打開Xcode command+N



最后Xcode中會生成這樣一個文件
![](http://upload-
images.jianshu.io/upload_images/2728593-b5d05e9a9ddff06b?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
如果不以glsl 結(jié)尾羊异,在里面寫完代碼,編譯會報錯
然后就可以在里面寫著色器的代碼

  • 頂點著色器
layout (location = 0) in vec3 aPos;//位置變量屬性位置0
out vec4 vertexColor;//指定一個顏色輸出片段著色器
void main()
{
    gl_Position = vec4(aPos, 1.0); // 構(gòu)造的函數(shù)
    vertexColor = vec4(0.5, 0.0, 0.0, 1.0); // 輸出變量設(shè)置為一個深紅色的顏色
}
  • 片段著色器
out vec4 FragColor;
  
in vec4 vertexColor; // 頂點著色器的輸入變量(相同的名稱和類型相同)
void main()
{
    FragColor = vertexColor;
} 

著色器寫好了彤断,需要把它綁定到OpenGL中,創(chuàng)建一個工具類

+ (GLuint)compileShaders:(NSString *)shaderVertex shaderFragment:(NSString *)shaderFragment {
    // 1 vertex和fragment兩個shader都要編譯
    GLuint vertexShader = [ShaderOperations compileShader:shaderVertex withType:GL_VERTEX_SHADER];
    GLuint fragmentShader = [ShaderOperations compileShader:shaderFragment withType:GL_FRAGMENT_SHADER];
    
    // 2 連接vertex和fragment shader成一個完整的program
    GLuint _glProgram = glCreateProgram();
    glAttachShader(_glProgram, vertexShader);
    glAttachShader(_glProgram, fragmentShader);
    
    // link program
    glLinkProgram(_glProgram);
    
    // 3 check link status
    GLint linkSuccess;
    glGetProgramiv(_glProgram, GL_LINK_STATUS, &linkSuccess);
    if (linkSuccess == GL_FALSE) {
        GLchar messages[256];
        glGetProgramInfoLog(_glProgram, sizeof(messages), 0, &messages[0]);
        NSString *messageString = [NSString stringWithUTF8String:messages];
        NSLog(@"%@", messageString);
        exit(1);
    }
    return _glProgram;
}
+ (GLuint)compileShader:(NSString*)shaderName withType:(GLenum)shaderType {
    // 1 查找shader文件
    NSString* shaderPath = [[NSBundle mainBundle] pathForResource:shaderName ofType:@"glsl"];
    NSError* error;
//    NSLog(@"-------%@",shaderPath);
    NSString* shaderString = [NSString stringWithContentsOfFile:shaderPath encoding:NSUTF8StringEncoding error:&error];
    if (!shaderString) {
        NSLog(@"Error loading shader: %@", error.localizedDescription);
        exit(1);
    }
    
    // 2 創(chuàng)建一個代表shader的OpenGL對象, 指定vertex或fragment shader
    GLuint shaderHandle = glCreateShader(shaderType);
    
    // 3 獲取shader的source
    const char* shaderStringUTF8 = [shaderString UTF8String];
    int shaderStringLength = (int)[shaderString length];
    glShaderSource(shaderHandle, 1, &shaderStringUTF8, &shaderStringLength);
    
    // 4 編譯shader
    glCompileShader(shaderHandle);
    
    // 5 查詢shader對象的信息
    GLint compileSuccess;
    glGetShaderiv(shaderHandle, GL_COMPILE_STATUS, &compileSuccess);
    if (compileSuccess == GL_FALSE) {
        GLchar messages[256];
        glGetShaderInfoLog(shaderHandle, sizeof(messages), 0, &messages[0]);
        NSString *messageString = [NSString stringWithUTF8String:messages];
        NSLog(@"%@", messageString);
        exit(1);
    }
    
    return shaderHandle;
}

在控制器.m中

 _glProgram = [ShaderOperations compileShaders:@"頂點著色器的glsl文件名" shaderFragment:@"片段著色器的glsl文件名"];
    
    glUseProgram(_glProgram);
    // 獲取指向vertex shader傳入變量的指針, 然后就通過該指針來使用
    // 即將_positionSlot 與 shader中的Position參數(shù)綁定起來
    glGetAttribLocation(_glProgram, "Position");

這樣舊可以使用glsl文件了易迹,GLSL語言基礎(chǔ)http://www.cnblogs.com/kex1n/p/3941680.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末宰衙,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子睹欲,更是在濱河造成了極大的恐慌供炼,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件窘疮,死亡現(xiàn)場離奇詭異袋哼,居然都是意外死亡,警方通過查閱死者的電腦和手機闸衫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門涛贯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蔚出,你說我怎么就攤上這事弟翘〕嬉福” “怎么了?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵稀余,是天一觀的道長悦冀。 經(jīng)常有香客問我,道長睛琳,這世上最難降的妖魔是什么盒蟆? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮师骗,結(jié)果婚禮上历等,老公的妹妹穿的比我還像新娘。我一直安慰自己丧凤,他們只是感情好募闲,可當我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著愿待,像睡著了一般浩螺。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上仍侥,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天要出,我揣著相機與錄音,去河邊找鬼农渊。 笑死患蹂,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的砸紊。 我是一名探鬼主播传于,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼醉顽!你這毒婦竟也來了沼溜?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤游添,失蹤者是張志新(化名)和其女友劉穎系草,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體唆涝,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡找都,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了廊酣。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片能耻。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出嚎京,到底是詐尸還是另有隱情嗡贺,我是刑警寧澤,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布鞍帝,位于F島的核電站诫睬,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏帕涌。R本人自食惡果不足惜摄凡,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蚓曼。 院中可真熱鬧亲澡,春花似錦、人聲如沸纫版。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽其弊。三九已至癞己,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間梭伐,已是汗流浹背痹雅。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留糊识,地道東北人绩社。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓,卻偏偏與公主長得像赂苗,于是被迫代替她去往敵國和親愉耙。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,612評論 2 350

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