Directx11教程三十之ProjectiveTexturing(投影纹理)

最新推荐文章于 2021-07-16 09:40:40 发布
最新推荐文章于 2021-07-16 09:40:40 发布
阅读量2.6k 收藏 8
点赞数
分类专栏： directx11入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29523119/article/details/53001070
版权

这节教程是介绍有关ProjectiveTexturing(投影纹理)技术的,结构如下




一,ProjectiveTexturing(投影纹理)的简介.

ProjectiveTexturing(投影纹理)是实现3D实时渲染的最重要的技术之一,很多高级效果,如SoftShadow(软弱阴影),Water,ProjecvtiveLightMap(投影光照图),Reflection等效果都需要用到投影纹理技术。投影纹理意思就是将一张2D纹理投影到3D物体上或者换一个说法就是用一个特别的相机(建立单独的相机变换矩阵和透视投影矩阵)来获取世界空间3D物体投射在某张2D纹理上的UV坐标值。纹理投影技术经常和RTT(渲染到纹理技术) 一起搭配使用,可以看看教程:D3D11教程二十一之Water(水的实现)以及D3D11教程三十一之ShadowMap(阴影贴图)之聚光灯成影,还有 D3D11教程十九之PlannarReflection(基于RTT技术和投影纹理技术)都是投影纹理技术搭配RTT技术使用的典型例子,那两个教程中折射的物体和反射的物体的实现其实是投影纹理.

在来看看一个使用投影纹理的例子：



看上面这张有一个骷颅头的2D纹理贴图，利用这张2D纹理贴图我们可以生成下面的图形效果：



看这张图里面的骷髅头实际上仅仅是一张2D纹理贴图的效果，而不是真正地将一个3D骷颅头进行渲染的效果。



为了下面更好地讲述有关概念，我只好自创两个概念, ViewCamera(观察照相机)和ProjectorCamera(投影照相机或者投影幻灯机)

ViewCamera提供了我们在3D程序中的人眼观察的视角。
ProjectorCamera提供了投影机观察3D物体的角度，决定了世界空间(WorldSpace)中每个顶点对应于投影纹理坐标系(ProjectiveTextureCoordinate)相应的2D纹理坐标(U,V).


在世界空间中 (WorldSpace),我们是如何得到 每个顶点对应于投影纹理坐标系(ProjectiveTextureCoordinate)相应的2D纹理坐标(U,V)呢?

来看一张图:




看图中,这个视截体是 ProjectorCamera(投影幻灯机)的视截体，点P是在世界空间的一个点(Xp,Yp,Zp,1.0)，如何求出相应的(u,v)坐标呢?

要求 投影纹理坐标系(ProjectiveTextureCoordinate)相应的2D纹理坐标(U,V)， 首先得熟悉D3D11的3D渲染流水线：

我在 D3D11教程二十五之DepthBuffer(深度缓存)论述过3D渲染流水线，求 纹理坐标系(ProjectiveTextureCoordinate)相应的2D纹理坐标(U,V)分为两步:
(1) 假设在世界空间上，点P坐标为(Xp,Yp,Zp,1.0)，乘以ProjectorCamera(注意不是ViewCamera)生成的相机变换矩阵和透视投影矩阵，变换到齐次裁剪空间
在齐次裁剪空P点相应的坐标值为
(Xp,Yp,Zp,Wp)  -Wp=<Xp<=Wp   -Wp=<Yp<=Wp     0=<Zp<=Wp，
(2)由于我们不标记“”SV_POSITION“”,显卡不会自动进行透视除法(当然显卡也不会自动进行裁剪算法)，所以我们手动计算 
   -1<=Xp/Wp<=1     -1<=Yp/Wp<=1,  0=<{0.5*(Xp/Wp)+0.5}<=1,   0=<{-0.5*(Yp/Wp)+0.5}<=1   又 由于 投影纹理坐标系中 0=<U<=1     0=<V<=1，并且U坐标方向和X坐标方向相同，而V坐标方向和Y坐标相反，所以我们得出结果:   U= 0.5*(Xp/Wp)+0.5;      V=-0.5*(Yp/Wp)+0.5;


下面我们放出 投影幻灯机的类:

ViewPointClass.h 

#pragma once
#ifndef _VIEW_POINT_CLASS_H
#define _VIEW_POINT_CLASS_H
#include<Windows.h>
#include<xnamath.h>
class ViewPointClass
{
private:
	XMFLOAT3 mPostion; //投影相机的位置
	XMFLOAT3 mLookAt; //投影相机看到的位置
	XMMATRIX mProjectorViewMatirx, mProjectorProjMatrix; //投影相机的相机变换矩阵和投影矩阵
	float mFieldOfView; //Fov视角大小
	float mAspectRatio; //屏幕宽高比
	float mNearPlane, mFarPlane; //视截体的近截面和远截面

public:
	ViewPointClass();
	ViewPointClass(const ViewPointClass&);
	~ViewPointClass();

public:

