⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 tutorial_14.htm

📁 如果你相信它就好好学学吧,同样这里也只是个入门
💻 HTM
📖 第 1 页 / 共 3 页
字号:
🔍
123 
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/tl.jpg" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/tc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/tr.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td background="Tutorial_14_files/l.gif"><img src="Tutorial_14_files/l.gif" height="28" width="28"></td>
      <td valign="top" width="100%">现在OpenGL知道字符的存放位置了，我们就可以让它在屏幕上显示文字了。GlCallLists会调用多个显示列表从而把整个文字的内容同时显示在屏幕上。
        <p>下
面的代码做后续工作。首先，它告诉OpenGL我们将要在屏幕上显示出显示列表中的内容。Strlen(text)函数用来计算我们将要显示在屏幕上的文
字的长度。然后，OpenGL需要知道我们允许发送给它的列表的最大值。我们依然不能发送长度大于255的字符串。所以我们使用
UNSIGNED_BYTE。（用0 - 255来表示我们需要的字符）。最后，我们通过传递字符串文字告诉OpenGL显示什么内容。</p>
        <p>也许你想知道为什么字符不会彼此重叠堆积在一起。那时因为每个字符的显示列表都知道字符的右边缘在那里，在写完一个字符后，OpenGL自动移动到刚写过的字符的右边，在写下一个字或画下一个物体时就会从GL移动到的最后的位置开始，也就是最后一个字符的右边。</p>
        <p>最后，我们将GL_LIST_BIT属性弹出堆栈，将GL恢复到我们使用glListBase(base)设置base之前的状态。<br>
        </p></td>
    <td background="Tutorial_14_files/r.gif"><img src="Tutorial_14_files/r.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/bl.gif" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/bc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/br.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>
<font color="#aaffaa" size="3"> 
<pre>	glCallLists(strlen(text), GL_UNSIGNED_BYTE, text);	<font color="#ffffaa">// 调用显示列表绘制字符串</font>
	glPopAttrib();					<font color="#ffffaa">// 弹出属性堆栈</font>
}</pre>
</font><font color="#aaffaa" size="3"> </font> 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/tl.jpg" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/tc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/tr.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td background="Tutorial_14_files/l.gif"><img src="Tutorial_14_files/l.gif" height="28" width="28"></td>
      <td valign="top" width="100%">下面就是画图的代码了。我们从清除屏幕和深度缓存开始。我们调用glLoadIdentity()来重置所有东西。然后我们将坐标系向屏幕里移动十个单位。轮廓字体在透视图模式下表现非常好。你将文字移入屏幕越深，文字开起来就更小。文字离你越近，它看起来就更大。
        <p>也可以使用glScalef(x,y,z)命令来操作轮廓字体。如果你想把字体放大两倍，可以使用glScalef(1.0f,2.0f,1.0f). 
          2.0f 作用在y轴， 它告诉OpenGL将显示列表的高度绘制为原来的两倍。如果2.0f作用在x轴，那么文本的宽度将变成原来的两倍。<br>
        </p></td>
    <td background="Tutorial_14_files/r.gif"><img src="Tutorial_14_files/r.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/bl.gif" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/bc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/br.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>
<font color="#aaffaa" size="3"> 
</font><pre><font color="#aaffaa" size="3">int DrawGLScene(GLvoid)					<font color="#ffffaa">// 此过程中包括所有的绘制代码</font>
{
	glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);	<font color="#ffffaa">// 清除屏幕及深度缓存</font>
	glLoadIdentity();					<font color="#ffffaa">// 重置当前的模型观察矩阵</font>
	glTranslatef(0.0f,0.0f,-10.0f);			<font color="#ffffaa">// 移入屏幕一个单位</font>
