使用投影纹理进行模型贴花(Mesh Decals)

类型：图像处理大小：50.0M语言：中文评分：10.0
标签：

立即下载

在游戏中贴花最常见的地方就是用鼠标选择一个目标后，地上出现的一个圆圈，或者范围魔法在施放时的提示区域。
这个纹理会随着模型和地图的表面进地扭曲，而非一个平面，所以，我们不论怎么做，都会进行一个“投影”的思想，才能让贴上去的纹理在某一个方向上看的时候，是一个完整的画面。（我们地上的圈，就是从上往下贴的，所以你从上往下看时，会看到一个完整无扭曲的图片）。
什么？地上是一圈？是的，但是呢，我们的纹理是方的。我们看到是圈，并不表示我们要把纹理贴到一个圈上。
下面是我在RenderMonkey里测试的结果。

OK，围观完毕，下面简单说一下如何实现。

用投影纹理进行贴花分为三部。

１、正常渲染模型。

无它！

２、根据投影方向，投影半径找到投影时需要渲染的三角形组。

这种贴花的效率损耗就是花在这里了，所以三角形剔除算法要比较高效才行。

３、将此三角形组进行渲染，纹理映射时采用投影纹理。

渲染时，要打开全局混合开关。

下面是投影纹理的HLSL代码，以及相关解释。
VS：

struct VS_INPUT
{
float4 Position : POSITION0;
float2 Texcoord : TEXCOORD0;
};

struct VS_OUTPUT
{
float4 Position : POSITION0;
float2 Texcoord : TEXCOORD0;
float3 WorldPos : TEXCOORD1;
};

VS_OUTPUT vs_main( VS_INPUT Input )
{
VS_OUTPUT Output;

Output.Position = mul( Input.Position, matViewProjection );
Output.Texcoord = Input.Texcoord;
Output.WorldPos = Input.Position;
return( Output );
}

VS所做的工作并没有什么特别的，仅是需要多向PS传递一个空间位置。

PS：
sampler2D baseMap;
sampler2D Texture1; //贴这张纹理时，其UV寻址方式最好为CLAMP
struct PS_INPUT
{
float2 Texcoord : TEXCOORD0;
float3 WorldPos : TEXCOORD1;
};

float4 ps_main( PS_INPUT Input ) : COLOR0
{
float3 Center = float3(0, 0, 20);//投影中心，Y值被忽略。
float Radius = 4;//投影范围
float3 UVector = float3(1, 0, 0)/(2 * Radius);//将世界坐标变换到纹理投影空间坐标并规范化到0-1之间（正投影）
float3 VVector = float3(0, 0, 1)/(2 * Radius);//同上
float2 coord;
coord.x = dot(Input.WorldPos - Center, UVector) + 0.5;
coord.y = dot(Input.WorldPos - Center, VVector) + 0.5;
// if(coord.x < 1 && coord.y < 1 && coord.x>0 && coord.y>0)
return tex2D( Texture1, coord);
//else
//return 0;
}

PS所做的工作就是将世界坐标转换到投影空间，再转换为纹理坐标。

需要说明一点的是，为了测试方便，我仅假设此时摄相机观察和投影方向为-Y方向。所以

dot(Input.WorldPos - Center, UVector)+0.5

上面这句话其实相当于是mul(Input.WorldPos,matProjTexture)/2.0+0.5;

另外，对于

// if(coord.x < 1 && coord.y < 1 && coord.x>0 && coord.y>0)

这句话，我写在这里，是作为裁剪使用，若没有这个. 就算你设置为了CLAMP，那么当你的纹理边缘的ALPHA不为0时，你会看到

纹理会左右延伸。

而若你未选择CLAMP寻址方式，那你的效果就百般神奇了。也可以将上面屏蔽的代码解开，用于裁剪。

结尾：