游戏开发论坛

 找回密码
 立即注册
搜索
查看: 3218|回复: 1

NeHe OpenGL Tutorial Lesson 17

[复制链接]

7

主题

10

帖子

24

积分

注册会员

Rank: 2

积分
24
发表于 2005-8-12 10:25:00 | 显示全部楼层 |阅读模式
Lesson: 17

本教程由NeHe和Giuseppe D'Agata提供。

我知道每个人都或许厌恶字体。目前为止我写的文字教程不仅能显示文字,还能显示3D文字,有纹理贴图的文字,以及处理变量。但是当你将你的作品移植到不支持位图或是轮廓字体的机器上会发生什么事呢?

由于Giuseppe D'Agata我们有了另一篇字体教程。你还会问什么?如果你记得在第一篇字体教程中我提到使用纹理在屏幕上绘制文字。通常当你使用纹理绘制文字时你会调用你最喜欢的图像处理程序,选择一种字体,然后输入你想显示的文字或段落。然后你保存位图并把它作为纹理读入到你的程序里。对一个需要很多文字或是文字在不停变化的程序来说这么做效率并不高。

本教程只使用有一个纹理来显示任意256个不同的字符。记住平均一个字符只有16个像素宽,大概16个像素高。如果你使用标准的256x256的纹理那么很明显你可以放入交叉的16个文字(即一个X),且最多16行16列。如果你需要一个更详细的解释:纹理是256个像素宽,一个字符是16个像素宽,256除以16得16

现在让我们来创建一个2D纹理字体demo!这课的程序基于第一课的代码。在程序的第一段,我们包括数学(math)和标准输入输出库(stdio)。我们需要数学库来使用正弦和余弦函数在屏幕上移动我们的文字,我们需要标准输入输出库来保证在我们制作纹理前要使用的位图实际存在。

#include <windows.h>                                                                // Header File For Windows
#include <math.h>                                                                // Header File For Windows Math Library                ( ADD )
#include <stdio.h>                                                                // Header File For Standard Input/Output        ( ADD )
#include <gl\gl.h>                                                                // Header File For The OpenGL32 Library
#include <gl\glu.h>                                                                // Header File For The GLu32 Library
#include <gl\glaux.h>                                                                // Header File For The GLaux Library

HDC                hDC=NULL;                                                        // Private GDI Device Context
HGLRC                hRC=NULL;                                                        // Permanent Rendering Context
HWND                hWnd=NULL;                                                        // Holds Our Window Handle
HINSTANCE        hInstance;                                                        // Holds The Instance Of The Application

bool        keys[256];                                                                // Array Used For The Keyboard Routine
bool        active=TRUE;                                                                // Window Active Flag Set To TRUE By Default
bool        fullscreen=TRUE;                                                        // Fullscreen Flag Set To Fullscreen Mode By Default

我们将要加入一个变量base来指向我们的显示列表。我们还加入texture[2]来保存我们将要创建的两个纹理。Texture 1将是字体纹理,texture 2将是用来创建简单3D物体的凹凸纹理。

我们加入用来执行循环的变量loop。最后我们加入用来绕屏幕移动文字和旋转3D物体的cnt1和cnt2。

GLuint        base;                                                                        // Base Display List For The Font
GLuint        texture[2];                                                                // Storage For Our Font Texture
GLuint        loop;                                                                        // Generic Loop Variable

GLfloat        cnt1;                                                                        // 1st Counter Used To Move Text & For Coloring
GLfloat        cnt2;                                                                        // 2nd Counter Used To Move Text & For Coloring

LRESULT        CALLBACK WndProc(HWND, UINT, WPARAM, LPARAM);                                // Declaration For WndProc

接下来是读取纹理代码。这跟前面纹理影射教程中的一模一样。

AUX_RGBImageRec *LoadBMP(char *Filename)                                        // Loads A Bitmap Image
{
        FILE *File=NULL;                                                        // File Handle
        if (!Filename)                                                                // Make Sure A Filename Was Given
        {
                return NULL;                                                        // If Not Return NULL
        }
        File=fopen(Filename,"r");                                                // Check To See If The File Exists
        if (File)                                                                // Does The File Exist?
        {
                fclose(File);                                                        // Close The Handle
                return auxDIBImageLoad(Filename);                                // Load The Bitmap And Return A Pointer
        }
        return NULL;                                                                // If Load Failed Return NULL
}

