• OpenGL ES纹理尺寸限制的处理方法

    大家都知道,OpenGL ES对纹理的尺寸有限制,就是长和宽都必须是2的整数次幂。(实际上OpenGL都有此限制,但有一些扩展可以解决此问题)。因此处理方案有两种:


    1. 将纹理尺寸限制为2的整数次幂。比如,我有一个480×320的背景图案,我可以用Photoshop将画布设置为512×512,在纹理映射时只使用480×320部分。当然我也可以将多个图案合成在一个纹理中,在纹理映射时根据图案的位置进行映射。
    2. 仍然使用正常的图像尺寸,但在使用时进行转换。下面是源代码:


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
            // 首先调整纹理的长和宽为2的整数次幂        
            if( (_width != 1) && (_width & (_width - 1)) )
            {
                    i = 1;
                    while((sizeToFit ? 2 * i : i) < _width)
                            i *= 2;
                    _width = i;
            }

            if( (_height != 1) && (_height & (_height - 1)) )
            {
                    i = 1;
                    while((sizeToFit ? 2 * i : i) < _height)
                            i *= 2;
                    _height = i;
            }

            // 如果调整后的图像尺寸大于最大纹理尺寸(1024),那么需要缩小
            while((_width &gt; kMaxTextureSize) || (_height &gt; kMaxTextureSize))
            {
                _width /= 2;
                _height /= 2;
                transform = CGAffineTransformScale(transform, 0.5, 0.5);
                imageSize.x *= 0.5;
                imageSize.y *= 0.5;
            }
     
  • OpenGL ES 3D物体加载示例

    前几天有位朋友向我询问有关3D物体加载的示例,记得以前看到过一个示例,就找来出来与大家分享:


    iPhone Wavefront Obj Loader


     
  • 使用UIImagePickerController从iPhone照片库或照相机获取图像

    本文讲述使用3.0的方法怎样从iPhone的照片库或照相机获取图像。


    我们将创建一个应用程序从图片库或照相机获取图像并显示与屏幕之上。下面是截图:


    photo 2

    读文章 »

     
  • 从零开始学习OpenGL ES之五补遗 – setupView重写

    我在从零开始学习OpenGL ES之四 – 光效 一文中使用了一个普通GLfloat数组。由于它没有使用任何非OpenGL定义的数据结构,所以是最为普通和方便的方式。

     

    但在此我使用在第一部分定义的Vertex3D, Vector3DColor3D数据结构重写了 setupView:方法。并不是这种方法“更好”,但是它是一种不同的方式。当我第一次学习OpenGL时,我发现使用顶点,颜色和三角形的术语比可变长度浮点数组更容易理解。如果你和我一样,那么你会发现这个版本更容易理解。

     

    除了使用自定义数据结构外,我还减少了环境光元素的数量并将光源向右移动了一点。然后使用Vector3DMakeWithStartAndEndPoints()将移动的光源指向二十面体。这样做使得光效更为生动一点。

    -(void)setupView:(GLView*)view
    {
        const GLfloat zNear = 0.01, zFar = 1000.0, fieldOfView = 45.0;
        GLfloat size;
        glEnable(GL_DEPTH_TEST);
        glMatrixMode(GL_PROJECTION);
        size = zNear * tanf(DEGREES_TO_RADIANS(fieldOfView) / 2.0);
        CGRect rect = view.bounds;
        glFrustumf(-size, size, -size / (rect.size.width / rect.size.height), size /
                   (rect.size.width / rect.size.height), zNear, zFar);
        glViewport(0, 0, rect.size.width, rect.size.height);
        glMatrixMode(GL_MODELVIEW);
    
        // Enable lighting
        glEnable(GL_LIGHTING);
    
        // Turn the first light on
        glEnable(GL_LIGHT0);
    
        // Define the ambient component of the first light
        static const Color3D light0Ambient[] = {{0.05, 0.05, 0.05, 1.0}};
        glLightfv(GL_LIGHT0, GL_AMBIENT, (const GLfloat *)light0Ambient);
    
        // Define the diffuse component of the first light
        static const Color3D light0Diffuse[] = {{0.4, 0.4, 0.4, 1.0}};
        glLightfv(GL_LIGHT0, GL_DIFFUSE, (const GLfloat *)light0Diffuse);
    
        // Define the specular component and shininess of the first light
        static const Color3D light0Specular[] = {{0.7, 0.7, 0.7, 1.0}};
        glLightfv(GL_LIGHT0, GL_SPECULAR, (const GLfloat *)light0Specular);
        glLightf(GL_LIGHT0, GL_SHININESS, 0.4);
    
        // Define the position of the first light
       // const GLfloat light0Position[] = {10.0, 10.0, 10.0};
        static const Vertex3D light0Position[] = {{10.0, 10.0, 10.0}};
        glLightfv(GL_LIGHT0, GL_POSITION, (const GLfloat *)light0Position); 
    
        // Calculate light vector so it points at the object
        static const Vertex3D objectPoint[] = {{0.0, 0.0, -3.0}};
        const Vertex3D lightVector = Vector3DMakeWithStartAndEndPoints(light0Position[0], objectPoint[0]);
        glLightfv(GL_LIGHT0, GL_SPOT_DIRECTION, (GLfloat *)&lightVector);
    
        // Define a cutoff angle. This defines a 50° field of vision, since the cutoff
        // is number of degrees to each side of an imaginary line drawn from the light's
        // position along the vector supplied in GL_SPOT_DIRECTION above
        glLightf(GL_LIGHT0, GL_SPOT_CUTOFF, 25.0);
    
        glLoadIdentity();
        glClearColor(0.0f, 0.0f, 0.0f, 1.0f);
    }

     

    你可以随意调整光的属性,增加额外的光源或二十面体,体验一下这些调整会为场景带来什么样的变化。这些东西是很难体验出来的,所以不要指望一晚上就理解了所有东西。

     

    原文见:setupView: from Part IV Rewritten

     
  • 从零开始学习OpenGL ES之六 – 纹理及纹理映射

    在OpenGL ES中另一种为多边形定义颜色创建材质的方法是将纹理映射到多边形。这是一种很实用的方法,它可以产生很漂亮的外观并节省大量的处理器时间。比如说,你想在游戏中造一个砖墙。你当然可以创建一个具有几千个顶点的复杂物体来定义每块砖以及砖之间的泥灰。

     

    或者你可以创建一个由两个三角形构成的方块(四个顶点),然后将砖的照片映射上去。简单的几何体通过纹理映射的方法比使用材质的复杂几何体的渲染快得多。

     

    读文章 »

     
  • 从零开始学习OpenGL ES之五 – 材质

    上一篇文章,我们讨论了光效的设定以及光效的各种属性。我们还讨论了光的三要素:散射光, 环境光高光。如果你还不是完全清楚,那么我们来复习一下,在定义材质时大量的用到这些要素。

    component


     

    作为本文的起点,我们使用了此文球体绘制 的项目文件。我们不再使用二十面体而是转向球体是因为球体是展示光和材质不同要素之间相互作用的最佳形状。

     

    读文章 »

     
  • 从零开始学习OpenGL ES之一补遗 – 代号

    (注:本文是改写的)

     

    在写第四部分文章时,当我使用了 glLightfv()glLightf()两种版本时,我突然意识到我还从来没有解释过OpenGL的命名规则。这部分应该属于第一部分,随OpenGL数据类型一起介绍。

     

    在OpenGL中,没有使用任何参数并在函数尾不具有数据类型代号的函数只有一个:

        GL_ENUM error = glGetError();

     

    另外,只具有一个参数(GL_ENUM)而且不具有函数尾数据类型代号的函数有:

        glEnable(GL_COLOR_ARRAY);

     

    大部分OpenGL函数都是适用于不止一种数据类型。这在普通版OpenGL中尤为明显,大部分函数都有至少半打变种,允许你传递诸如 GLshort, GLbyte, GLint, GLfloat, GLDouble,或 GLfixed值或参考。在OpenGL ES中,函数调用的变种和数据类型少得多。然而,OpenGL ES仍然遵循同样的命名规则,所以最好还是要理解这些数据类型代号的含义。

     

    函数名后的第一或者第二个字母代表了数据类型。下面是说明:

    • b    GLbyte
    • s    GLshort
    • i    GLint
    • f    GLfloat
    • ub   GLubyte
    • us   GLushort
    • ui   GLuint

     

    所以 glFoof()需要传递一个glFloat,glFoos()则需要一个 GLshort

    注意: 在常规 OpenGL中,后缀中可能还包括数字。这些数字代表需要的数据类型的数量。例如,函数glVertex3f()使用三个GLfloat。由于此命名模式大部分用于直接模式,而OpenGL ES并不支持,所以在OpenGL ES中你不会常见到这种命名规则,然而有些函数还是遵循这种规则的,例如, glColor3f()。保持后缀中的数字可以使这两类API最大限度地兼容。

     

    再回头看看第四部分,有时函数提供更通用的功能,如glLightf()。你可以调用此函数设置指定光的不同属性。例如,你可以设定点光源的截止角或者光源在3D空间的位置。点光源截止角需要一个值,但光源位置需要三个值。

     

    对于这类函数,通过在函数尾加上一个 v 来表示。如果你想要传递常规数据类型给OpenGL,那么你不要使用此后缀,而是直接传递数据类型值。但是,如果你想要传递不止一个OpenGL原生数据类型( 即第一部分列表中的数据类型),那么你需要将这些值放入数组中并将数组开始的指针传递给OpenGL。当你像这样传递参考值给 OpenGL 时,你想要在函数后加上v后缀。

     

    所以,回到第四部分的例子,当我们设置点光源的截止角时,我们使用了没有 -v的版本:

        glLightf(GL_LIGHT0, GL_SPOT_CUTOFF, 45.0);

     

    而当我们传递光源位置时,它需要三个GLfloats值,所以我们使用有v的版本:

        const GLfloat light0Position[] = {0.0, 10.0, 10.0, 0.0};
        glLightfv(GL_LIGHT0, GL_POSITION, light0Position);
     
  • 从零开始学习OpenGL ES之四 – 光效

    继续我们的iPhone OpenGL ES之旅,我们将讨论光效。目前,我们没有加入任何光效。幸运的是,OpenGL在没有设置光效的情况下仍然可以看见东西。 它只是提供一种十分单调的整体光让我们看到物体。但是如果不定义光效,物体看上去都很单调,就像你在第二部分程序中看到的那样。

    iPhone SimulatorScreenSnapz001-1

     

    读文章 »

     
  • 从零开始学习OpenGL ES之三 – 透视

    现在你已经知道OpenGL是怎样绘图的了,让我们回头谈谈一个很重要的概念:OpenGL视口(viewport)。 许多人对3D编程还很陌生,那些使用过像Maya, Blender, 或 Lightwave之类3D图形程序的人都试图在OpenGL虚拟世界中找到“摄像机”。但OpenGL并不存在这样的东西。它所有的是在3D空间中定义可见的物体。虚拟世界是没有边界的,但计算机不可能处理无限的空间,所以OpenGL需要我们定义一个可以被观察者看到的空间。

    如果我们从大部分3D程序具有的摄像机对象的角度出发来考虑,视口端点的中心就是摄像机。也就是观察者站的位置。它是一个观察虚拟世界的虚拟窗口。观察者可见的空间有一定限制。她看不见她身后的东西。她也看不见视角之外的东西。而且她还不能看见太远的东西。可以认为视口是通过“观察者可见”参数所确定的形状。很简单,对吗?

    不幸的是,并非如此。要解释原因,我们首先需要讨论的是在OpenGL ES中具有的两种不同的视口类型:正交和透视。

    读文章 »

     
  • 从零开始学习OpenGL ES之二 – 简单绘图概述

    还有许多理论知识需要讨论,但与其花许多时间在复杂的数学公式或难以理解的概念上,还不如让我们开始熟悉OpenGL ES的基本绘图功能。

    读文章 »