DirectX11 光照演示示例Demo

最新推荐文章于 2019-08-22 18:14:06 发布

梦幻DUO

最新推荐文章于 2019-08-22 18:14:06 发布

阅读量1.8k

点赞数

分类专栏： 2. DirectX11龙书学习笔记 DirectX11游戏开发文章标签： directx11 direct3d 光照游戏开发图形学

本文链接：https://blog.csdn.net/sinat_24229853/article/details/48877851

版权

DirectX11游戏开发同时被 2 个专栏收录

90 篇文章 116 订阅

订阅专栏

2. DirectX11龙书学习笔记

66 篇文章 17 订阅

订阅专栏

该博客介绍了DirectX11光照演示Demo，包括3种光源（平行光、点光、聚光灯）的实现。文中详细讲解了effect文件、C++代码、计算地形法线的方法，以及程序运行截图。通过法线微积分计算和多光源的处理，展示了实时光照效果。

摘要由CSDN通过智能技术生成

光照演示示例Demo

1. Demo介绍

我们的光照演示程序中，我们实现了3种个不同的光源：1个平行光、1个点光、1个聚光灯。平行光的位置是固定的，点光绕着地形转圈，而聚光灯跟随相机移动，并指向相机的观察方向。光照演示程序只是对上一章的水波演示程序做了一些修改。

2. effect文件

//=============================================================================
// Lighting.fx by Frank Luna (C) 2011 All Rights Reserved.
//
// Transforms and lights geometry.
//=============================================================================

#include "LightHelper.fx"

cbuffer cbPerFrame
{
    DirectionalLight gDirLight;
    PointLight gPointLight;
    SpotLight gSpotLight;
    float3 gEyePosW;
};

cbuffer cbPerObject
{
    float4x4 gWorld;
    float4x4 gWorldInvTranspose;
    float4x4 gWorldViewProj;
    Material gMaterial;
};

struct VertexIn
{
    float3 PosL    : POSITION;
    float3 NormalL : NORMAL;
};

struct VertexOut
{
    float4 PosH    : SV_POSITION;
    float3 PosW    : POSITION;
    float3 NormalW : NORMAL;
};

VertexOut VS(VertexIn vin)
{
    VertexOut vout;

    // 转换到世界空间
    vout.PosW    = mul(float4(vin.PosL, 1.0f), gWorld).xyz;
    vout.NormalW = mul(vin.NormalL, (float3x3)gWorldInvTranspose);

    // 转换到齐次剪裁空间
    vout.PosH = mul(float4(vin.PosL, 1.0f), gWorldViewProj);

    return vout;
}

float4 PS(VertexOut pin) : SV_Target
{
    // 插值后的法线需要重新规范化
    pin.NormalW = normalize(pin.NormalW);

    float3 toEyeW = normalize(gEyePosW - pin.PosW);

    // 初始化光照变量
    float4 ambient = float4(0.0f, 0.0f, 0.0f, 0.0f);
    float4 diffuse = float4(0.0f, 0.0f, 0.0f, 0.0f);
    float4 spec    = float4(0.0f, 0.0f, 0.0f, 0.0f);

    // 每个光源的贡献
    float4 A, D, S;

    ComputeDirectionalLight(gMaterial, gDirLight, pin.NormalW, toEyeW, A, D, S);
    ambient += A; 
    diffuse += D;
    spec    += S;

    ComputePointLight(gMaterial, gPointLight, pin.PosW, pin.NormalW, toEyeW, A, D, S);
    ambient += A;
    diffuse += D;
    spec    += S;

    ComputeSpotLight(gMaterial, gSpotLight, pin.PosW, pin.NormalW, toEyeW, A, D, S);
    ambient += A;
    diffuse += D;
    spec    += S;

    float4 litColor = ambient + diffuse + spec;

    // 通常从漫反射材质中提取alpha
    litColor.a = gMaterial.Diffuse.a;

    return litColor;
}

technique11 LightTech
{
    pass P0
    {
        SetVertexShader( CompileShader( vs_5_0, VS() ) );
        SetGeometryShader( NULL );
        SetPixelShader( CompileShader( ps_5_0, PS() ) );
    }
}

3. C++程序代码

光照计算需要表面法线的信息。我们是在顶点层次定义法线的，然后对法线进行插值用于逐像素光照计算。此外，现在也不需要指定顶点颜色了，表面的颜色可以代入光照方程逐像素地求得。输入布局描述如下所示：

D3D11_INPUT_ELEMENT_DESC vertexDesc[] =
{
    {"POSITION", 0, DXGI_FORMAT_R32G32B32_FLOAT, 0, 0,
D3D11_INPUT_PER_VERTEX_DATA, 0},
    {"NORMAL",    0, DXGI_FORMAT_R32G32B32_FLOAT, 0, 12,
D3D11_INPUT_PER_VERTEX_DATA, 0}
};

在应用程序中，我们定义了三个光源和两个材质。

DirectionalLight mDirLight;
PointLight mPointLight;
SpotLight mSpotLight;
Material mLandMat;
Material mWavesMat;

它们在构造函数中进行初始化：

LightingApp::LightingApp(HINSTANCE hInstance)
: D3DApp(hInstance), mLandVB(0), mLandIB(0), mWavesVB(0), mWavesIB(0),
  mFX(0), mTech(0), mfxWorld(0), mfxWorldInvTranspose(0), mfxEyePosW(0),
  mfxDirLight(0), mfxPointLight(0), mfxSpotLight(0), mfxMaterial(0),
  mfxWorldViewProj(0),
  mInputLayout(0), mEyePosW(0.0f, 0.0f, 0.0f), mTheta(1.5f*MathHelper::Pi), mPhi(0.1f*MathHelper::Pi), mRadius(80.0f)
{
    …

    // 方向光
    mDirLight.Ambient  = XMFLOAT4(0.2f, 0.2f, 0.2f, 1.0f);
    mDirLight.Diffuse  = XMFLOAT4(0.5f, 0.5f, 0.5f, 1.0f);
    mDirLight.Specular = XMFLOAT4(0.5f, 0.5f, 0.5f, 1.0f);
    mDirLight.Direction = XMFLOAT3(0.57735f, -0.57735f, 0.57735f);

    // 点光的位置随着更新场景函数在每一帧不停地改变位置
    mPointLight.Ambient  = XMFLOAT4(0.3f, 0.3f, 0.3f, 1.0f);
    mPointLight.Diffuse  = XMFLOAT4(0.7f, 0.7f, 0.7f, 1.0f);
    mPointLight.Specular = XMFLOAT4(0.7f, 0.7f, 0.7f, 1.0f);
    mPointLight.Att      = XMFLOAT3(0.0f, 0.1f, 0.0f);
    mPointLight.Range    = 25.0f;

    // 聚光灯的位置和方向随着更新场景函数在每一帧不停地改变位置
    mSpotLight.Ambient  = XMFLOAT4(0.0f, 0.0f, 0.0f, 1.0f);
    mSpotLight.Diffuse  = XMFLOAT4(1.0f, 1.0f, 0.0f, 1.0f);
    mSpotLight.Specular = XMFLOAT4(1.0f, 1.0f, 1.0f, 1.0f);
    mSpotLight.Att      = XMFLOAT3(1.0f, 0.0f, 0.0f);
    mSpotLight.Spot     = 96.0f;
    mSpotLight.Range    = 10000.0f;

    mLandMat.Ambient  = XMFLOAT4(0.48f, 0.77f, 0.46f, 1.0f);
    mLandMat.Diffuse  = XMFLOAT4(0.48f, 0.77f, 0.46f, 1.0f);
    mLandMat.Specular = XMFLOAT4(0.2f, 0.2f, 0.2f, 16.0f);

    mWavesMat.Ambient  = XMFLOAT4(0.137f, 0.42f, 0.556f, 1.0f);
    mWavesMat.Diffuse  = XMFLOAT4(0.137f, 0.42f, 0.556f, 1.0f);
    mWavesMat.Specular = XMFLOAT4(0.8f, 0.8f, 0.8f, 96.0f);
}

