第二人生的源码分析 12 天空显示的实现

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

在虚拟世界里，自然现象的实现是最需要实现的，比如天空的实现，以便反映是白天还是晚上，这样才逼真反映现实世界。在第二人生里实现的天空，还是比较好的，如下图所示：

蔡军生 2008/01/10 QQ:9073204 深圳

从上面的图片里，可以看到太阳在远处，并具有雾化的效果，这是早上太阳升起的效果。看到远处是浅蓝色的天空，与海边连接成一体。在室外场境的模拟中，最重要的就是天空体的实现。目前实现天空体有两种不同的实现方式：天体盒和天空穹。而第二人生里是采用天空盒的实现方式，这种方式是渲染的速度比较快，但纹理需要特别处理，才让人们看到的所有地方一样远的感觉。跟实现地面是一样的，都是使用网格和纹理来实现。下面就来通过代码仔细地分析怎么创建天空盒的网格，以及纹理的坐标设置。

 

#001 

#002 BOOL LLVOSky::updateGeometry(LLDrawable *drawable)

#003 {

#004       if (mFace[FACE_REFLECTION] == NULL)

#005       {

#006              LLDrawPoolWater *poolp = (LLDrawPoolWater*) gPipeline.getPool(LLDrawPool::POOL_WATER);

#007              mFace[FACE_REFLECTION] = drawable->addFace(poolp, NULL);

#008       }

创建反射表面。

 

#009 

#010       mCameraPosAgent = drawable->getPositionAgent();

#011       mEarthCenter.mV[0] = mCameraPosAgent.mV[0];

#012       mEarthCenter.mV[1] = mCameraPosAgent.mV[1];

#013 

#014       LLVector3 v_agent[8];

#015       for (S32 i = 0; i < 8; ++i)

#016       {

#017               F32 x_sgn = (i&1) ? 1.f : -1.f;

#018               F32 y_sgn = (i&2) ? 1.f : -1.f;

#019               F32 z_sgn = (i&4) ? 1.f : -1.f;

#020              v_agent[i] = HORIZON_DIST*0.25f * LLVector3(x_sgn, y_sgn, z_sgn);

#021       }

#022 

#023       LLStrider<LLVector3> verticesp;

#024       LLStrider<LLVector3> normalsp;

#025       LLStrider<LLVector2> texCoordsp;

#026       LLStrider<U32> indicesp;

#027       S32 index_offset;

#028       LLFace *face;     

#029 

 

下面开始创建天空盒的6个平面。

#030       for (S32 side = 0; side < 6; ++side)

#031       {

#032              face = mFace[FACE_SIDE0 + side];

#033 

#034              if (face->mVertexBuffer.isNull())

#035              {

#036                     face->setSize(4, 6);

设置每个表面有4个顶点构成，共有6个索引顶点。

 

#037                     face->setGeomIndex(0);

#038                     face->setIndicesIndex(0);

#039                     face->mVertexBuffer = new LLVertexBuffer(LLDrawPoolSky::VERTEX_DATA_MASK, GL_STREAM_DRAW_ARB);

#040                     face->mVertexBuffer->allocateBuffer(4, 6, TRUE);

上面分配顶点缓冲区和索引缓冲区。

 

#041                    

#042                     index_offset = face->getGeometry(verticesp,normalsp,texCoordsp, indicesp);

#043                    

#044                     S32 vtx = 0;

#045                     S32 curr_bit = side >> 1; // 0/1 = Z axis, 2/3 = Y, 4/5 = X

#046                     S32 side_dir = side & 1; // even - 0, odd - 1

#047                     S32 i_bit = (curr_bit + 2) % 3;

#048                     S32 j_bit = (i_bit + 2) % 3;

#049 

#050                     LLVector3 axis;

#051                     axis.mV[curr_bit] = 1;

#052                     face->mCenterAgent = (F32)((side_dir << 1) - 1) * axis * HORIZON_DIST;

#053 

#054                     vtx = side_dir << curr_bit;

#055                     *(verticesp++) = v_agent[vtx];

#056                     *(verticesp++) = v_agent[vtx | 1 << j_bit];

#057                     *(verticesp++) = v_agent[vtx | 1 << i_bit];

