在入门笔记一中比较详细的介绍了顶点着色器和片面着色器。

  在入门笔记二中讲解了简单的创建OpenGL场景流程的实现,但是如果在场景中渲染任何一种几何图形,还是需要入门笔记一中的知识:Vertex Shaders和Fragment Shaders。

  Vertex Shaders,在你的场景中,每个顶点都需要调用的程序,成为“顶点着色器”。假如你在渲染一个简单地场景:一个长方形,每个角只有一个顶点。于是Vertex Shaders会被调用四次。她负责执行:灯光、集合变化等等的计算。得出最终的顶点位置后,为下面的Fragment Shaders提供必须的数据。

  Fragment Shaders,在你的场景中,大概每个像素都会调用的程序,称为“片面着色器”。在一个简单的场景,也就是刚刚说到的长方形。这个长方形所覆盖到的每一个像素,都会调用一次Fragment Shaders。片面着色器的责任是计算灯光以及更重要的是计算每一个像素最终的颜色。

  通过下面的简单例子来说明。

  在project中新建一个Empty文件,命名规则随意,例如:Simple.vertsh

attribute vec4 Position; //
attribute vec4 SourceColor; // varying vec4 DestinationColor; // void main(void) { //
DestinationColor = SourceColor; //
gl_Position = Position; //
}

解析:

  1.“attribute”声明这个Vertsh Shaders会接受一个传入的值,这个变量名为“Position”。在后面的代码中,你会用她来传入顶点的位置数据。这个变量的类型是vec4,标示这是一个由4部分组成的矢量。

  2.于上面同理,这里面是传入顶点的颜色变量。

  3.vary表示她是一个传出变量(入门笔记一中有讲到她是易变变量,其实更针对的说她是渐变变量),她就是传入Flagment Shaders的参数。

  4.Shader语言的开始入口其实也是main函数

  5.设置目标颜色(varying变量) = 传入变量(attribute)

  6.gl_Postition是一个内置的传入变量。这是一个在Vertex Shader中必须设置的变量。这里我们直接把gl_Postiion = Position;没有做任何逻辑运算。

  一个简单的Vertex Shader就是这样了,接下来我们再创建一个简单的Fragment Shaders。

  在Project中新建一个Empty文件,命名规则随意,例如:Simple.fragsh

varying low verc4 DestinationColor;    //

void main(void){ //
gl_FragColor = DestinationColor; // 3
}

解析:

  1.这是从Vertex Shaders中传入的一个变量,这里和Vertex Shader定义必须是一致的。而额外加了一个关键修饰字:lowp。在Fragment Shaders中,必须给出一个计算的精度,出于性能考虑,总使用最低精度是一个好习惯。这里就是设置成最低的精度。如果你需要,你可以设置成medp或者highp。

  2.Fragment Shaders也是从main函数开始执行的。

  3.正如你在Vertex Shaders中必须设置gl_Position,在Fragment Shaders中必须设置gl_FragColor。

  这里也是直接从Vertex Shaders中取值,不做任何改变。

  还可以吧?接下来我们运用Vertex Shaders和Fragment Shaders来创建一些3D图形。

OpenGLES入门笔记三的更多相关文章

  1. OpenGLES入门笔记四

    原文参考地址:http://www.cnblogs.com/zilongshanren/archive/2011/08/08/2131019.html 一.编译Vertex Shaders和Fragm ...

  2. OpenGLES入门笔记一

    学习地址:http://www.raywenderlich.com/3664/opengl-tutorial-for-ios-opengl-es-2-0 中文翻译:http://www.cnblogs ...

  3. OpenGLES入门笔记二

    #import <UIKit/UIKit.h> #import <QuartzCore/QuartzCore.h> #import <OpenGLES/ES2/gl.h& ...

  4. Shader 入门笔记(三) ShaderLab 初识

    Unity中,Unity Shader 都是ShaderLab 来编写的.ShaderLab 是Unity提供的编写Unity Shader 的一种说明性语言. 1)Properties :定义了着色 ...

  5. SpringBoot入门笔记(三)、热加载

    1.配置热加载环境,在pom.xml添加如下代码 <build> <!--springloader plugin --> <plugins> <plugin& ...

  6. [Java入门笔记] 面向对象编程基础(二):方法详解

    什么是方法? 简介 在上一篇的blog中,我们知道了方法是类中的一个组成部分,是类或对象的行为特征的抽象. 无论是从语法和功能上来看,方法都有点类似与函数.但是,方法与传统的函数还是有着不同之处: 在 ...

  7. React.js入门笔记

    # React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...

  8. redis入门笔记(1)

    redis入门笔记(1) 1. Redis 简介 •Redis是一款开源的.高性能的键-值存储(key-value store).它常被称作是一款数据结构服务器(data structure serv ...

  9. System Generator入门笔记

    System Generator入门笔记  [CPLD/FPGA] 发布时间:2010-04-08 23:02:09  System Generator是Xilinx公司进行数字信号处理开发的一种设计 ...

随机推荐

  1. HTML5之创新的视频拼图剖析式学习之二

    昨天我们剖析了一下翻阅体验的实现.今天要剖析另外一个很有意思的效果——视频拼图. 网站中第一部分第二页<月熊的标志>是月熊志中互动性较强的一页,页面上会随机分布9块视频碎片,用户可以通过鼠 ...

  2. Windows Phone 8 开发资料

    Design http://aka.ms/wp8devdesign Develop http://aka.ms/wp8devdoc Test http://aka.ms/wp8testing Publ ...

  3. Overlay network 覆盖网络

    From Wikipedia, the free encyclopedia An overlay network is a computer network that is built on top ...

  4. C#实现每隔一段时间执行代码(多线程)

    总结以下三种方法,实现c#每隔一段时间执行代码: 方法一:调用线程执行方法,在方法中实现死循环,每个循环Sleep设定时间: 方法二:使用System.Timers.Timer类: 方法三:使用Sys ...

  5. Smarty单模板多缓存

    Smarty单模板多缓存 单模板多缓存 在生成缓存.判断缓存是否存在时,增加第二个参数,会根据第二个参数来确定对应的缓存文件 清除缓存

  6. Java--剑指offer(8)

    36.输入两个链表,找出它们的第一个公共结点. 解题思路:这里主要是把两个链表的节点都放入两个栈中,这样就可以按照出栈的方式来比较节点,因为单链表只要是有相同的节点,那么之后的节点也都是一样的,所以如 ...

  7. MySQL热备脚本

    MYSQL 备份方法:    热备:    http://blog.itpub.net/27099995/viewspace-1295099/    http://blog.csdn.net/dban ...

  8. iOS开发--换肤简单实现以及工具类的抽取

    一.根据美工提供的图片,可以有两种换肤的方案. <1>美工提供图片的类型一: <2>美工提供图片的类型二:这种分了文件夹文件名都一样的情况,拖入项目后最后用真实文件夹(蓝色文件 ...

  9. CSS截取截取字符长度并显示省略号的方法

    HTML部分 <div> <span>这是一个CSS3截取截取字符的例子.它根据宽度来处理.</span> </div> <div class=& ...

  10. Jquery-获取iframe中的dom对象

    父窗口中操作iframe: $(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗 ...