上一题下一题
跳转到
 
 
  世界如此多姿,发展如此迅速,窥一斑未必还能知全豹。但正如万花筒一样,每一个管窥都色彩斑斓。  
 
 
  知识通道 | 学习首页 | 教师首页 | PK首页 | 知识创造首页 | 企业首页 | 登录
 
本文对应知识领域
西蒙OpenGL教程 颜色及纹理
作者:西蒙 申领版权
2010年10月08日 共有 2770 次访问 【添加到收藏夹】 【我要附加题目
受欢迎度:

    向我上个教程说的那样,我厌倦了在屏幕上绘制白色的物体,让我们增加一些颜色,就象苹果模块自动生成的工程那样。下面我的介绍你要注意了,因为这些概念将在我们开始纹理渲染的时候起倒作用(很快的)
    
    在OpenGL ES中,可以为整体物体设计一个单一的颜色块, 或可用多色和渲染的颜色转移,以便通过频谱从一个颜色过渡到下一个。在我们的物体上渲染单一的颜色不是很复杂。
    
    象OpenGL的所有事情一样,在OpenGL中改变颜色是一个“状态”,那就是说,(改变状态)之后,绘制操作将使用这个颜色。 即使我们调用我们的“reset”正在glLoadIdentity ( ) (这是因为glLoadIdentity ( )上只运行实际顶点) 。所以我们只需要增加一行代码,就可以将我们两个物体修改为任意的颜色;没有什么颜色比白色更糟糕了,现在我就来修改为蓝色的。
    
    开启XCode并来到drawView,在第一个 glLoadIdentity()之后增加下面的:
    
    glLoadIdentity();
    glColor4f(0.0, 0.0, 0.8, 1.0);
    
    glColor4f()告诉OpenGL开始使用蓝色这个颜色来绘制(填充)。参数如下:
    glColor4f(  GLfloat red,
    GLfloat green,
    GLfloat blue,
    GLfloat alpha);
    
    在OpenGL ES中,你必须使用四个参数来定义颜色(RGBA),这里不能使用RGB的颜色。这点你千万别忘了,alpha是透明度的值,1.0表示实体,0.0表示全透明。
    那个red,green,blue这三个参数是颜色的浮点值,0.0表示没有强度,1.0表示全强度。
    
    点击编译并运行,你可以看到下面的图片:
    
    
    

    
    比白色的好的太多了,下面让我们看看苹果模板里那彩色的旋转物体是如何实现的。
    
    多重颜色
    将一个物体变为多重颜色不需要很多的工作。我们需要定义一个象我们使用过的顶点数组那样的数组,并且告诉OpenGL从这个数组中获得颜色。在数组中的每个颜色,都对应了顶点数组里的一个顶点。
    
    让我更清楚的认识到用颜色去渲染矩形。看下面的代码,在这里,我定义了一个颜色数组对应着矩形数组。
    
    
    

    
     const GLfloat squareVertices[] = { -1.0, 1.0, 0.0, // Top left -1.0, -1.0, 0.0, // Bottom left 1.0, -1.0, 0.0, // Bottom right 1.0, 1.0, 0.0 // Top right }const GLfloat squareColours[] = { 1.0, 0.0, 0.0, 1.0,// Red - top left - colour for squareVertices[0] 0.0, 1.0, 0.0, 1.0, // Green - bottom left - squareVertices[1] 0.0, 0.0, 1.0, 1.0, // Blue - bottom right - squareVerticies[2] 0.5, 0.5, 0.5, 1.0 // Grey - top right- squareVerticies[3] }
    


    我希望这表示了颜色数组的每个值都对应了矩形顶点中的一个值。在我们通过运行前,我们需要增加一些代码,为了矩形渲染。
    
    

    
      glLoadIdentity(); glTranslatef(1.5, 0.0, -6.0); glRotatef(rota, 0.0, 0.0, -1.0); glVertexPointer(3, GL_FLOAT, 0, squareVertices); glEnableClientState(GL_VERTEX_ARRAY); glColorPointer(4, GL_FLOAT, 0, squareColours); // NEW glEnableClientState(GL_COLOR_ARRAY); // NEW glDrawArrays(GL_TRIANGLE_FAN, 0, 4); glDisableClientState(GL_COLOR_ARRAY); // NEW 
    


    这里有三行新的代码,让我们一行行的解释:
    glColorPointer(4, GL_FLOAT, 0, squareColours);
    
    这和我们建立矩形顶点数组是类似的,这四个参数是:
    1.Size-数组中颜色的数目
    2.Data Format-我们在这里使用GL_FLOAT,因为我们在顶点数组中使用了浮点数。你也可以使用0-255的整形来定义。
    3.Stride-再次,这里告诉OpenGL在两个值之间跳多少个数字。
    4.Arry Points-这里是数据存储的地方。
    
    这里需要注意下数据格式,GL_FLOAT是告诉OpenGL是什么参数格式(是一个枚举类型),GLfloat是宣布在OpenGL中使用什么数据类型。
    
    Ok,这个函数告诉OpenGL,数据在哪里,格式是什么。但是,就象坐标顶点数组需要告诉OpenGL对物体使用坐标,我们需要给OpenGL一个必要的状态,告诉OpenGL当渲染物体的使用要使用我们的颜色
    
    这就是:
    glEnableClientState(GL_COLOR_ARRAY);
    
    这就能将这个状态添加到OpenGL引擎中。不是通过 GL_VERTEX_ARRAY ,我们只需要告诉OpenGL颜色数组用 GL_COLOR_ARRAY 。
    
    下一步,我们正常的绘制矩形。在绘制矩形后,我们需要关闭颜色数组,如果我们不这样做,那下个时刻我们绘制三角形的时候,我们还会象矩形那样使用颜色渲染,所以我们调用:
    glDisableClientState(GL_COLOR_ARRAY);
    
    
    这需要关闭OpenGL当前的颜色数组状态。如果我们没有这样做,那么第一次调用drawView的时候将绘制一个蓝色的三角形,而第二次调用drawView的时候将用颜色数组来绘制三角形。 但是,目前只有3个顶点的三角形的统筹阵列( triangleVerticies [ ] ) ,它只会使用前三个颜色。
    
    修改好,运行如下:
    
    

    
    如果你喜欢,关闭掉之前的旋转函数,看清楚每个顶点对应的颜色数组。
    
    着色
    如何通知矩形绘制从一个颜色到下一个?OpenGL使用了着色。这里有两个着色模型可以在OpenGL使用:GL_FLAT&GL_SMOOTH。GL_SMOOTH是默认的渲染。
    
    
    为了显示它们的不同,在矩形的 glLoadIdentity ()函数之前,插入下面这行:
    glShadeModel(GL_FLAT);
    
    这个 glShadeModel ()函数改变了OpenGL中来自平滑的着色模式里的平面着色模式的状态。同样的, OpenGL的改变它的状态并保持这种状态,直到您告诉它需要修改,所以你可以把这行代码放在setupView函数里的任意地方,只要你喜欢。
    
    点击“Build and Go”,通过着色的矩形改变为下面样子:
    
    

    
    让我来解释下这里发生了什么。
    
    三角形的渲染是正常的。做为一个平面颜色,着色并不会影响三角形的绘制。在来看看矩形,你现在可以清楚的看到OpenGL是用两个三角形来组成一个矩形的。 由于平面着色模式,只使用OpenGL的最后肤色填补每一个三角形,那就是squareColours [ 2 ] (蓝色)和squareColours [ 3 ] (灰色) 。如果你不能确定组成矩形的两个三角形的最后顶点是那个,你可以查阅原来的教程。
    
    做一个总结:GL_SMOOTH是一个平滑着色,这就意味着当你开始填充一个矩形的时候,OpenGL将使用在我们 squareColours[] 数组里的默认颜色去定义在 squareVertices[] 数组里的每个顶点。 使用插值中每个像素的面积之间的点,顺利改变颜色之间的四点。换句话说,这将是我们出现彩色的矩形。
    
    GL_FLAT是使用物体的的最后一个顶点的颜色去填充整个图元。矩形是由两个三角形组成的,所以我们看到2块颜色的三角形。
    
    结论
    好吧,我希望这对你是有益的。在现实生活中,你可能只是想使用GL_SMOOTH 作为着色,除非你做其中的一个怀旧的3D游戏从C64 days。 GL_SMOOTH是预设的,因此您不必启用它。
    
    另外,请注意,你上面使用的颜色分类,也可用于纹理映射,所以我回到这个教程,重新看这两个。
    
    纹理映射是指日可待了。我要告诉您如何创建一个三维物体在今后的教学课程。这将是平面彩色不过这没关系,因为我们将开始纹理映射在下面的教程。

    

 

相关新闻

三维图形的消隐算法分析

您可能对这些感兴趣  

每一个程序员要遵守的一些优秀编程风格
如何在Java中避免equals方法的隐藏陷阱2
如何在Java中避免equals方法的隐藏陷阱
阴影锥原理与展望—真实的游戏效果的实现

题目筛选器
日期:
类型:
状态:
得分: <=
分类:
作者:
职业:
关键字:
搜索

 
 
 
  焦点事件
 
  知识体系
 
  职业列表
 
 
  最热文章
 
 
  最多引用文章
 
 
  最新文章
 
 
 
 
网站介绍 | 广告服务 | 招聘信息 | 保护隐私权 | 免责条款 | 法律顾问 | 意见反馈
版权所有 不得转载
沪ICP备 10203777 号 联系电话:021-54428255
  帮助提示    
《我的太学》是一种全新的应用,您在操作中遇到疑问或者问题,请拨打电话13564659895,15921448526。
《我的太学》