用DirectX实现动态纹理

简介:

什么是动态纹理

动态纹理是相对于常规的纹理而言的,通常的纹理都是静态的,而动态纹理就是模型保持不动,而纹理动态变化,凡是能够对模型应用的变换,也能作用于纹理,比如平移,旋转,缩放,投影,shear等都不在话下,使用动态纹理可以模拟很多现象,最常见的就是Dynamic cloud。

如何实现动态纹理

话说这个问题还是我在一次面试的时候遇到的。

面试官:怎样让一个纹理动起来

我:让模型动起来即可

面试官:如果不允许移动模型呢?只动纹理

我:。。。

其实这个问题并不难,只要明白一点,纹理也是有坐标的,既然有坐标,就可以改变位置,位置可以改变,就能做出动态效果来。普通的纹理坐标都是二维的,用(u, v)来表示,这里u表示横坐标,从左到右递增,v表示纵坐标,从上到下递增,如下图

 

纹理效果的本质无非是按照一定的规则动态变化uv坐标而已,由于这里的纹理都是二维的,所以变换矩阵是三维的(通常DX的变换矩阵都是四维的)。来看一下三个变换矩阵 

平移矩阵(沿着u坐标方向移动Tu距离,沿着v坐标方向移动Tv距离)

旋转矩阵(旋转角度:θ,旋转方向:逆时针。关于旋转方向,DX帮助文档中是这么描述的,Angles are measured clockwise when looking along the rotation axis toward the origin. 也就是沿着旋转轴朝原点看是顺时针方向,而Z轴指向屏幕内部的,所以我们看到的旋转就是逆时针方向)

 

缩放矩阵(u坐标缩放Su倍,v坐标缩放Sv倍)

代码

准备工作,设置纹理的渲染状态及寻址模式,为了使纹理能够循环显示,需要指定纹理的寻址方式为D3DTADDRESS_WRAP

// Texture state
g_pd3dDevice->SetSamplerState( 0, D3DSAMP_MINFILTER, D3DTEXF_LINEAR );
g_pd3dDevice->SetSamplerState( 0, D3DSAMP_MAGFILTER, D3DTEXF_LINEAR );
g_pd3dDevice->SetSamplerState( 0, D3DSAMP_MIPFILTER, D3DTEXF_LINEAR );
g_pd3dDevice->SetSamplerState( 0, D3DSAMP_ADDRESSU, D3DTADDRESS_WRAP );
g_pd3dDevice->SetSamplerState( 0, D3DSAMP_ADDRESSV, D3DTADDRESS_WRAP );

下面的函数是最关键的部分,所有的动态效果都在这里实现,平移是按照u方向进行的,也就是横坐标平移,旋转是绕z轴逆时针旋转,缩放是循环进行的,如果到达最大最小边界,则会反向缩放。这里我们把所有的变换都放到一个矩阵中,最后使用SetTransform应用这个矩阵即可,这和设置模型的世界矩阵是一个道理。

复制代码
void UpdateTextureCoordinates(float timeDelta)
{
g_pd3dDevice->SetTextureStageState(0,
D3DTSS_TEXTURETRANSFORMFLAGS,
D3DTTFF_COUNT2);

if (g_EffectFlag ==1) // Translation
{
// Translate
matTexture._31 += timeDelta /3 ;
}
elseif (g_EffectFlag ==2) // Rotation
{
angle += timeDelta ; // increasing total angle
matTexture._11 = cosf(angle) ;
matTexture._12 = sinf(angle) ;
matTexture._21 =-sinf(angle) ;
matTexture._22 = cosf(angle) ;
}
elseif (g_EffectFlag ==3) // Scaling
{
// if the picture is too small, increasing
if (matTexture._11 <0.2)
g_Factor =-g_Factor ;

// if the picture is too large, decreasing
if (matTexture._11 >5.0f)
g_Factor =-g_Factor ;

matTexture._11 += timeDelta * g_Factor;
matTexture._22 += timeDelta * g_Factor;
}

g_pd3dDevice->SetTransform(D3DTS_TEXTURE0, &matTexture) ;
}
复制代码

