HGE教程翻译（8）

Tutorial 08 – 天气

 

 这篇教程示范特效和灯光模拟。

天空的渐变

我们用精灵渲染天空而不用纹理。

 

hgeSprite *sky;
    
    

sky=new hgeSprite(0, 0, 0, SCREEN_WIDTH, SKY_HEIGHT);
    
    

 

它的上下顶点上不同的颜色，平滑过渡。

 

hgeColor colSkyTop;
    
    

hgeColor colSkyBtm;
    
    

sky->SetColor(colSkyTop.GetHWColor(), 0);
    
    

sky->SetColor(colSkyTop.GetHWColor(), 1);
    
    

sky->SetColor(colSkyBtm.GetHWColor(), 2);
    
    

sky->SetColor(colSkyBtm.GetHWColor(), 3);
    
    

sky->Render(0, 0);
    
    

 

天空的颜色由一天中的时间决定，在一些颜色常量的插补中计算。

 

hgeColor col1, col2;
    
    

col1.SetHWColor(skyTopColors[seq[seq_id]]);
    
    

col2.SetHWColor(skyTopColors[seq[seq_id+1]]);
    
    

colSkyTop=col2*seq_residue + col1*(1.0f-seq_residue);
    
    

col1.SetHWColor(skyBtmColors[seq[seq_id]]);
    
    

col2.SetHWColor(skyBtmColors[seq[seq_id+1]]);
    
    

colSkyBtm=col2*seq_residue + col1*(1.0f-seq_residue);

大海和波浪

同样的着色技术可以用于大海。但这次我们用hgeDistortionMesh类代替hgeSprite来模拟波浪。

 

hgeDistortionMesh *sea;
    
    

sea=new hgeDistortionMesh(SEA_SUBDIVISION, SEA_SUBDIVISION);
    
    

sea->SetTextureRect(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT-SKY_HEIGHT);
    
    

 

要创建波浪，我们为每个曲面网格的节点设置位移和颜色（我们跳过第一和最后一条线因为我们不想让它们移动）：

 

for(i=1; i<SEA_SUBDIVISION-1; i++)
    
    

{
    
    

  // these are constants for each vertices line
    
    

  a=float(i)/(SEA_SUBDIVISION-1);
    
    

  col1=colSeaTop*(1-a)+colSeaBtm*a;
    
    

  dwCol1=col1.GetHWColor();
    
    

  fTime=2.0f*hge->Timer_GetTime();
    
    

  a*=20;
    
    

  for(j=0; j<SEA_SUBDIVISION; j++)
    
    

  {
    
    

    sea->SetColor(j, i, dwCol1);
    
    

    dy=a*sinf(seaP[i]+ // precalculated phase shift
    
    

         (float(j)/(SEA_SUBDIVISION-1)-0.5f)*M_PI*16.0f-fTime);
    
    

    sea->SetDisplacement(j, i, 0.0f, dy, HGEDISP_NODE);
    
    

  }
    
    

}
    
    

 

现在我们为先前跳过的第一和最后一条线设置颜色。

 

dwCol1=colSeaTop.GetHWColor();
    
    

dwCol2=colSeaBtm.GetHWColor();
    
    

for(j=0; j<SEA_SUBDIVISION; j++)
    
    

{
    
    

  sea->SetColor(j, 0, dwCol1);
    
    

  sea->SetColor(j, SEA_SUBDIVISION-1, dwCol2);
    
    

}
    
    

 

大海准备就绪，我们开始渲染：

 

sea->Render(0, SKY_HEIGHT);
    
    

 

在源代码中从月亮到太阳有一条光线被模拟。为了达到这点我们只需要在太阳月亮下增加一条1 bit的白色线。

天空的物体

星星，月亮和太阳是由带颜色的点组成的精灵。

 

hgeSprite *sun;
    
    

hgeSprite *moon;
    
    

hgeSprite *star;
    
    

sun=new hgeSprite(texObjects,81,0,114,114);
    
    

sun->SetHotSpot(57,57);
    
    

moon=new hgeSprite(texObjects,0,0,81,81);
    
    

moon->SetHotSpot(40,40);
    
    

star=new hgeSprite(texObjects,72,81,9,9);
    
    

star->SetHotSpot(5,5);
    
    

 

有趣的地方是光晕和海面上的倒影。它们都是精灵：

 

hgeSprite *glow;
    
    

hgeSprite *seaglow;
    
    

glow=new hgeSprite(texObjects,128,128,128,128);
    
    

glow->SetHotSpot(64,64);
    
    

glow->SetBlendMode(BLEND_COLORADD | BLEND_ALPHABLEND);
    
    

seaglow=new hgeSprite(texObjects,128,224,128,32);
    
    

seaglow->SetHotSpot(64,0);
    
    

seaglow->SetBlendMode(BLEND_COLORADD | BLEND_ALPHAADD);
    
    

 

注意光晕精灵使用不同的渲染模式来达到适当的颜色。它们共享相同的纹理区域。

太阳和月亮的位置，比例和颜色在UpdateSimulation中计算，在RenderSimulation中渲染：

 

glow->SetColor(colSunGlow.GetHWColor());
    
    

glow->RenderEx(sunX, sunY, 0.0f, sunGlowS);
    
    

sun->SetColor(colSun.GetHWColor());
    
    

sun->RenderEx(sunX, sunY, 0.0f, sunS);
    
    

glow->SetColor(colMoonGlow.GetHWColor());
    
    

glow->RenderEx(moonX, moonY, 0.0f, moonGlowS);
    
    

moon->SetColor(colMoon.GetHWColor());
    
    

moon->RenderEx(moonX, moonY, 0.0f, moonS);
    
    

 

同样的海面倒影：

 

seaglow->SetColor(colSeaGlow.GetHWColor());
    
    

seaglow->RenderEx(seaGlowX, SKY_HEIGHT,
    
    

                     0.0f, seaGlowSX, seaGlowSY);
    
    

 

注意海面倒影精灵不是适当的比例。

执行

 

这个例子跑在一个相当高的FPS下。这可能是因为Direct3D渲染精灵的瓶颈在于纹理带宽，这个例子只用一块小纹理渲染少量的精灵。大部分屏幕区域都填充单一的颜色。