#058                     *(verticesp++) = v_agent[vtx | 1 << i_bit | 1 << j_bit];

上面计算4个顶点坐标。

 

#059 

#060                     *(texCoordsp++) = TEX00;

#061                     *(texCoordsp++) = TEX01;

#062                     *(texCoordsp++) = TEX10;

#063                     *(texCoordsp++) = TEX11;

#064 

设置4个顶点的纹理坐标。

 

#065                     // Triangles for each side

#066                     *indicesp++ = index_offset + 0;

#067                     *indicesp++ = index_offset + 1;

#068                     *indicesp++ = index_offset + 3;

#069 

#070                     *indicesp++ = index_offset + 0;

#071                     *indicesp++ = index_offset + 3;

#072                     *indicesp++ = index_offset + 2;

上面设置每个表面由两个三角形构成索引。

 

#073              }

#074       }

#075 

#076       const LLVector3 &look_at = gCamera->getAtAxis();

#077       LLVector3 right = look_at % LLVector3::z_axis;

#078       LLVector3 up = right % look_at;

#079       right.normVec();

#080       up.normVec();

#081 

#082       const static F32 elevation_factor = 0.0f/sResolution;

#083       const F32 cos_max_angle = cosHorizon(elevation_factor);

#084       mSun.setDraw(updateHeavenlyBodyGeometry(drawable, FACE_SUN, TRUE, mSun, cos_max_angle, up, right));

#085       mMoon.setDraw(updateHeavenlyBodyGeometry(drawable, FACE_MOON, FALSE, mMoon, cos_max_angle, up, right));

#086 

#087       const F32 water_height = gAgent.getRegion()->getWaterHeight() + 0.01f;

#088              // gWorldPointer->getWaterHeight() + 0.01f;

#089       const F32 camera_height = mCameraPosAgent.mV[2];

#090       const F32 height_above_water = camera_height - water_height;

#091 

#092       BOOL sun_flag = FALSE;

#093 

#094       if (mSun.isVisible())

#095       {

#096              if (mMoon.isVisible())

#097              {

#098                     sun_flag = look_at * mSun.getDirection() > 0;

#099              }

#100              else

#101              {

#102                     sun_flag = TRUE;

#103              }

#104       }

#105      

#106       if (height_above_water > 0)

#107       {

#108 #if 1 //1.9.1

#109              BOOL render_ref = gPipeline.getPool(LLDrawPool::POOL_WATER)->getVertexShaderLevel() == 0;

#110 #else

#111              BOOL render_ref = !(gPipeline.getVertexShaderLevel(LLPipeline::SHADER_ENVIRONMENT) >= LLDrawPoolWater::SHADER_LEVEL_RIPPLE);

#112 #endif

#113              if (sun_flag)

#114              {

#115                     setDrawRefl(0);

#116                     if (render_ref)

#117                     {

#118                            updateReflectionGeometry(drawable, height_above_water, mSun);

#119                     }

#120              }

#121              else

#122              {

#123                     setDrawRefl(1);

#124                     if (render_ref)

#125                     {

#126                            updateReflectionGeometry(drawable, height_above_water, mMoon);

#127                     }

#128              }

#129       }

#130       else

#131       {

#132              setDrawRefl(-1);

#133       }

#134 

#135 

#136       LLPipeline::sCompiles++;

#137       return TRUE;

#138 }

#139 

上面计算太阳和月亮的出现位置以及光照效果。

 

通过上面的分析，了解天空体的网格创建，纹理坐标的设置，以及太阳、月亮的效果计算。

            

给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow

你好！ 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

1. 全新的界面设计 ，将会带来全新的写作体验；
2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
4. 全新的 KaTeX数学公式 语法；
5. 增加了支持甘特图的mermaid语法¹ 功能；
6. 增加了 多屏幕编辑 Markdown文章功能；
7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片:

带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block var foo = 'bar'; 

生成一个适合你的列表

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
Quotes	"Isn't this fun?"	“Isn’t this fun?”
Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过欧拉积分

$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划一               :         des3, after des2, 5d
        计划二               :         des4, after des3, 5d

• 关于 甘特图 语法，参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：:

这将产生一个流程图。:

• 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

• 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件或者.html文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

---

1. mermaid语法说明 ↩︎

2. 注脚的解释 ↩︎