几个需要注意的问题

注意纹理的缩放与普通模型的缩放是不同的,确切的说是完全相反,因为纹理的缩放完全是靠u,v坐标来实现的,所以坐标值越大,纹理反而越小,坐标值越小,纹理反而越大。(为什么?

旋转貌似只能沿着XOY平面进行,其他的情况我还没有试过,因为纹理坐标是二维的,且位于XOY面,故二维纹理只能绕Z轴旋转。

旋转和缩放都是以纹理坐标原点(0, 0)点为参照的(通常是纹理图片的左上角),如果要以矩形纹理的中心为旋转点,则需要先平移,在旋转,最后再平移回去。 

效果 

原始图

平移效果

旋转效果

缩放效果

上面的图片都是静态的,不是很直观,大家可以下载下面的程序看看动态效果

示例程序下载(使用方法,T键-平移,R键-旋转,S键-缩放)

Happy Coding!

== The End ==


本文转自zdd博客园博客,原文链接:http://www.cnblogs.com/graphics/archive/2010/12/19/1910172.html,如需转载请自行联系原作者

相关文章
|
3月前
|
API C# 图形学
Unity3D学习笔记9——加载纹理
Unity3D学习笔记9——加载纹理
38 2
|
3月前
|
缓存 图形学
Unity3D学习笔记12——渲染纹理
Unity3D学习笔记12——渲染纹理
39 2
|
存储 图形学
浅谈Unity之模型裁剪shader
Unity之模型裁剪shader
|
图形学
【Three.js入门】纹理加载进度、环境贴图、经纬线映射贴图与高动态范围成像HDR
【Three.js入门】纹理加载进度、环境贴图、经纬线映射贴图与高动态范围成像HDR
411 0
|
负载均衡 安全 vr&ar
【Unity渲染】一文看懂!Unity通用渲染管线URP介绍
Unity 的渲染管线包含内置渲染管线、SRP、URP和HDRP。自从Unity2019.3开始,Unity将轻量级渲染管线修改为了通用渲染管线,这是一种快速、可扩展的渲染管线,支持所有的移动设备,适用于 2D、3D、虚拟现实 (VR) 和增强现实 (AR) 项目。
|
图形学
unity控制相机移动
1.鼠标控制相机的旋转 using System.Collections; using System.Collections.Generic; using UnityEngine; public class move : MonoBehaviour { public CharacterController controller; public Rigidbody rigidbody; public float speed = 1; // Use this for i
293 0
unity控制相机移动
|
缓存 BI API
从0开发游戏引擎之纹理管理器实现 纹理数据绑定OpenGL滤波方式选择线性滤波
从0开发游戏引擎之纹理管理器实现 纹理数据绑定OpenGL滤波方式选择线性滤波
|
图形学
【Unity3D Shader】学习笔记-纹理采样①
前言 纹理采样属于在片段着色器中进行,通过提供的贴图和uv坐标使用tex2D进行采样。本篇主要介绍对同一纹理多次采样然后进行混合来获得不同的效果。 [声明:本笔记系列文章的图片资源都源自百度图片搜索,如有问题联系我] 一、简单重影 对同一纹理进行两次采样,采样时的UV两次坐标不一样,然后将采样的结果进行取平均得到最终的结果。
566 0
【Unity3D Shader】学习笔记-纹理采样①
|
图形学
【Unity3D Shader】学习笔记-纹理采样②
前言 上一篇对同一纹理进行多次采样混合,本篇则是通过不同的纹理采样进行混合产生一些效果。 一、简单贴花 贴花简单来说就是在原贴图上面贴上细节贴图,就像墙面上的喷绘一样。下面这个只是最简单的例子,也就是只能在一张图(一个模型)上面贴其他细节。
283 0
【Unity3D Shader】学习笔记-纹理采样②