当使用多光源时，必须要小心别让颜色超出范围。所以你需要测试环境光、漫反射光和镜面光的强度，对光照范围和衰减的测试也是必须的。有时很容易忘记使用带颜色的灯光，但是它们可以被用来产生不同的效果。例如，你在一个太阳模型上使用平行光，太阳本身被设置为橘黄色，你可以将光的颜色也设置为橘黄色，这样，场景中的物体都会带上橘黄色的色调。异形飞船爆炸时可以加点淡蓝色，红光通常表示紧急情况。

如前所述，点光源和聚光灯是活动的；这一工作在UpdateScene方法中实现：

void LightingApp::UpdateScene(float dt)
{
    …
    //
    // 光源动画
    //

    // 让点光源在地面之上转圈
    mPointLight.Position.x = 70.0f*cosf( 0.2f*mTimer.TotalTime() );
    mPointLight.Position.z = 70.0f*sinf( 0.2f*mTimer.TotalTime() );
    mPointLight.Position.y = MathHelper::Max(GetHillHeight(mPointLight.Position.x,
        mPointLight.Position.z), -3.0f) + 10.0f;


    // 聚光灯的位置与观察点的位置相同，光照方向与观察方向相同；
    // 这样产生的效果就像是观察者拿着一个手电筒在场景中照来照去一样。
    mSpotLight.Position = mEyePosW;
    XMStoreFloat3(&mSpotLight.Direction, XMVector3Normalize(target - pos));
}

基本上，点光源会沿着xz平面上的一个圆形轨迹来运动，只是它总保持在地面和水面之上。聚光灯的位置与观察点的位置相同，光照方向与观察方向相同；这样产生的效果就像是观察者拿着一个手电筒在场景中照来照去一样。

最后，我们要在渲染之前将灯光和材质指定给effect：

void LightingApp::DrawScene()
{
    …

    // Set per frame constants.
    mfxDirLight->SetRawValue(&mDirLight, 0, sizeof(mDirLight));
    mfxPointLight->SetRawValue(&mPointLight, 0, sizeof(mPointLight));
    mfxSpotLight->SetRawValue(&mSpotLight, 0, sizeof(mSpotLight));
    mfxEyePosW->SetRawValue(&mEyePosW, 0, sizeof(mEyePosW));

    …
    D3DX11_TECHNIQUE_DESC techDesc;
    mTech->GetDesc( &techDesc );
    for(UINT p = 0; p < techDesc.Passes; ++p)
    {
        …
        mfxMaterial->SetRawValue(&mLandMat, 0, sizeof(mLandMat));
        /* 绘制山谷 ...*/
        …
        mfxMaterial->SetRawValue(&mWavesMat, 0, sizeof(mWavesMat));
        /* 绘制水波...*/
    }

    HR(mSwapChain->Present(0, 0));
}

4. 计算地形法线

因为我们的地形表面是通过一个函数y = f(x,z)生成的，所以我们可以直接使用微积分计算法线向量，而不是7.2.1节描述的法线平均值技术。要为表面上的每个点计算法线向量，我们必须通过偏导数生成+x和+z方向上的两个正切向量：
这里写图片描述

我们用于生成地面网格的函数为：

这里写图片描述

偏导数为：

这里写图片描述

表面点(x,f(x,z),z)的表面法线为：

这里写图片描述

注意，表面法线不是规范化向量，在执行照计算之前必须对它进行规范化处理。

我们只在每个顶点上执行上述法线计算，获得顶点法线：

XMFLOAT3 LightingApp::GetHillNormal(float x, float z)const
{
    // n = (-df/dx, 1, -df/dz)
    XMFLOAT3 n(
        -0.03f*z*cosf(0.1f*x) - 0.3f*cosf(0.1f*z),
        1.0f,
        -0.3f*sinf(0.1f*x) + 0.03f*x*sinf(0.1f*z));

    XMVECTOR unitNormal = XMVector3Normalize(XMLoadFloat3(&n));
    XMStoreFloat3(&n, unitNormal);

    return n;
}