Directx11教程(43) 纹理映射(13)-动态纹理映射

     本篇教程中,我们将在前面基于光照的地形与水面程序里面加上纹理映射,而且我们会基于时间动态改变水面的纹理坐标,实现水面纹理波动的效果。

      地形(山谷)以及水面都是基于网格的平面。

      对于地形,修改顶点类型为:

struct VertexType
    {
    D3DXVECTOR3 position;
    D3DXVECTOR3 normal;
    D3DXVECTOR2 texture; //纹理坐标
    D3DXVECTOR4 Kd; //材质的漫反射系数
    D3DXVECTOR4 Ks; //材质的高光系数
    };

    假设m,n为网格行数、列数,则纹理坐标计算如下:

float du = 10.0f / (n-1);
float dv = 10.0f / (m-1)

// 计算纹理坐标.
vertices[i*n+j].texture.x = j*du;
vertices[i*n+j].texture.y = i*dv;

其中du,dv中的10.0f,是我们把纹理坐标扩大10倍,大于[0,1]的纹理坐标会用wrap的方式使用纹理,这样在一个grid内,可以多次使用贴图,避免出现网格很大,而我们的纹理图片比较小,从而避免过度magnification的情形。

下面2个图是用10.0和2.0的比较结果,第一个图是2.0:

水面的纹理坐标计算方式和山谷基本相同,但是我们会在update函数中根据dt动态改变坐标,这样会实现水面漂移的效果。

    // 更新顶点缓冲.
    float du = 5.0f / (m_NumCols-1);
    float dv = 5.0f / (m_NumRows-1);

    //我们根据时间动态计算纹理坐标
    static float mWaterTexOffsetX = 0;
    static float mWaterTexOffsetY = 0;
   
    mWaterTexOffsetY += 0.1f*dt;
    mWaterTexOffsetX = 0.25f*sinf(4.0f*mWaterTexOffsetY);

    vertices[i*m_NumCols+j].texture.x = j*du + mWaterTexOffsetX;
    vertices[i*m_NumCols+j].texture.y = i*dv + mWaterTexOffsetY;

      当然,我们也通过矩阵的方式,来缩放、平移以及旋转纹理坐标,这样的话,就需要定义个shader常量矩阵,在shader中用它来乘以纹理坐标,实现我们想要的效果。纹理旋转经常用来实现动态粒子的效果,比如火焰等等。

     最后,我们在GraphicsClass中,调用光照纹理渲染类,就可以得到最终结果:

//用light shader texture渲染
result = m_LightTexShader->Render(m_D3D->GetDeviceContext(), m_Model->GetIndexCount(), worldMatrix, viewMatrix, projectionMatrix,
    light, material, camera,m_TexManager->createTex(m_D3D->GetDevice(),string("grass.dds")));

result = m_LightTexShader->Render(m_D3D->GetDeviceContext(), m_WaterModel->GetIndexCount(), worldMatrix, viewMatrix, projectionMatrix,
    light, material, camera,m_TexManager->createTex(m_D3D->GetDevice(),string("water2.dds")));

完整的代码请参考:

工程文件myTutorialD3D11_38

代码下载:

http://files.cnblogs.com/mikewolf2002/d3d1127-28.zip

http://files.cnblogs.com/mikewolf2002/pictures.zip

时间: 2024-09-20 14:23:32

Directx11教程(43) 纹理映射(13)-动态纹理映射的相关文章

PHP开发框架Yii Framework教程(43) Zii组件-Droppable示例

