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

📄 tutorial_34.htm

📁 如果你相信它就好好学学吧,同样这里也只是个入门
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
    <td background="Tutorial_34_files/r.png"><img src="Tutorial_34_files/r.png"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/bl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/bc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/br.png" height="28" width="28"></td></tr></tbody></table><font color="#aaffaa" size="3"><pre>	return pHeightMap[x + (y * MAP_SIZE)];			<font color="#ffffaa">// 返回（x,y)的高度</font>
}
</pre></font><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/tl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/tc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/tr.png" height="28" width="28"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td background="Tutorial_34_files/l.png"><img src="Tutorial_34_files/l.png"></td>
    <td valign="top" width="100%">按高度设置顶点的颜色，越高的地方越亮</td>
    <td background="Tutorial_34_files/r.png"><img src="Tutorial_34_files/r.png"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/bl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/bc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/br.png" height="28" width="28"></td></tr></tbody></table><font color="#aaffaa" size="3">
<pre>void SetVertexColor(BYTE *pHeightMap, int x, int y)			<font color="#ffffaa">// 按高度设置顶点的颜色，越高的地方越亮</font>
{								
	if(!pHeightMap) return;					

	float fColor = -0.15f + (Height(pHeightMap, x, y ) / 256.0f);

	<font color="#ffffaa">// 设置顶点的颜色</font>
	glColor3f(0.0f, 0.0f, fColor );
}
</pre>
</font><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/tl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/tc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/tr.png" height="28" width="28"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td background="Tutorial_34_files/l.png"><img src="Tutorial_34_files/l.png"></td>
    <td valign="top" width="100%">下面的函数在OpenGL中，根据高度图渲染输出地形</td>
    <td background="Tutorial_34_files/r.png"><img src="Tutorial_34_files/r.png"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/bl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/bc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/br.png" height="28" width="28"></td></tr></tbody></table><font color="#aaffaa" size="3">
<pre>void RenderHeightMap(BYTE pHeightMap[])				<font color="#ffffaa">// 根据高度图渲染输出地形</font>
{
	int X = 0, Y = 0;					<font color="#ffffaa">	// 设置循环变量</font>
	int x, y, z;						

	if(!pHeightMap) return;					<font color="#ffffaa">// 确认高度图存在</font>
</pre>
</font><font color="#aaffaa" size="3">
<pre>	if(bRender)						<font color="#ffffaa">// 选择渲染模式</font>
		glBegin( GL_QUADS );				<font color="#ffffaa">// 渲染为四边形</font>
	else
		glBegin( GL_LINES );				<font color="#ffffaa">// 渲染为直线</font>

</pre>
</font><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/tl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/tc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/tr.png" height="28" width="28"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td background="Tutorial_34_files/l.png"><img src="Tutorial_34_files/l.png"></td>
    <td valign="top" width="100%">下面的函数求得每一点的坐标和颜色，调用OpenGL渲染</td>
    <td background="Tutorial_34_files/r.png"><img src="Tutorial_34_files/r.png"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/bl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/bc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/br.png" height="28" width="28"></td></tr></tbody></table>
<font color="#aaffaa" size="3"> 
</font><pre><font color="#aaffaa" size="3">	for ( X = 0; X &lt; MAP_SIZE; X += STEP_SIZE )
		for ( Y = 0; Y &lt; MAP_SIZE; Y += STEP_SIZE )
		{
			<font color="#ffffaa">// 绘制(x,y)处的顶点</font>
<font color="#ffffaa">	// 获得(x,y,z)坐标</font>
			x = X;
			y = Height(pHeightMap, X, Y );
			z = Y;

			<font color="#ffffaa">// 设置顶点颜色</font>
			SetVertexColor(pHeightMap, x, z);

			glVertex3i(x, y, z);			<font color="#ffffaa">// 调用OpenGL绘制顶点的命令</font>

			<font color="#ffffaa">// 绘制(x,y+1)处的顶点</font>
			x = X;
			y = Height(pHeightMap, X, Y + STEP_SIZE );
			z = Y + STEP_SIZE ;
			SetVertexColor(pHeightMap, x, z);
			glVertex3i(x, y, z);		<font color="#ffffaa">

	// </font><font color="#aaffaa" size="3"><font color="#ffffaa">绘制(x+1,y+1)处的顶点</font></font>
			x = X + STEP_SIZE;
			y = Height(pHeightMap, X + STEP_SIZE, Y + STEP_SIZE );
			z = Y + STEP_SIZE ;
			SetVertexColor(pHeightMap, x, z);
			glVertex3i(x, y, z);			

			<font color="#ffffaa">// </font><font color="#aaffaa" size="3"><font color="#ffffaa">绘制(x+1</font><font color="#aaffaa" size="3"><font color="#aaffaa" size="3"><font color="#ffffaa">,</font></font></font><font color="#ffffaa">y)处的顶点</font></font>
			x = X + STEP_SIZE;
			y = Height(pHeightMap, X + STEP_SIZE, Y );
			z = Y;
			SetVertexColor(pHeightMap, x, z);
			glVertex3i(x, y, z);		
		}
	glEnd();
</font></pre>
<font color="#aaffaa" size="3"> 
<pre>	glColor4f(1.0f, 1.0f, 1.0f, 1.0f);			<font color="#ffffaa">// 重置颜色</font>
}
</pre>
</font>
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/tl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/tc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/tr.png" height="28" width="28"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td background="Tutorial_34_files/l.png"><img src="Tutorial_34_files/l.png"></td>
    <td valign="top" width="100%">DrawGLScene函数基本没变化，只是设置了视点和缩放系数，调用上面的函数绘制出地形。 </td>
    <td background="Tutorial_34_files/r.png"><img src="Tutorial_34_files/r.png"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/bl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/bc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/br.png" height="28" width="28"></td></tr></tbody></table><font color="#aaffaa" size="3">
