Directx11教程(51) 简单的billboard

       billboard称作公告板,通常用一个quad(四边形)表示[有的billboard用两个正交的quad表示],它的特点就是始终面向摄像机的方向。在大规模场景渲染中,可以公告板上贴一个纹理,比如树,这样在比较远的场景中,可以用它表示模型数据,从而减少场景中的顶点数量。

   

       假定xz平面是大地,y轴是向上的方向,则billboard和y轴的方向一致,随着摄像机位置的改变,billboard必须改变自己的世界坐标,始终朝向摄像机。

      在billboard类中,我们定义一个变量,表示billboard的中心位置:

        

 

        旋转角度可以通过函数atan2(treeCenter.x - camerapos.x,treeCenter.z - camerapos.z)得到,之后,我们就可以得到billboard变化后的世界矩阵。

      

       在myTutorialD3D11_44的基础上,我们根据摄像机的位置,做一个旋转变化,就可以实现一个简单的billboard。就是把镜子当成一个quad平面,在上面贴上树的纹理,按X键旋转摄像机,可以发现树会始终朝向我们摄像机的位置。

代码很简单,渲染镜子前,做个旋转变化:

D3DXVECTOR3 treeCenter = m_MirrorModel->getCenterPos();
D3DXVECTOR4 treeCenter1;
D3DXVECTOR3 modelpos = D3DXVECTOR3(0.0, 0.0, 2.0);
// 设置平移位置.
D3DXMatrixTranslation(&worldMatrix3, modelpos.x, modelpos.y, modelpos.z);

//根据平移矩阵变化billboard中心位置

D3DXVec3Transform(&treeCenter1, &treeCenter, &worldMatrix3);
treeCenter.x = treeCenter1.x;
treeCenter.y = treeCenter1.y;
treeCenter.z = treeCenter1.z;

// 得到旋转的角度(弧度表示)
angle1 = atan2(treeCenter.x - camerapos.x,treeCenter.z - camerapos.z) ;

// 旋转billboard.
D3DXMatrixRotationY(&worldMatrix2, angle1);

D3DXMatrixMultiply(&worldMatrix4, &worldMatrix2, &worldMatrix3);

//把mirror 顶点和索引数据放入缓冲区,准备渲染,mirror模型做为billboard使用。
m_MirrorModel->Render(m_D3D->GetDeviceContext());

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

 

在lighttex.ps中,加上根据贴出alpha值clip的代码:

//从纹理图中得到alpha值
float alpha = shaderTexture.Sample(SampleType, input.tex).a;
//如果alpha小于0.25就放弃掉当前的像素
clip(alpha-0.25);

程序执行后,界面如下:

完整的代码请参考:

工程文件myTutorialD3D11_45

代码下载:

http://files.cnblogs.com/mikewolf2002/d3d1139-49.zip

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

时间: 2024-07-31 08:01:35

Directx11教程(51) 简单的billboard的相关文章