	//Set函数
	void SetPostion(float,float,float);
	void SetLookAt(float,float,float);
	void SetProjectionParameters(float, float, float, float);

	//生成相机矩阵和投影矩阵
	void GenerateViewMatrix();
	void GenerateProjMatrix();

	//Get函数
	XMMATRIX GetViewMatrix();
	XMMATRIX GetProjMatrix();

};


#endif


ViewPointClass.CPP
 

#include"ViewPointClass.h"

ViewPointClass::ViewPointClass()
{

}

ViewPointClass::~ViewPointClass()
{

}


ViewPointClass::ViewPointClass(const ViewPointClass&other)
{

}

void ViewPointClass::SetPostion(float x, float y, float z)
{
	mPostion = XMFLOAT3(x, y, z);
}


void ViewPointClass::SetLookAt(float x, float y, float z)
{
	mLookAt = XMFLOAT3(x, y, z);
}


void ViewPointClass::SetProjectionParameters(float FieldOfView, float AspectRatio, float NearPlane, float FarPlane)
{

	mFieldOfView = FieldOfView;
	mAspectRatio = AspectRatio;
	mNearPlane = NearPlane;
	mFarPlane = FarPlane;
}


void ViewPointClass::GenerateViewMatrix()
{
	XMVECTOR EyePostion = XMLoadFloat3(&mPostion);
	XMVECTOR LookAt = XMLoadFloat3(&mLookAt);
	XMVECTOR Up = XMVectorSet(0.0f, 1.0f, 0.0f,0.0f);

	mProjectorViewMatirx = XMMatrixLookAtLH(EyePostion,LookAt,Up);
}

//近平面不变的条件下,远平面只影响远处看到物体的范围
void ViewPointClass::GenerateProjMatrix()
{
	mProjectorProjMatrix = XMMatrixPerspectiveFovLH(mFieldOfView,mAspectRatio,mNearPlane,mFarPlane);
}


XMMATRIX ViewPointClass::GetViewMatrix()
{
	return mProjectorViewMatirx;
}
XMMATRIX ViewPointClass::GetProjMatrix()
{
	return mProjectorProjMatrix;        
}



ColorShader.fx 

Texture2D BaseTexture:register(t0);  //基础纹理
Texture2D ProjectiveTexture:register(t1);  //投影纹理
SamplerState SampleType:register(s0);   //采样方式

//VertexShader
cbuffer CBMatrix:register(b0)
{
	matrix World;
	matrix View;
	matrix Proj;
	matrix WorldInvTranspose;
	matrix ProjectorView;
	matrix ProjectorProj;
};

cbuffer CBLight:register(b1)
{
	float4 DiffuseColor;
	float3 LightDirection;
	float pad;
}

struct VertexIn
{
	float3 Pos:POSITION;
	float2 Tex:TEXCOORD0;  //多重纹理可以用其它数字
	float3 Normal:NORMAL;
};


struct VertexOut
{
	float4 Pos:SV_POSITION;
	float4 ProjPos:POSITION; //投影坐标,投影在齐次裁剪空间
	float2 Tex:TEXCOORD0;
	float3 W_Normal:NORMAL;  //世界空间的法线

};


VertexOut VS(VertexIn ina)
{
	VertexOut outa;

	//将坐标变换到观察相机下的齐次裁剪空间
	outa.Pos = mul(float4(ina.Pos,1.0f), World);
	outa.Pos = mul(outa.Pos, View);
	outa.Pos = mul(outa.Pos, Proj);

	//将顶点法向量由局部坐标变换到世界坐标
	outa.W_Normal = mul(ina.Normal, (float3x3)WorldInvTranspose);  //此事世界逆转置矩阵的第四行本来就没啥用

	//对世界空间的顶点法向量进行规格化
	outa.W_Normal = normalize(outa.W_Normal);

	//获取纹理坐标
	outa.Tex= ina.Tex;

	//将坐标变换到投影相机下的齐次裁剪空间
	outa.ProjPos= mul(float4(ina.Pos, 1.0f), World);
	outa.ProjPos = mul(outa.ProjPos, ProjectorView);
	outa.ProjPos = mul(outa.ProjPos, ProjectorProj);
	return outa;
}