</font></pre>
 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/tl.jpg" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/tc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/tr.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td background="Tutorial_14_files/l.gif"><img src="Tutorial_14_files/l.gif" height="28" width="28"></td>
      <td valign="top" width="100%">在向屏幕里移动以后，我们希望文本能旋转起来。下面3行代码用来在3个轴上旋转屏幕。我将rot乘以不同的数，以便每个方向上的旋转速度不同。</td>
    <td background="Tutorial_14_files/r.gif"><img src="Tutorial_14_files/r.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/bl.gif" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/bc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/br.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>
<font color="#aaffaa" size="3"> 
<pre>	glRotatef(rot,1.0f,0.0f,0.0f);			<font color="#ffffaa">// 沿X轴旋转</font>
	glRotatef(rot*1.5f,0.0f,1.0f,0.0f);			<font color="#ffffaa">// </font><font color="#aaffaa" size="3"><font color="#ffffaa">沿Y轴旋转</font></font>
	glRotatef(rot*1.4f,0.0f,0.0f,1.0f);			<font color="#ffffaa">// </font><font color="#aaffaa" size="3"><font color="#ffffaa">沿Z轴旋转</font></font>
</pre>
</font> 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/tl.jpg" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/tc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/tr.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td background="Tutorial_14_files/l.gif"><img src="Tutorial_14_files/l.gif" height="28" width="28"></td>
      <td valign="top" width="100%">下面是令人兴奋的颜色循环了。照常，我们使用唯一递增的变量（rot）。颜色通过使用COS和SIN来循环变化。我将rot除以不同的数，这样每种颜色会以不同的速度递增。最终的效果非常好。<br></td>
    <td background="Tutorial_14_files/r.gif"><img src="Tutorial_14_files/r.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/bl.gif" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/bc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/br.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>
<font color="#aaffaa" size="3"> 
</font><pre><font color="#aaffaa" size="3">	<font color="#ffffaa">// 根据字体位置设置颜色</font>
	glColor3f(1.0f*float(cos(rot/20.0f)),1.0f*float(sin(rot/25.0f)),1.0f-0.5f*float(cos(rot/17.0f)));
</font></pre>
 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/tl.jpg" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/tc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/tr.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td background="Tutorial_14_files/l.gif"><img src="Tutorial_14_files/l.gif" height="28" width="28"></td>
      <td valign="top" width="100%">我最喜欢的部分，将文字写到屏幕上。我使用同将位图字体写到屏幕上相同的函数。将文字写在屏幕上，所有你要做的就是glPrint(“你想写的文字”)。很简单。
        <p>在下面的代码中，我们要写的是NeHe，空格，破折号，空格，然后是rot的值除以50后的结果（为了减慢计数器）。如果这个数大于999.99,左边第四个数将被去掉（我们要求只显示小数点左边3位数字）。只显示小数点右边的两位数字。</p></td>
    <td background="Tutorial_14_files/r.gif"><img src="Tutorial_14_files/r.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/bl.gif" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/bc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/br.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>
<font color="#aaffaa" size="3"> 
</font><pre><font color="#aaffaa" size="3">&nbsp;	glPrint("NeHe - %3.2f",rot/50);				<font color="#ffffaa">// 输出文字到屏幕</font>
</font></pre>
 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/tl.jpg" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/tc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/tr.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td background="Tutorial_14_files/l.gif"><img src="Tutorial_14_files/l.gif" height="28" width="28"></td>
      <td valign="top" width="100%">然后增大旋转变量从而改变颜色并旋转文字。</td>
    <td background="Tutorial_14_files/r.gif"><img src="Tutorial_14_files/r.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/bl.gif" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/bc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/br.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>
<font color="#aaffaa" size="3">

