Directx11學習筆記【十三】 實現一個簡單地形

本文由zhangbaochong原創，轉載請注明出處http://www.cnblogs.com/zhangbaochong/p/5510294.html

 

上一個教程我們實現了渲染一個會旋轉的立方體，這次我們來實現一個簡單地形。

先來看看最終實現效果吧(藍色是背景色，地形的不同高度分別渲染了不同顏色)

 

實現原理其實很簡單，我們現在xz平面定義一個二維網格，然后y值可以根據一定的函數得到，比如正余弦函數組成等等，便可以得到一個看似不錯的地形

或者水面效果。

 

1.創建二維網格

首先我們在GeometryGenerator中定義了一個只有XMFLOAT3 Position一個變量的結構Vertex用來描述頂點信息，MeshData中保存了整個grid所有

頂點的頂點信息和索引信息。CreateGrid函數負責創建grid。

#pragma once

#include<vector>
#include "Dx11DemoBase.h"

class GeometryGenerator
{
public:
    struct  Vertex 
    {
        Vertex(){}
        Vertex(const XMFLOAT3& p)
            : Position(p){}
        Vertex(float px, float py, float pz): Position(px, py, pz){}
        XMFLOAT3 Position;
    };

    struct MeshData
    {
        std::vector<Vertex> vertices;
        std::vector<UINT> indices;
    };

    void CreateGrid(float width, float depth, UINT m, UINT n, MeshData& meshData);
};

 

頂點索引的計算關鍵是推導出一個用於求構成第i行，第j列的頂點處右下方兩個三角形的頂點索引的通用公式。

對頂點緩存中的任意一點A，如果該點位於地形中的第i行、第j列的話，那么該點在頂點緩存中所對應的位置應該就是i*m+j（m為每行的頂點數）。如果A點在索引緩存中的位置為k的話，那么A點為起始點構成的三角形ABC中，B、C頂點在頂點緩存中的位置就為（i+1）x m+j和i x m+（j+1）。且B點索引值為k+1，C點索引值為k+2.這樣。這樣，公式就可以推導為如下：

三角形ABC=【i*每行頂點數+j，i*每行頂點數+（j+1），（i+1）*行頂點數+j】

三角形CBD=【（i+1）*每行頂點數+j，i*每行頂點數+（j+1），（i+1）*行頂點數+（j+1）】

#include "GeometryGenerator.h"


void GeometryGenerator::CreateGrid(float width, float depth, UINT m, UINT n, MeshData& meshData)
{
    UINT vertexCount = m*n;
    UINT faceCount = (m - 1)*(n - 1) * 2;

    // Create the vertices.

    float halfWidth = 0.5f*width;
    float halfDepth = 0.5f*depth;

    float dx = width / (n - 1);
    float dz = depth / (m - 1);

    meshData.vertices.resize(vertexCount);
    for (UINT i = 0; i < m; ++i)
    {
        float z = halfDepth - i*dz;
        for (UINT j = 0; j < n; ++j)
        {
            float x = -halfWidth + j*dx;
            meshData.vertices[i*n + j].Position = XMFLOAT3(x, 0.0f, z);
        }
    }

    // Create the indices.

    meshData.indices.resize(faceCount * 3); // 3 indices per face

    UINT k = 0;
    for (UINT i = 0; i < m - 1; ++i)
    {
        for (UINT j = 0; j < n - 1; ++j)
        {
            meshData.indices[k] = i*n + j;
            meshData.indices[k + 1] = i*n + j + 1;
            meshData.indices[k + 2] = (i + 1)*n + j;

            meshData.indices[k + 3] = (i + 1)*n + j;
            meshData.indices[k + 4] = i*n + j + 1;
            meshData.indices[k + 5] = (i + 1)*n + j + 1;

            k += 6; // next quad
        }
    }
}

 

2.鼠標拖動控制視角

為了方便觀察最后創建出的地形，我們采用鼠標拖動旋轉的方式，通過鼠標拖動改變相應的視圖矩陣，因此我們Dx11DemoBase中添加了三個函數

//鼠標事件
virtual void OnMouseDown(WPARAM btnState, int x, int y){}
virtual void OnMouseUp(WPARAM btnState, int x, int y){}
virtual void OnMouseMove(WPARAM btnState, int x, int y){}

main函數消息循環中添加

case WM_LBUTTONDOWN:
    case WM_MBUTTONDOWN:
    case WM_RBUTTONDOWN:
        demo->OnMouseDown(wParam, GET_X_LPARAM(lParam),GET_Y_LPARAM(lParam));
        return 0;
    case WM_LBUTTONUP:
    case WM_MBUTTONUP:
    case WM_RBUTTONUP:
        demo->OnMouseUp(wParam, GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam));
        return 0;
    case WM_MOUSEMOVE:
        demo->OnMouseMove(wParam, GET_X_LPARAM(lParam), GET_Y_LPARAM(lParam));

具體函數的實現在下面給出

 

3.頂點緩沖和索引緩沖的創建

    GeometryGenerator::MeshData grid;
    GeometryGenerator geoGen;
    geoGen.CreateGrid(160.0f, 160.0f, 50, 50, grid);
    m_gridIndexCount = grid.indices.size();

    std::vector<Vertex> vertices(grid.vertices.size(),Vertex(XMFLOAT3(0,0,0),XMFLOAT4(0,0,0,0)));
    for (UINT i = 0; i < grid.vertices.size(); ++i)
    {
        XMFLOAT3 p = grid.vertices[i].Position;
        p.y = GetHeight(p.x, p.z);

        vertices[i].pos = p;
        
        //渲染頂點根據高度給出不同顏色
        if (p.y < -10.0f)
        {
            //sandy beach color
            vertices[i].color = XMFLOAT4(1.0f, 0.96f, 0.62f, 1.0f);
        }
        else if (p.y < 5.0f)
        {
            //light yellow-green color
            vertices[i].color = XMFLOAT4(0.48f, 0.77f, 0.46f, 1.0f);
        }
        else if (p.y < 12.0f)
        {
            //dark yellow-green color
            vertices[i].color = XMFLOAT4(0.1f, 0.48f, 0.19f, 1.0f);
        }
        else if (p.y < 20.f)
        {
            //dark brown color
            vertices[i].color = XMFLOAT4(0.45f, 0.39f, 0.34f, 1.0f);
        }
        else
        {
            //white snow color
            vertices[i].color = XMFLOAT4(1.0f, 1.0f, 1.0f, 1.0f);
        }
    }

    D3D11_BUFFER_DESC vertexDesc;
    ZeroMemory(&vertexDesc, sizeof(vertexDesc));
    vertexDesc.Usage = D3D11_USAGE_IMMUTABLE;
    vertexDesc.BindFlags = D3D11_BIND_VERTEX_BUFFER;
    vertexDesc.ByteWidth = sizeof(Vertex)* grid.vertices.size();
    D3D11_SUBRESOURCE_DATA resourceData;
    ZeroMemory(&resourceData, sizeof(resourceData));
    resourceData.pSysMem = &vertices[0];
    result = m_pd3dDevice->CreateBuffer(&vertexDesc, &resourceData, &m_pVertexBuffer);
    if (FAILED(result))
    {
        return false;
    }



    D3D11_BUFFER_DESC indexDesc;
    ZeroMemory(&indexDesc, sizeof(indexDesc));
    indexDesc.Usage = D3D11_USAGE_IMMUTABLE;
    indexDesc.BindFlags = D3D11_BIND_INDEX_BUFFER;
    indexDesc.ByteWidth = sizeof(UINT)* m_gridIndexCount;

    D3D11_SUBRESOURCE_DATA indexData;
    ZeroMemory(&indexData, sizeof(indexData));
    indexData.pSysMem = &grid.indices[0];
    result = m_pd3dDevice->CreateBuffer(&indexDesc, &indexData, &m_pIndexBuffer);
    if (FAILED(result))
    {
        return false;
    }

加載shader代碼與之前相同，故不再給出

GetHeight函數根據xz的值得到y的值

float HillsDemo::GetHeight(float x, float z) const
{
    return 0.3f*(z*sinf(0.1f*x) + x*cosf(0.1f*z));
}

 

下面給出鼠標控制的具體做法：

定義4了個變量

    float m_theta;
    float m_phi;
    float m_radius;
    POINT m_lastMousePos;

其中m_lastMousePos意思明確很容易理解，那么其他三個分別代表什么意思呢？看下面的圖就明白了

m_radius為半徑,m_phi和m_theta為兩個角度。

 

初始化半徑和角度

HillsDemo::HillsDemo()//其他變量初始化省略了
: m_theta(1.5f*XM_PI), m_phi(0.1f*XM_PI), m_radius(200.0f){}

 

在Update函數中，給world,view,proj矩陣賦值

void HillsDemo::Update(float dt)
{
    float x = m_radius*sinf(m_phi)*cosf(m_theta);
    float z = m_radius*sinf(m_phi)*sinf(m_theta);
    float y = m_radius*cosf(m_phi);

    XMVECTOR pos = XMVectorSet(x, y, z, 1.0f);
    XMVECTOR target = XMVectorSet(0.0f, 0.0f, 0.0f, 1.0f);
    XMVECTOR up = XMVectorSet(0.0f, 1.0f, 0.0f, 0.0f);

    XMMATRIX V = XMMatrixLookAtLH(pos, target, up);
    XMStoreFloat4x4(&m_view, V);
    XMMATRIX T = XMMatrixPerspectiveFovLH(XM_PIDIV4, m_width / static_cast<float>(m_height),
        1.0f, 1000.0f);
    XMStoreFloat4x4(&m_proj, T);
    
}

 

拖動鼠標時適當改變半徑和角度的值，便可以間接改變view矩陣，從而改變視角

void HillsDemo::OnMouseDown(WPARAM btnState, int x, int y)
{
    m_lastMousePos.x = x;
    m_lastMousePos.y = y;
    SetCapture(m_hWnd);
}

void HillsDemo::OnMouseUp(WPARAM btnState, int x, int y)
{
    ReleaseCapture();
}

//限定數值范圍
template<typename T>
static T Clamp(const T& x, const T& low, const T& high)
{
    return x < low ? low : (x > high ? high : x);
}

void HillsDemo::OnMouseMove(WPARAM btnState, int x, int y)
{
    if ((btnState & MK_LBUTTON) != 0)
    {
        // Make each pixel correspond to a quarter of a degree.
        float dx = XMConvertToRadians(0.25f*static_cast<float>(x - m_lastMousePos.x));
        float dy = XMConvertToRadians(0.25f*static_cast<float>(y - m_lastMousePos.y));

        // Update angles based on input to orbit camera around box.
        m_theta += dx;
        m_phi += dy;

        // Restrict the angle mPhi.
        m_phi = Clamp(m_phi, 0.1f, XM_PI - 0.1f);
    }
    else if ((btnState & MK_RBUTTON) != 0)
    {
        // Make each pixel correspond to 0.2 unit in the scene.
        float dx = 0.2f*static_cast<float>(x - m_lastMousePos.x);
        float dy = 0.2f*static_cast<float>(y - m_lastMousePos.y);

        // Update the camera radius based on input.
        m_radius += dx - dy;

        // Restrict the radius.
        m_radius = Clamp(m_radius, 50.0f, 500.0f);
    }

    m_lastMousePos.x = x;
    m_lastMousePos.y = y;
}

 

4.渲染Render()函數

因為同之前教程中代碼並沒有什么改變，所以不再給出了。

 

這樣運行程序就能得到之前給出圖片所示的效果了，是不是很簡單呢？