float4 PS(VertexOut outa) : SV_Target
{
	float4 TexColor; //采集基础纹理颜色
    float2 ProjTex;   //投影纹理坐标
	float4 color = {0.0f,0.0f,0.0f,0.0f}; //最终输出的颜色


	

	//第一,获取采样颜色
    TexColor = BaseTexture.Sample(SampleType, outa.Tex);

	//第二,获取投影相机下的投影纹理空间的坐标值[0.0,1.0]  u=0.5*x+0.5;   v=-0.5*y+0.5;   -w<=x<=w  -w<=y<=w  
	ProjTex.x =(outa.ProjPos.x/outa.ProjPos.w)*0.5f + 0.5f;
	ProjTex.y= (outa.ProjPos.y/outa.ProjPos.w)*(-0.5f) + 0.5f;

	//第三,由于3D模型可能超出投影相机下的视截体，其投影纹理可能不在[0.0,1.0],所以得进行判定这个3D物体投影的部分是否在视截体内     (没SV_POSITION签名 显卡不会进行裁剪)
	if (saturate(ProjTex.x) == ProjTex.x&&saturate(ProjTex.y) == ProjTex.y)
	{
		TexColor= ProjectiveTexture.Sample(SampleType, ProjTex);
	}

	color = TexColor;

	return color;
}



下面是我将用到的投射到3D物体上的2D纹理：






这是没用投射纹理技术的







这是我们用了投影纹理技术的：观察相机位置A(0.0f, 6.0f, -12.0f)    投影相机(投影机)的位置B(2.0f, 5.0f, -2.0f),好吧，




在下图我做出辅助线来，观察相机A点的视截体我就不作辅助线了，作投影相机B的辅助线,红色的点为投影相机的视截体和平面的交点，画画水平有点糟糕，请见谅：







最后注意的是，在Shader可以看到我们的判定：由于我们  float4 ProjPos:POSITION  没标记“”POSTION“” 而不是“”SV_POSITION“”，显卡不会进行视截体内外面部分的裁剪，所以求得的UV坐标值可能超过[0,1]范围，所以有下面的判定 
	//第三,由于3D模型可能超出投影相机下的视截体，其投影纹理可能不在[0.0,1.0],所以得进行判定这个3D物体投影的部分是否在视截体内     (没SV_POSITION签名 显卡不会进行裁剪)
	if (saturate(ProjTex.x) == ProjTex.x&&saturate(ProjTex.y) == ProjTex.y)
	{
		TexColor= ProjectiveTexture.Sample(SampleType, ProjTex);
	}
下面给我的源代码：