下面的代码同样对之前教程的代码改动很小。如果你不清楚下面每行的用途,回头复习一下。
注意TextureImage[ ]将保存2个rgb图像记录。复查处理读取或存储纹理的纹理很重要。一个错误的数字可能导致内存溢出或崩溃!

int LoadGLTextures()                                                                // Load Bitmaps And Convert To Textures
{
        int Status=FALSE;                                                        // Status Indicator
        AUX_RGBImageRec *TextureImage[2];                                        // Create Storage Space For The Textures

  
下一行十分重要。如果你用别的数字替换2将发生严重问题。再查一次!这个数字应该与你在设置TextureImages[ ]时的数字相匹配。

我们将读取的纹理是font.bmp 和bumps.bmp。第二个纹理可用任何你想用的纹理替换。我不是特别有创造性,所以我使的纹理可能有些单调。

        memset(TextureImage,0,sizeof(void *)*2);                                // Set The Pointer To NULL

        if ((TextureImage[0]=LoadBMP("Data/Font.bmp")) &&                        // Load The Font Bitmap
                (TextureImage[1]=LoadBMP("Data/Bumps.bmp")))                        // Load The Texture Bitmap
        {
                Status=TRUE;                                                        // Set The Status To TRUE


另一十分重要,要检查两遍的行。我无法开始告诉你我收到多少email问“为什么我只看到一个纹理,或为什么我的纹理是全白的!?!”通常问题都出在这行。如果你用1替换2,那么将只创建一个纹理,第二个纹理将显示为全白。如果你用3替换2,你的程序可能崩溃!

你应该只调用glGenTextures()一次。调用glGenTextures()后你应该创建你的所有纹理。我曾见过有人在每创建一个纹理前都加上一行glGenTextures()。这通常导致新建的纹理覆盖了你之前创建的。决定你需要创建多少个纹理是个好主意,调用glGenTextures()一次,然后创建所有的纹理。把glGenTextures()放进循环是不明智的,除非你有自己的理由。

                glGenTextures(2, &texture[0]);                                        // Create Two Texture

                for (loop=0; loop<2; loop++)                                        // Loop Through All The Textures
                {
                        // Build All The Textures
                        glBindTexture(GL_TEXTURE_2D, texture[loop]);
                        glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_LINEAR);
                        glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR);
                        glTexImage2D(GL_TEXTURE_2D, 0, 3, TextureImage[loop]->sizeX, TextureImage[loop]->sizeY, 0, GL_RGB, GL_UNSIGNED_BYTE, TextureImage[loop]->data);
                }
        }

下面的几行代码检查我们读取的位图数据是否在内存里。如果是,释放内存。注意我们还要检查并释放rgb图像记录。如果我们使用了3个不同的图像来创建纹理,我们要检查并释放3个rgb图像记录。

        for (loop=0; loop<2; loop++)
                {
                if (TextureImage[loop])                                                // If Texture Exists
                        {
                                if (TextureImage[loop]->data)                        // If Texture Image Exists
                                {
                                        free(TextureImage[loop]->data);                // Free The Texture Image Memory
                                }
                                free(TextureImage[loop]);                        // Free The Image Structure
                        }
                }
        return Status;                                                                // Return The Status
}

现在我们将创建字体。我将以同样的细节来解释这段代码。这并没那么复杂,但是有些数学要了解,我知道不是每个人都喜欢数学。