Directx11教程(54) 简单的基于GS的billboard实现

    本章我们用一个billboard的实现来学习D3D11中的GS.     在VS shader中,我们输入的是顶点位置及顶点属性,输出的也是顶点位置及顶点属性.在GS shader中,我们输入的是体元(primitive,可以是点,线,三角形等等,凡是D3D11中允许的体元都可以使用), 输出顶点.顶点属性,以及体元信息.     如下面两个图,左边对一个三角形做vs操作,则会对三个顶点v1,v2,v3分别执行顶点操作,右图对三角形做gs操作,则整个三角形做为输入,输出则为一个四面体(增

Directx11教程(29) 简单的光照模型(8)

     现在我们新建一个工程myTutorialD3D_23,在这个工程中,对前面一章的代码进行一些整理: 1.我们在顶点属性中增加材质的的漫反射系数和高光系数,前面我们放在一个光照材质结构中,这样我们能够比较灵活的定义不同顶点的材质属性,当然这也增加了顶点缓冲的大小. struct VertexType     {     D3DXVECTOR3 position;     D3DXVECTOR3 normal; //法向     D3DXVECTOR4 Kd;  //材质漫反射系数    

CSS3实例教程代码:简单制作遨游浏览器LOGO

文章简介:CSS3实例教程代码:简单制作遨游浏览器LOGO. <!DOCTYPE HTML> <html> <head> <title>LOGO</title> <style type="text/css"> * {margin:0; padding:0} .main {width:800px; margin:50px auto 0}  .main_wrapper {width:240px; height:240p

PS教程:简单的婚片外景调色教程

PS教程:简单的婚片外景调色教程,图文教程 原图 效果图 打开原图,调整灰度 用色相饱和度调草颜色.如图: 用黑色画笔擦除不需要的树叶是它成黑色天空 黑色天空效果如图 用白色画笔点亮点 添加滤镜镜头光晕 打上自己喜欢的字 图层截图 最终效果!

Lightroom后期教程:简单6步完成室内人像后期制作

  Lightroom,因其简单,易上手但却拥有非常强大的后期功能,而深受摄影师的喜爱.这次,摄影师Jeff Meyer给我们带来了一个人像后期教程,简单的6步完成室内人像后期制作. 先来看一下前后对比图吧! 1.修正白平衡 把图片导入Lightroom后,第一步要做的便是修正图像的白平衡.在基本面板中,有一个吸光模样的工具,叫白平衡选择器,选择该工具,在背景中点击一下就可以修正白平衡了. 2.基本面板调整 调整基础面板上的参数时,往往是按照从上往下的顺序来进行的(按住Alt,可以出现选择复位色

Windows nginx安装教程及简单实践_nginx

概述 安装与使用     安装         从源代码编译 Nginx         Windows 安装         使用     nginx 配置实战     http反向代理配置     负载均衡配置     网站有多个webapp的配置     https反向代理配置 参考 概述 什么是nginx? Nginx (engine x) 是一款轻量级的Web 服务器 .反向代理服务器及电子邮件(IMAP/POP3)代理服务器. 什么是反向代理? 反向代理(Reverse Proxy)

Directx11教程(5) 画一个简单的三角形(1)

      在本篇教程中,我们将通过D3D11画一个简单的三角形.在D3D11中,GPU的渲染主要通过shader来操作(当然还有一些操作是由GPU固定管线完成,比如光栅化操作),最常用的shader操作是顶点shader(vertex shader)和像素shader(pixel shader).其实shader就是在GPU中执行的代码,这些代码被driver编译成硬件依赖的机器码,最终被GPU中shader pipe执行,从而完成3D渲染.D3D11中shader是用一种类C的语言HLSL编

Directx11教程(20) 一个简单的水面

nnd,以前发的这篇教程怎么没有了?是我自己误删除了,还是被系统删除了? 找不到存稿了,没有心情再写一遍了.      简单说一下,本篇教程就是实现一个水面的动画,主要是利用动态顶点缓冲,在每一帧都改变顶点的值,从而实现水面的动画.主要参考的是<introduction to 3D game programming with d3d10>这本书,但D3D10和D3D11的动态缓冲实现有所改变.具体算法就不再说了,大家可以参考: Mathematics for 3D Game Programmi

Directx11教程(52) 实例(instancing)的简单应用

     有些时候,我们需要在场景中渲染大量的重复的物体,比如体育场中的观众,森林里面的树木等等,这些物体具有相似的形状,比如很多树木,只是位置不同,或者贴图不同而已,如果重复渲染这些树木,用billboard技术,n棵树,就要输入n*4个顶点,在树木很多的时候,这也是比不小的开销,因为每次都要在system memory和gpu之间传输数据.          在D3D11中,通过使用实例技术,可以有效的减少这种开销.        实例技术的主要实现方式:定义一个顶点缓冲,然后再定义第二个缓