带帯大师兄
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【OpenGL】投影纹理映射（Projective Texture Mapping）
mmdev
06-18 2033
一、纹理投影映射简介 投影纹理映射用于映射一个纹理到物体上，好比将幻灯片投影到墙上一样。 投影纹理映射经常在一些阴影算法以及体绘制（Volume Rendering）算法中用到。严格的说，只要涉及到“纹理实时和空间顶点对应”，通常都要用到投影纹理映射技术。 下面是一个纹理投影映射的实例效果图： 图一 纹理投影映射效果图 二、纹理投影映射优点 1、将纹理与空间顶点实时对应，不需要...
投影纹理映射(Projective Texture Mapping)详解
aquathinker的专栏 -- AquaMarine Animation
12-21 2924
投影纹理映射(Projective Texture Mapping)目的是映射一张纹理到物体上，就像将幻灯片投影到墙上一样。该方法不需要在应用程序中指定顶点纹理坐标，实际上，投影纹理映射中使用的纹理坐标是在顶点着色程序中通过视点矩阵和投影矩阵计算得到的，通常也被称作投影纹理坐标(coordinates in projective space)。而我们常用的纹理坐标是在建模软件中通过手工调整纹理和3
如何投影一个纹理 (翻译：心蓝 潘李亮)
OpenGL 技术
12-25 3300
如何投影一个纹理 原文出处：SGI OpenGL 教程翻译：心蓝 潘李亮。 Email: Xheartblue@etang.com 译者前言：　　影子有两种经典的实现方法：一是Shadow Volume 。二是Shad
OpenGL纹理投影
lawest的博客
07-29 762
在opengl-4-shading-language-cookbook-3rd这本书上有一章节 "Applying a projected texture" 这个例子本身是有点问题的，整个投影纹理原理和过程这里不讲述(和相机投影一样) 关键点是如何求出我们自定义相机视锥体内的顶点对应的纹理坐标，注意视锥体内，这点很重要，那本书就没注意这点。 物体顶点经过我们自定义观察坐标系最终投影到裁减...
Projective Texture Mapping - 投影纹理
banfan0440的博客
02-27 129
昨天导师让写一个投影纹理，将一个相机渲染的图片的一部分投影到另外一个相机里面，目的是无缝的拼接。 投影纹理就和shadow map一样，都是将片元转换到另外一个相机/光源坐标系下，投影后找到对应的纹素。 相机1: 相机2: 将相机2中红框中内容投影到相机1中: 而如果直接纹理映射会扭曲错位： -------------------------------...
D3D11教程四之纹理映射源码
10-02
D3D11教程四之纹理映射源码
微软DirectX11教程
01-18
微软directx11教程可以帮助初学者学习如何掌握directx进行图像学的开发！
DirectX教程_DirectX教程_DirectX教程_DirecteXtension_
10-03
DirectX（Direct eXtension，简称DX）是由微软公司创建的多媒体编程接口，是一种应用程序接口（API）。DirectX可以让以windows为平台的游戏或多媒体程序获得更高的执行效率，加强3D图形和声音效果，并提供设计人员一...
directx11吐血教程.zip
01-15
directx11吐血教程，可以详细帮助你加深对D3D11的了解。
Directx11 非常全的教程 chm+源码
10-04
这个博主，其实本教程就是他的博客， 我觉得写的很好，很有用，怕哪一天他博客像曾经很火的一个外国教程一样突然就消失了， 我把他的directx的文章一个一个下载下来，做成了chm文件，中间标题出现好多乱码，我也是一...
3D_Shader_ProjectivetTexturing.rar
09-01
投影贴图(projective texturing)的实现
OPENGL纹理投影
08-22
A opengl texture project example，and can be executed， it comes from http://www.opengl.org/
projective_texture_mapping
11-09
投影矩阵的教程 Introduction Projective texture mapping is a method of texture mapping described by Segal [3] that allows the texture image to be projected onto the scene as if by a slide projector. Figure 1 shows some example screen shots from the projspot demo, available in the NVIDIA OpenGL SDK. Projective texture mapping is useful in a variety of lighting techniques, including shadow mapping [4]. This document provides some background and describes the steps involved in projective texture mapping in OpenGL. Projective texture mapping refers both to the way texture coordinates are assigned to vertices, and the way they are computed during rasterization of primitives. We usually think of texture mapping as “the application of a texture image to a primitive,” and while it certainly is that – there is more math going on than most folks think. If you have ever written your own rasterizer with support for mipmap filtered, perspective-correct, projective texture mapping, you no doubt became aware of the many subtle issues involved. We will begin by discussing the way that texture coordinates are computed during rasterization, and then we will discuss methods for assigning the texture coordinates to the vertices. We do not discuss filtering here, but there is a paper on Anisotropic Filtering at the NVIDIA developer web site that provides a good introduction to that topic. Figure 1.
3d texture mapping
02-19
graphics 中texture 是其中很重要的一块，这篇专利里面的方法可以借鉴一下
directx写的阴影例子源码
03-18
directx写的阴影例子源码，带汇编，带.x模型文件，极好的3d参考源码
投影纹理贴图
whl0071的专栏
07-12 670
本文是OpenGL 4.0 Shading Language Cookbook的学习笔记。 我们可以对场景中的物体进行投影贴图，就像投影仪投射图像一样。这个技术通常被叫做投影纹理贴图，它可以产生非常漂亮的渲染效果。 下图使用投影纹理贴图技术渲染。左边的纹理(Stan Shebs via Wikimedia Commons)被投射到场景中的茶壶和平面上。 为了将纹理投影到物体的表面，我们需要确定投影仪和表面的相对位置，从而确定我们使用的纹理坐标。一个简单的方法就是将投影仪看作位于场景中的一个相机。我
投影纹理 - 如何投影一个纹理 【转】
weixin_34290000的博客
11-30 226
如何投影一个纹理 原文出处：SGI OpenGL 教程 翻译：心蓝 潘李亮。Xheartblue@etang.com 译者前言： 影子有两种经典的实现方法：一是Shadow Volume 。二是Shadow Mapping。如何用Light Mapping来实现投影影子呢？这就要用到Project Texture.直接翻译的意思就是投影纹理----把一个纹理像放幻灯片一样投影到场景中去，假...
Projective Texture的原理与实现
痞子龙3D编程
08-24 3281
Projective Texture是比较常见的一种技术，实现起来代码也就区区的不过百行，了解其原理及技术细节是我们的重点，知其然，知其所以然。        粗略的说就是想象场景中有台投影仪（Projector），texture就是我们投影的内容，把纹理放在近裁剪面（near
openGL Projective texture mapping
whl0071的专栏
07-16 318
原文链接：https://sites.google.com/site/gsucomputergraphics/educational/advanced-texture-mapping/projective-texture-mapping Example 　　此示例演示了投影纹理贴图，这是阴影贴图，光照贴图和纹理贴图的基础。 在常规纹理贴图中，每个顶点的纹理坐标都是静态的，通常是在建模软件（例如Maya，3DS Max或Blender）中计算的。在投影纹理贴图中，每个顶点的纹理坐标不是静
directx11开发教程
最新发布
08-18
对于DirectX 11的开发教程，以下是一些建议的资源和步骤： 1. 官方文档：首先，你可以参考Microsoft官方提供的DirectX开发文档。他们提供了详细的教程和示例代码，涵盖了DirectX 11的各个方面。你可以在Microsoft的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值