GLvoid BuildFont(GLvoid)                                                        // Build Our Font Display List
{

   
下面两个变量将用来保存字体纹理中每个字的位置。cx将用来保存纹理中水平方向的位置,cy将用来保存纹理中竖直方向的位置。
   
        float        cx;                                                                // Holds Our X Character Coord
        float        cy;                                                                // Holds Our Y Character Coord

接着我们告诉OpenGL我们要建立256个显示列表。变量base将指向第一个显示列表的位置。第二个显示列表将是base+1,第三个是base+2,以此类推。

下面的第二行代码选择我们的字体纹理(texture[0])。

        base=glGenLists(256);                                                        // Creating 256 Display Lists
        glBindTexture(GL_TEXTURE_2D, texture[0]);                                // Select Our Font Texture

现在我们开始循环。循环间创建所有的256个字符,每个存在它自己的显示列表里。   
   

        for (loop=0; loop<256; loop++)                                                // Loop Through All 256 Lists
        {

下面的第一行或许看上去让人有点困惑。%符号表示loop除以16的余数。cx将我们通过字体纹理从左至右移动。你将注意到在后面的代码中我们用1减去cy从而从上到下而不是从下到上移动我们。%符号很难解释,但我将尝试去解释。
我们真正关心的是(loop%16)。/16只是将结果转化为纹理坐标。所以如果loop等于16,cx将等于16/16的余数也就是0。但cy将等于16/16也就是1。所以我们将下移一个字符的高度,且我们将不往右移。如果loop等于17,cx将等于17/16也就是1.0625。余数0.625也等于1/16。意味着我们将右移一个字符。cy将仍是1因为我们只关心小数点左边的数字。18/16将右移2个字符,但仍下移一个字符。如果loop是32,cx将再次等于0,因为32除以16没有余数,但cy将等于2。因为小数点左边的数字现在是2,将下移2个字符。这么讲清楚吗?      

                cx=float(loop%16)/16.0f;                                        // X Position Of Current Character
                cy=float(loop/16)/16.0f;                                        // Y Position Of Current Character

Whew:)Ok。现在我们通过从字体纹理中依据cx和cy的值选择一个单独的字符创建了2D字体。在下面的行里我们给base的值加上loop,若不这么做,每个字都将建在第一个显示列表里。我们当然不想要那样的事发生,所以通过给base加上loop,我们创建的每个字都被存在下个可用的显示列表里。      

                glNewList(base+loop,GL_COMPILE);                                // Start Building A List

现在我们已选择了我们要创建的显示列表,我们创建字符。这是通过绘制四边形,然后给他贴上字体纹理中的单个字符的纹理来完成的。   
   
                        glBegin(GL_QUADS);                                        // Use A Quad For Each Character

cx和cy应该保存一个从0.0到1.0的非常小的浮点数。如果cx和cy同时为0,下面第一行的代码将为:glTexCoord2f(0.0f,1-0.0f-0.0625f)。记得0.0625正是我们纹理的1/16,或者说是一个字符的宽/高。下面的纹理坐标将是我们纹理的左下角。

注意我们使用glVertex2i(x,y)而不是glVertex3f(x,y,z)。我们的字体是2D字体,所以我们不需要z值。因为我们使用的是正交投影,我们不需要移进屏幕。在一个正交投影平面绘图你所需的是指定x和y坐标。因为我们的屏幕是以像素形式从0到639(宽)从0到479(高),我们既不需用浮点数也不用负数:)

我们设置正交投影屏幕的方式是,(0,0)将是屏幕的左下角,(640,480)是屏幕的右上角。x轴上0是屏幕的左边界,639是右边界。y轴上0时下便捷,479是上便捷。基本上我们避免了负坐标。对那些不在乎透视,更愿意同像素而不是单元打交道的人来说更方便:)      
                                glTexCoord2f(cx,1-cy-0.0625f);                        // Texture Coord (Bottom Left)
                                glVertex2i(0,0);                                // Vertex Coord (Bottom Left)

下一个纹理坐标现在是上个纹理坐标右边1/16(刚好一个字符宽)。所以这将是纹理的右下角。   

                                glTexCoord2f(cx+0.0625f,1-cy-0.0625f);                // Texture Coord (Bottom Right)
                                glVertex2i(16,0);                                // Vertex Coord (Bottom Right)

第三个纹理坐标在我们的字符的最右边,但上移了纹理的1/16(刚好一个字符高)。这将是一个单独字符的右上角。   

                                glTexCoord2f(cx+0.0625f,1-cy);                        // Texture Coord (Top Right)
                                glVertex2i(16,16);                                // Vertex Coord (Top Right)

最后我们左移来设置字符左上角的最后一个纹理坐标。   
   
                                glTexCoord2f(cx,1-cy);                                // Texture Coord (Top Left)
                                glVertex2i(0,16);                                // Vertex Coord (Top Left)
                        glEnd();                                                // Done Building Our Quad (Character)

最终,我们右移了10个像素,置于纹理的右边。如果我们不平移,文字将被绘制到各自的上面。由于我们的字体太窄,我们不想右移16个像素。如果那样的话,每个字之间将有很大间隔。只移动10个像素去除了间隔。   
   
                        glTranslated(10,0,0);                                        // Move To The Right Of The Character
                glEndList();                                                        // Done Building The Display List
        }                                                                        // Loop Until All 256 Are Built
}

下面这段代码与我们在其它字体教程中用来在程序退出前释放显示列表的相同。所有自base开始的256个显示列表都将被销毁(这样做很好!)。

GLvoid KillFont(GLvoid)                                                                // Delete The Font From Memory
{
        glDeleteLists(base,256);                                                // Delete All 256 Display Lists
}
下一段代码将完成绘图。一切都几乎是新的,所以我将尽可能详细的解释每一行。一个小提示:很多都可加入这段代码,像是变量的支持,字体大小、间距的调整,和很多为恢复到我们决定打印前的状况所做的检查。

glPrint()有三个参数。第一个是屏幕上x轴上的位置(从左至右的位置),下一个是y轴上的位置(从上到下...0是底部,越往上越大)。然后是字符串(我们想打印的文字),最后是一个叫做set的变量。如果你看过Giuseppe D'Agata制作的位图,你会注意到有两个不同的字符集。第一个字符集是普通的,第二个是斜体的。如果set为0,第一个字符集被选中。若set为1则选择第二个字符集。
GLvoid glPrint(GLint x, GLint y, char *string, int set)                                // Where The Printing Happens
{

我们要做的第一件事是确保set的值非0即1。如果set大于1,我们将使它等于1。   
   
        if (set>1)                                                                // Is set Greater Than One?
        {
                set=1;                                                                // If So, Make Set Equal One
        }


现在我们选择字体纹理。我们这么做是防止在我们决定往屏幕上输出东西时选择了不同的纹理。      

        glBindTexture(GL_TEXTURE_2D, texture[0]);                                // Select Our Font Texture

现在我们禁用深度测试。我这么做是因为混合的效果会更好。如果你不禁用深度测试,文字可能会被什么东西挡住,或得不到正确的混合效果。如果你不打算混合文字(那样文字周围的黑色区域就不会显示)你可以启用深度测试。      

        glDisable(GL_DEPTH_TEST);                                                // Disables Depth Testing

下面几行十分重要!我们选择投影矩阵。之后使用一个叫做glPushMatrix()的命令。glPushMatrix存储当前矩阵(投影)。有些像计算器的存储按钮。      

        glMatrixMode(GL_PROJECTION);                                                // Select The Projection Matrix
        glPushMatrix();                                                                // Store The Projection Matrix

现在我们保存了投影矩阵,重置矩阵并设置正交投影屏幕。第一和第三个数字(0)表示屏幕的底边和左边。如果愿意我们可以将屏幕的左边设为-640,但如果不需要我们为什么要设负数呢。第二和第四个数字表示屏幕的上边和右边。将这些值设为你当前使用的分辨率是明智的做法。我们不需要用到深度,所以我们将z值设为-1与1。   
   
        glLoadIdentity();                                                        // Reset The Projection Matrix
        glOrtho(0,640,0,480,-1,1);                                                // Set Up An Ortho Screen

现在我们选择模型视点矩阵,用glPushMatrix()保存当前设置。然后我们重置模型视点矩阵以便在正交投影视点下工作。      

        glMatrixMode(GL_MODELVIEW);                                                // Select The Modelview Matrix
        glPushMatrix();                                                                // Store The Modelview Matrix
        glLoadIdentity();                                                        // Reset The Modelview Matrix

在保存了透视参数,设置了正交投影屏幕后,现在我们可以绘制文字了。我们从移动到绘制文字的位置开始。我们使用 glTranslated()而不是glTranslatef()因为我们处理的是像素,所以浮点值并不重要。毕竟,你不可能用半个像素:)      

        glTranslated(x,y,0);                                                        // Position The Text (0,0 - Bottom Left)

下面这行选择我们要使用的字符集。如果我们想使用第二个字符集,我们在当前的显示列表基数上加上128(128时我们256个字符的一半)。通过加上128,我们跳过了头128个字符。   
   
        glListBase(base-32+(128*set));                                                // Choose The Font Set (0 or 1)