<pre>	rot+=0.5f;						<font color="#ffffaa">// 增加旋转变量</font>
	return TRUE;						<font color="#ffffaa">// 成功返回</font>
}</pre>
</font><font color="#aaffaa" size="3"> </font> 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td><img src="Tutorial_14_files/tl.jpg" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/tc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/tr.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
  <tr>
    <td background="Tutorial_14_files/l.gif"><img src="Tutorial_14_files/l.gif" height="28" width="28"></td>
      <td valign="top" width="100%"><p>在这节课结束的时候，你应该已经学会在你的OpenGL程序中使用轮廓字体了。就像第13课，我曾在网上寻找一篇与这一课相似的教程，但是也没有找到。或许我的网站是第一个涉及这个主题同时又把它解释的简单易懂的C代码的网站吧。享用这篇教程，快乐编码！ 
          </p>
<table border="1" width="100%">
  <tbody><tr>
    <td width="27%"><img src="Tutorial_14_files/logo%25203.jpg" align="middle" height="200" width="209"></td>
    <td width="73%">版权与使用声明:<br>
      我是个对学习和生活充满激情的普通男孩,在网络上我以DancingWind为昵称，我的联系方式是zhouwei02@mails.tsinghua.edu.cn，如果你有任何问题，都可以联系我。
      <p>引子<br>
网络是一个共享的资源，但我在自己的学习生涯中浪费大量的时间去搜索可用的资料，在现实生活中花费了大量的金钱和时间在书店中寻找资料，于是我给自己起了
个昵称DancingWind，其意义是想风一样从各个知识的站点中吸取成长的养料。在飘荡了多年之后，我决定把自己收集的资料整理为一个统一的资源库。</p>
      <p>版权声明<br>
所有DancingWind发表的内容，大多都来自共享的资源，所以我没有资格把它们据为己有，或声称自己为这些资源作出了一点贡献。故任何人都可以复
制，修改，重新发表，甚至以自己的名义发表，我都不会追究，但你在做以上事情的时候必须保证内容的完整性，给后来的人一个完整的教程。最后，任何人不能以
这些资料的任何部分，谋取任何形式的报酬。</p>
      <p>发展计划<br>
        在国外，很多资料都是很多人花费几年的时间慢慢积累起来的。如果任何人有兴趣与别人共享你的知识，我很欢迎你与我联系，但你必须同意我上面的声明。</p>
                <p>感谢<br>
                  感谢我的母亲一直以来对我的支持和在生活上的照顾。<br>
                  感谢我深爱的女友田芹，一直以来默默的在精神上和生活中对我的支持，她甚至把买衣服的钱都用来给我买书了，她真的是我见过的最好的女孩，希望我能带给她幸福。</p>
                <p>资源下载: <br>
                  文档 <a href="http://www.owlei.com/DancingWind/Res/mht/NeHe%20OpenGL%20Chinese%20Course%2014.mht">网页格式</a> 
                  <a href="http://www.owlei.com/DancingWind/Res/pdf/OpenGL_Nehe_Course_Tutorial_14.pdf">PDF格式</a><br>
                  源码 <a href="http://www.owlei.com/DancingWind/Res/Src/14_3DFont.rar">RAR格式</a></p></td>
  </tr>
</tbody></table>
          <table border="0" width="100%">
<tbody>
      <tr>
              <td align="left" width="50%"><a href="http://www.owlei.com/DancingWind/Course/Tutorial_13.htm"><b><font size="-1">&lt; 
                第13课</font></b></a></td>
              <td align="right" width="50%"><a href="http://www.owlei.com/DancingWind/Course/Tutorial_15.htm"><b><font size="-1">第15课 
                &gt;</font></b></a></td>
      </tr>
</tbody>
    </table>
    </td>
    <td background="Tutorial_14_files/r.gif"><img src="Tutorial_14_files/r.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
  <tr>
    <td><img src="Tutorial_14_files/bl.gif" height="28" width="28"></td>
    <td width="100%"><img src="Tutorial_14_files/bc.gif" height="28" width="100%"></td>
    <td><img src="Tutorial_14_files/br.gif" height="28" width="28"></td>
  </tr>
</tbody>
</table>

</center></body></html>
123

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -