What I will Learn here?:

​On this tutorial ​​we will learn how to render the terrain with a Fog color based on z-depth.

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​Note:

Try to move and see the "Fog"​ also try the F12 key to see on mini map the 2D view of our frustrum.

​

​Let's check our current main source tree, except the LIBs:

​

Added source on White:

​​

​│   Applicationclass.cpp
│   Applicationclass.h
│   counter.h
│   main.cpp
│   main.h
│
├───camera
│       cameraClass.cpp
│       cameraClass.h
│       frustumClass.cpp
│       frustumClass.h​

│       lightClass.cpp
│       lightClass.h
│       positionClass.cpp
│       positionClass.h

│       RenderFrustumClass.cpp
│       RenderFrustumClass.h
│
├───game
│       playerClass.cpp
│       playerClass.h​
│​

├───graphics

│       renderTextureClass.cpp
│       renderTextureClass.h
│       spriteClass.cpp
│       spriteClass.h​

│       textClass.cpp
│       textClass.h
│       textFontClass.cpp
│       textFontClass.h
│
├───input
│       inputClass.cpp
│       inputClass.h
│
├───loader
│       objModelV2Class.cpp
│       objModelV2Class.h
│
├───shader
│       shaderClass.cpp
│       shaderClass.h
│

├───system
│       dx11Class.cpp
│       dx11class.h
│       SystemClass.cpp
│       SystemClass.h
│       xml_loader.cpp
│       xml_loader.h​

│​
​└───terrain
        bitmapclass.cpp
        bitmapclass.h
        Minimapclass.cpp
        Minimapclass.h
        quadtreeClass.cpp
        quadtreeClass.h
        terrainClass.cpp
        terrainClass.h
        terrainManagerClass.cpp
        terrainManagerClass.h
​

​​​(main.h) ​

- Set for Chapter 16

​

016terrain_fog.hlsl  shader file using Fog with a basic Vertex Shader / Pixel Shader:

​

​

////////////////////////////////////////////////////////////////////////////////
// Filename: 016terrain_fog.hlsl
////////////////////////////////////////////////////////////////////////////////

#include "000cbuffer.hlsl"

//////////////
// TYPEDEFS //
//////////////

// VERTEX:
struct VSIn
{
    float4 position : POSITION;
    float2 tex : TEXCOORD0; //*5-TEXTURE
    float3 normal : NORMAL;    //*6-LIGHT   
    float4 color : COLOR;    //*107-MIX COLOR
};

struct PSIn
{
    float4 position : SV_POSITION;
    float2 tex : TEXCOORD0;
    float3 normal : NORMAL; //*6-LIGHT
    float4 color : COLOR;    //*107-MIX COLOR
    float fogFactor : FOG;    //*FOG
};

/////////////
// GLOBALS //
/////////////
Texture2D shaderTexture;  //*5-TEXTURE
SamplerState SampleType;  //*5-TEXTURE

////////////////////////////////////////////////////////////////////////////////
// Vertex Shader
////////////////////////////////////////////////////////////////////////////////
PSIn MyVertexShader016terrain_fog(VSIn input)
{
    PSIn output;
    float4 cameraPosition; //FOG

    input.position.w = 1.0f;                    // Change the position vector to be 4 units for proper matrix calculations.

    output.position = mul(input.position, WVP);    // Calculate the position of the vertex against the world, view, and projection matrices.
     output.tex = input.tex;                        // Store the texture coordinates for the pixel shader.
   
    //LIGHT:
    output.normal = normalize(mul(input.normal, (float3x3)worldMatrix));// Calculate the normal vector against the world matrix only.
    output.color = input.color;                    // Send the color map color into the pixel shader.   

    //FOG:
    cameraPosition = mul(input.position, WV);                                        // FOG: Calculate the camera position.
    output.fogFactor = ((fogEnd - cameraPosition.z) / (fogEnd - fogStart));    // Calculate linear fog.   

    return output;
}

////////////////////////////////////////////////////////////////////////////////
// Pixel Shader
////////////////////////////////////////////////////////////////////////////////
float4 MyPixelShader016terrain_fog(PSIn input) : SV_TARGET
{
    float4 textureColor;
    float lightIntensity;    //6-
    float4 color = ambientColor;
    float4 fogColor = float4(0.5f, 0.5f, 0.5f, 1.0f); //FOG 1- Set the color of the fog to grey.

    if (input.fogFactor > 0) {
        // TEXTURE
        textureColor = shaderTexture.Sample(SampleType, input.tex);    // Sample the pixel color from the texture using the sampler at this texture coordinate location.

        //LIGHT:
        lightIntensity = saturate(dot(input.normal, lightDirection));// Calculate the amount of light on this pixel.
        color += (diffuseColor * lightIntensity);                     // Determine the final diffuse color based on the diffuse color and the amount of light intensity.
        color = color * textureColor;                                 // The texture pixel is combined with the light color to create the final color result.

        // COLOR
        color = saturate(color * input.color * 2.0f);                 // Combine the color map value into the final color.

        // FOG       
        color = input.fogFactor * color + (1.0 - input.fogFactor) * fogColor;    // FOG: // 2- The fog color equation does a linear interpolation between the texture color and the fog color based on the fog factor input value.

        return color;

    } else {
        clip (-1.0); return (float4)0; // this pixel is too far away (on fog), SKIP it! CLIP IF: (x is less than zero)
    }
}​​
 

 

​

​​

​​​​Project Code:

​

http://woma.no-ip.org/woma/WoMA_PartII_Chap16.zip

​​

​What's next?

On next tutorial we will see how to Render the terrain using a texture based on the slop angle.