现在剩下的就是在屏幕上绘制文字了。我们同其它字体教程一样来完成这步。我们使用glCallLists()。strlen(string)是字符串的长度(我们想绘制多少字符),GL_UNSIGNED_BYTE意味着每个字符被表示为一个无符号字节(一个字节是一个从0到255的值)。最后,字符串保存我们想打印的文字。   
   
        glCallLists(strlen(string),GL_UNSIGNED_BYTE,string);                        // Write The Text To The Screen

现在我们所要做的是恢复透视视图。我们选择投影矩阵并用glPopMatrix()恢复我们先前用glPushMatrix()保存的设置。用相反的顺序恢复设置很重要。      

        glMatrixMode(GL_PROJECTION);                                                // Select The Projection Matrix
        glPopMatrix();                                                                // Restore The Old Projection Matrix

现在我们选择模型视点矩阵,做相同的工作。我们使用glPopMatrix()恢复模型视点矩阵到我们设置正交投影显示之前。      

        glMatrixMode(GL_MODELVIEW);                                                // Select The Modelview Matrix
        glPopMatrix();                                                                // Restore The Old Projection Matrix

最后,我们启用深度测试。如果你没有在上面的代码中关闭深度测试,你不需要这行。   
   
        glEnable(GL_DEPTH_TEST);                                                // Enables Depth Testing
}

我们没有修改ReSizeGLScene(),所以我们直接跳到InitGL()。

int InitGL(GLvoid)                                                                // All Setup For OpenGL Goes Here
{

我们跳到创建纹理的代码。如果由于某种原因创建纹理失败了,我们返回FALSE。这将让我们的程序知道发生了一个错误从而关闭程序。   

        if (!LoadGLTextures())                                                        // Jump To Texture Loading Routine
        {
                return FALSE;                                                        // If Texture Didn't Load Return FALSE
        }
   
如果没有错,我们跳到创建字体的代码。在创建字体时不会出什么错所以我们省略了错误检查。  
   
        BuildFont();                                                                // Build The Font

现在我们做通常的GL设置。我们将背景色设为黑色,将深度清为1.0。我们选择一个深度测试模式和一个混合模式。我们启用平滑着色,最后启用2维纹理映射。   
   
        glClearColor(0.0f, 0.0f, 0.0f, 0.0f);                                        // Clear The Background Color To Black
        glClearDepth(1.0);                                                        // Enables Clearing Of The Depth Buffer
        glDepthFunc(GL_LEQUAL);                                                        // The Type Of Depth Test To Do
        glBlendFunc(GL_SRC_ALPHA,GL_ONE);                                        // Select The Type Of Blending
        glShadeModel(GL_SMOOTH);                                                // Enables Smooth Color Shading
        glEnable(GL_TEXTURE_2D);                                                // Enable 2D Texture Mapping
        return TRUE;                                                                // Initialization Went OK
}

下面这段代码将完成绘图。我们先绘制3D物体最后绘制文字,这样文字将显示在3D物体上面,而不会被3D物体遮住。我之所以加入一个3D物体是为了演示透视投影和正交投影可同时使用。     

int DrawGLScene(GLvoid)                                                                // Here's Where We Do All The Drawing
{
        glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);                        // Clear The Screen And The Depth Buffer
        glLoadIdentity();                                                        // Reset The Modelview Matrix

我们选择bumps.bmp纹理来创建简单的小3D物体。为了看见3D物体,我们往屏幕内移动5个单位。我们绕z轴旋转45度。这将使我们的四边形顺时针旋转45度,让我们的四边形看起来更像钻石而不是矩形。   
   
        glBindTexture(GL_TEXTURE_2D, texture[1]);                                // Select Our Second Texture
        glTranslatef(0.0f,0.0f,-5.0f);                                                // Move Into The Screen 5 Units
        glRotatef(45.0f,0.0f,0.0f,1.0f);                                        // Rotate On The Z Axis 45 Degrees (Clockwise)

在旋转45度后,我们让物体同时绕x轴和y轴旋转cnt1x30度。这使我们的物体象在一个点上旋转的钻石那样旋转。     

        glRotatef(cnt1*30.0f,1.0f,1.0f,0.0f);                                        // Rotate On The X & Y Axis By cnt1 (Left To Right)