上篇介绍如果使用UI组件支持拖放,CJuiDroppable表示某个区域可以接受拖拉过来的UI组件,它封装了 JUI Droppable插件 . 我们修改上例,添加一个Droppable区域,当有UI组件拖放到该区域时,显示"Dropped". <?php $this->beginWidget('zii.widgets.jui.CJuiDroppable', array( 'options'=>array( 'drop'=>'js:function(event,

Mybatis入门教程(四)之mybatis动态sql_java

推荐阅读: MyBatis入门学习教程(一)-MyBatis快速入门  什么是动态SQL? 动态SQL有什么作用? 传统的使用JDBC的方法,相信大家在组合复杂的的SQL语句的时候,需要去拼接,稍不注意哪怕少了个空格,都会导致错误.Mybatis的动态SQL功能正是为了解决这种问题, 其通过 if, choose, when, otherwise, trim, where, set, foreach标签,可组合成非常灵活的SQL语句,从而提高开发人员的效率. 下面就去感受Mybatis动态SQL

《中国人工智能学会通讯》——12.13 动态接触追踪

12.13 动态接触追踪 上述工作大都只关注建模接触行为的静态属性,如接触对象(和谁接触).接触场景(在哪接触).接触频率和接触时长等.换言之,这些工作假设个体的接触模式静止不变.然而,在现实世界中,人的接触行为常常随时间变化,呈现出不同的时空模式.例如,接触行为会随着天气和季节呈周期性变化:接触行为在工作日.周末.假期会有明显不同:在疾病爆发期间,个体会调整自身的接触行为,如减少出行或戴口罩出行,以应对疫情的威胁[23-24] .此外,政府实施的疫情控制手段也会显著改变个体的接触模式[17,2

Directx11教程(31) 纹理映射(1)

        在前面的例子中,我们要么是直接给顶点赋颜色值,要么是在顶点属性中设置Diffuse和Specular系数,从而根据光照参数计算得到物体表面颜色,但这样得到的颜色真实感要差很多.如果我们直接把一副图像映射到三角形面上,从而得到物体表面颜色值,效果会好很多,比如下面的两幅图,右边的图是把一副图片映射到2个三角形上.         甚至,我们还可以直接使用图像的颜色值做为顶点(或者pixel)的diffuse值,融合光照计算公式,得到最终的表面颜色值,这样会有更好的效果.     

Directx11教程37 纹理映射(7)

    本章是在教程35.36的基础上来实现一个光照纹理结合的程序,就是把场景中旋转的cube加上纹理.    lighttex.vs中顶点的结构现在为: struct VertexInputType {     float4 position : POSITION;     float3 normal : NORMAL;     float2 tex : TEXCOORD0; //纹理坐标     float4 Kd : DIFFUSE;     float4 Ks: SPECULAR; };

Directx11教程(34) 纹理映射(4)

    本篇教程中,我们尝试在myTutorialD3D_27中改变采样状态描述符的各种设置,看纹理贴图的方式有什么变化. 原始的代码是:     // 创建纹理采样描述符 samplerDesc.Filter = D3D11_FILTER_MIN_MAG_MIP_LINEAR; samplerDesc.AddressU = D3D11_TEXTURE_ADDRESS_WRAP; samplerDesc.AddressV = D3D11_TEXTURE_ADDRESS_WRAP; sampler

Directx11教程(35) 纹理映射(5)

    到现在为止,我们的TextureClass初始化函数非常简单,说白了就是一行代码: result = D3DX11CreateShaderResourceViewFromFile(device, filename, NULL, NULL, &m_texture, NULL);       这行代码装入一个dds文件,而且其它选项都设置为NULL,这时系统会使用装入文件本身的格式,比如我们装入的tong.dds, 前面我们为其产生了mipmaps层,并且设置surface格式为DXT5(对

Directx11教程40 纹理映射(10)

     本章尝试使用纹理行列式,或者说纹理数组,在ps中,使用2个纹理,最终的像素颜色,是光照颜色*纹理1采样颜色*纹理2采样颜色,主要是想达到如下的效果:    把这两个图像以及光照产生的颜色融合生成以下图像:   为此我们新建一个lighttex2.ps文件,在其中定义: //两个纹理,可用于纹理混合,bump mapping等等 Texture2D shaderTexture[2]; SamplerState SampleType; - float4 textureColor1 = sh

Directx11教程(42) 纹理映射(12)-简单的bump mapping

       有时候,我们只有一个粗糙的模型,但是我们想渲染纹理细节,比如一个砖墙,我们如何在只有一个平面的时候,渲染出砖墙凹凸的效果.    比如只有这样的墙:   但是我们想要这样的效果: 怎么办呢?这时候,我们可以考虑对第一张图进行处理,生成它的法向图,存储在一张纹理中,生成法向图的主要算法是:         对于一张图片,假设像素排列如上图所示,Hg,Hr,Ha分别表示这些点的RGB(或灰度)值,我们得到第一个向量(1,0,Hr-Hg),第二个向量(0,1,Ha-Hg),则法向可以通过