<pre><font color="#ffffaa">// 设置视点</font>
	gluLookAt(212, 60, 194,  186, 55, 171,  0, 1, 0);	
	<font color="#aaffaa" size="3">glScalef(scaleValue, scaleValue * HEIGHT_RATIO, scaleValue); </font> 
</pre>
</font> <font color="#aaffaa" size="3">
<pre>	RenderHeightMap(g_HeightMap);				<font color="#ffffaa">// 渲染高度图</font>

	return TRUE;			
}
</pre>
</font>
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/tl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/tc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/tr.png" height="28" width="28"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td background="Tutorial_34_files/l.png"><img src="Tutorial_34_files/l.png"></td>
    <td valign="top" width="100%">WndProc()函数基本没有变化，只是加入了单击左键的相应函数 </td>
    <td background="Tutorial_34_files/r.png"><img src="Tutorial_34_files/r.png"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/bl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/bc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/br.png" height="28" width="28"></td></tr></tbody></table><font color="#aaffaa" size="3">
<pre>		case WM_LBUTTONDOWN:				<font color="#ffffaa">// 是否单击鼠标左键</font>
		{
			bRender = !bRender;			<font color="#ffffaa">// 改变渲染模式</font>
			return 0;					<font color="#ffffaa">// 返回</font>
		}
</pre>
</font>
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/tl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/tc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/tr.png" height="28" width="28"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td background="Tutorial_34_files/l.png"><img src="Tutorial_34_files/l.png"></td>
    <td valign="top" width="100%">上面就是所有绘制地形的代码了，简单吧。 
      <p>希望你喜欢这个教程！</p>
<table border="1" width="100%">
  <tbody><tr>
    <td width="27%"><img src="Tutorial_34_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%2034.mht">网页格式</a> 
              <a href="http://www.owlei.com/DancingWind/Res/pdf/OpenGL_Nehe_Course_Tutorial_34.pdf">PDF格式</a><br>
              源码 <a href="http://www.owlei.com/DancingWind/Res/Src/34_HeightMap.rar">RAR格式</a></p></td>
  </tr>
</tbody></table>
      <font face="Tahoma,Verdana,sans-serif" size="-1">
      <table border="0" width="100%">
        <tbody><tr><td align="left" width="50%"><b><font size="-1"><a href="http://www.owlei.com/DancingWind/Course/Tutorial_33.htm">&lt; 
          第33课 </a></font></b></td>
        <td align="right" width="50%"><b><font size="-1"><a href="http://www.owlei.com/DancingWind/Course/Tutorial_35.htm">第35课 
          &gt;</a></font></b></td>
      </tr></tbody></table>
      </font></td>
    <td background="Tutorial_34_files/r.png"><img src="Tutorial_34_files/r.png"></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><img src="Tutorial_34_files/bl.png" height="28" width="28"></td><td width="100%"><img src="Tutorial_34_files/bc.png" height="28" width="100%"></td><td><img src="Tutorial_34_files/br.png" height="28" width="28"></td></tr></tbody></table>

</body></html>
12

⌨️ 快捷键说明

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