我们关闭混合(我们希望3D物体看上去像实心的),设置颜色为亮白色。然后我们绘制一个单独的用了纹理映像的四边形。
   

        glDisable(GL_BLEND);                                                        // Disable Blending Before We Draw In 3D
        glColor3f(1.0f,1.0f,1.0f);                                                // Bright White
        glBegin(GL_QUADS);                                                        // Draw Our First Texture Mapped Quad
                glTexCoord2d(0.0f,0.0f);                                        // First Texture Coord
                glVertex2f(-1.0f, 1.0f);                                        // First Vertex
                glTexCoord2d(1.0f,0.0f);                                        // Second Texture Coord
                glVertex2f( 1.0f, 1.0f);                                        // Second Vertex
                glTexCoord2d(1.0f,1.0f);                                        // Third Texture Coord
                glVertex2f( 1.0f,-1.0f);                                        // Third Vertex
                glTexCoord2d(0.0f,1.0f);                                        // Fourth Texture Coord
                glVertex2f(-1.0f,-1.0f);                                        // Fourth Vertex
        glEnd();                                                                // Done Drawing The First Quad

在画完第一个四边形后,我们立即同时绕x轴和y轴旋转90度。然后我们画下一个四边形,。第二个四边形从第一个四边形的中间切过去,来形成一个好看的形状。   
   
        glRotatef(90.0f,1.0f,1.0f,0.0f);                                        // Rotate On The X & Y Axis By 90 Degrees (Left To Right)
        glBegin(GL_QUADS);                                                        // Draw Our Second Texture Mapped Quad
                glTexCoord2d(0.0f,0.0f);                                        // First Texture Coord
                glVertex2f(-1.0f, 1.0f);                                        // First Vertex
                glTexCoord2d(1.0f,0.0f);                                        // Second Texture Coord
                glVertex2f( 1.0f, 1.0f);                                        // Second Vertex
                glTexCoord2d(1.0f,1.0f);                                        // Third Texture Coord
                glVertex2f( 1.0f,-1.0f);                                        // Third Vertex
                glTexCoord2d(0.0f,1.0f);                                        // Fourth Texture Coord
                glVertex2f(-1.0f,-1.0f);                                        // Fourth Vertex
        glEnd();                                                                // Done Drawing Our Second Quad

在绘制完有纹理贴图的四边形后,我们开启混合并绘制文字。     

        glEnable(GL_BLEND);                                                        // Enable Blending
        glLoadIdentity();                                                        // Reset The View

我们使用同其它字体教程一样的生成很棒的颜色的代码。颜色会随着文字的移动而逐渐改变。      

        // Pulsing Colors Based On Text Position
        glColor3f(1.0f*float(cos(cnt1)),1.0f*float(sin(cnt2)),1.0f-0.5f*float(cos(cnt1+cnt2)));

我们来绘制文字。我们仍然使用glPrint()。第一个参数是x坐标,第二个是y坐标,第三个("NeHe")是要绘制的文字,最后一个是使用的字符集(0-普通,1-斜体)。

正如你猜的,我们使用SIN和COS连同计数器cnt1和cnt2来移动文字。如果你不清楚SIN和COS的作用,阅读之前的教程。     

        glPrint(int((280+250*cos(cnt1))),int(235+200*sin(cnt2)),"NeHe",0);        // Print GL Text To The Screen

        glColor3f(1.0f*float(sin(cnt2)),1.0f-0.5f*float(cos(cnt1+cnt2)),1.0f*float(cos(cnt1)));
        glPrint(int((280+230*cos(cnt2))),int(235+200*sin(cnt1)),"OpenGL",1);        // Print GL Text To The Screen

我们将屏幕底部作者名字的颜色设为深蓝色和白色。然后用亮白色文字再次绘制他的名字。亮白色文字是有点偏蓝色的文字。这创造出一种附有阴影的样子。(如果混合没打开则没有这种效果)。   

        glColor3f(0.0f,0.0f,1.0f);                                                // Set Color To Blue
        glPrint(int(240+200*cos((cnt2+cnt1)/5)),2,"Giuseppe D'Agata",0);        // Draw Text To The Screen

        glColor3f(1.0f,1.0f,1.0f);                                                // Set Color To White
        glPrint(int(242+200*cos((cnt2+cnt1)/5)),2,"Giuseppe D'Agata",0);        // Draw Offset Text To The Screen
   
我们所做的最后一件事是以不同的速率递增我们的计数器。这使得文字移动,3D物体自转。   

        cnt1+=0.01f;                                                                // Increase The First Counter
        cnt2+=0.0081f;                                                                // Increase The Second Counter
        return TRUE;                                                                // Everything Went OK
}

KillGLWindow(), CreateGLWindow()和WndProc()的代码都没有更改,所以我们跳过它们。  

int WINAPI WinMain(        HINSTANCE        hInstance,                                // Instance
                        HINSTANCE        hPrevInstance,                                // Previous Instance
                        LPSTR                lpCmdLine,                                // Command Line Parameters
                        int                nCmdShow)                                // Window Show State
{
        MSG                msg;                                                        // Windows Message Structure
        BOOL        done=FALSE;                                                        // Bool Variable To Exit Loop

        // Ask The User Which Screen Mode They Prefer
        if (MessageBox(NULL,"Would You Like To Run In Fullscreen Mode?", "Start FullScreen?",MB_YESNO|MB_ICONQUESTION)==IDNO)
        {
                fullscreen=FALSE;                                                // Windowed Mode
        }

我们改变了窗口的标题。     

        // Create Our OpenGL Window
        if (!CreateGLWindow("NeHe & Giuseppe D'Agata's 2D Font Tutorial",640,480,16,fullscreen))
        {
                return 0;                                                        // Quit If Window Was Not Created
        }

        while(!done)                                                                // Loop That Runs While done=FALSE
        {
                if (PeekMessage(&msg,NULL,0,0,PM_REMOVE))                        // Is There A Message Waiting?
                {
                        if (msg.message==WM_QUIT)                                // Have We Received A Quit Message?
                        {
                                done=TRUE;                                        // If So done=TRUE
                        }
                        else                                                        // If Not, Deal With Window Messages
                        {
                                TranslateMessage(&msg);                                // Translate The Message
                                DispatchMessage(&msg);                                // Dispatch The Message
                        }
                }
                else                                                                // If There Are No Messages
                {
                        // Draw The Scene.  Watch For ESC Key And Quit Messages From DrawGLScene()
                        if ((active && !DrawGLScene()) || keys[VK_ESCAPE])        // Active?  Was There A Quit Received?
                        {
                                done=TRUE;                                        // ESC or DrawGLScene Signalled A Quit
                        }
                        else                                                        // Not Time To Quit, Update Screen
                        {
                                SwapBuffers(hDC);                                // Swap Buffers (Double Buffering)
                        }
                }
        }

        // Shutdown

如下所示,最后要做的是在KillGLWindow()的最后添加KillFont()。添加这行很重要,它在我们退出程序前将所有的清除干净。   

        if (!UnregisterClass("OpenGL",hInstance))                                // Are We Able To Unregister Class
        {
                MessageBox(NULL,"Could Not Unregister Class.","SHUTDOWN ERROR",MB_OK | MB_ICONINFORMATION);
                hInstance=NULL;                                                        // Set hInstance To NULL
        }

        KillFont();                                                                // Destroy The Font
}

我认为现在我可以正式说我的网站已经把所有绘制文字的方法教给大家了{笑}。总之,我认为我的教程很不错。这课的代码可在任何能运行OpenGL的电脑上运行,它很容易使用,且这样绘制文字对系统的资源消耗很少。

我要感谢这篇教程的原作者Giuseppe D'Agata。我做了大量的修改,并将它转变为新式的代码,但要是没有他寄给我这份代码我是不会完成这篇教程的。他的代码有更多的选项,像是改变文字间距等等。但我用很cool的3D物体来弥补了{笑}。
   
我希望你们喜欢这篇教程。若有什么问题,给我或Giuseppe D'Agata发email。

Giuseppe D'Agata

Jeff Molofee (NeHe)

翻译:李铧犁 lihuali1985@hotmail.com
2005-8-12   

0

主题

15

帖子

15

积分

新手上路

Rank: 1

积分
15
发表于 2005-9-30 23:29:00 | 显示全部楼层

Re:NeHe OpenGL Tutorial Lesson 17

可否将NeHe OpenGL Tutorial Lesson 的其他课程也发给我,尤其是开始的几篇 ,
我很想学OpenGL,可是难于找到这方面的书籍,真是谢谢了!
e-mail:shenshuai1026@163.com
真是谢谢了!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2025-12-28 01:27

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表