Directx11基于GeometryShader的粒子系统

最新推荐文章于 2019-01-26 18:15:18 发布
最新推荐文章于 2019-01-26 18:15:18 发布
阅读量2.7k 收藏 1
点赞数
分类专栏： Shader 游戏引擎 引擎开发 Direct3D GPU 游戏开发 图形引擎
游戏引擎 同时被 3 个专栏收录
1659 篇文章 18 订阅
订阅专栏
游戏开发
1649 篇文章 11 订阅
订阅专栏
图形引擎
1623 篇文章 22 订阅
订阅专栏

  • 粒子系统作为在游戏中一个挺常见的技术，用在各种爆炸，下雨，火焰等特效中。我们利用GPU中的GeomtryShader来实现一个粒子系统。以下雨特效为例。

        介绍粒子系统具体实现前先介绍下GeomtryShader的StreamOutput这个特性。StreamOutput这个Stage把GeometryShader的计算结果输出到一个buffer中。

     \

        下面主要从Shader代码设计的角度讲下如何实现一个下雨特效的粒子系统，其核心算法说白了就一句话：分成主粒子和副粒子。主粒子按时间间隔分裂副粒子，副粒子到了一定的时间就死亡。

     \

        绘制时要么用公告板绘制一个粒子，要么用一条直线绘制一个粒子。

        只是具体的shader代码的设计要花点心思，在其在shader内部经过了两个technique，一个主要利用Geometry Shader的StreamOuput输出到一段buffer中；另一个利用上面的计算结果来进行绘制，具体的粒子运动情况（受重力）的更新等可以放在第二个technique的geometry shader里面。

        第一个technique，也就是负责利用Geometry来计算，并通过StreamOutput输出到一个buffer中的technique，为了整体清晰我先把technique写出来：

     

    view source print ?
    001. technique11 StreamOutTech
    002.  
    003.  
    004.  
    005. {
    006.  
    007.  
    008.  
    009. pass P0
    010.  
    011.  
    012.  
    013. {
    014.  
    015.  
    016.  
    017. SetVertexShader(CompileShader(vs_4_0,StreamOut_VS()));
    018.  
    019.  
    020.  
    021. SetGeometryShader( ConstructGSWithSO( CompileShader(gs_4_0,StreamOut_GS()),"POSITION.xyz;VELOCITY.xyz;SIZE.xy;AGE.x;TYPE.x" ) );
    022.  
    023.  
    024.  
    025. SetPixelShader(NULL);
    026.  
    027.  
    028.  
    029. SetDepthStencilState(DisableDepth,0);
    030.  
    031.  
    032.  
    033. }
    034.  
    035.  
    036.  
    037. }
    038.  
    039.  
    040.  
    041. //================================================
    042.  
    043.  
    044.  
    045. //StreamOutTech
    046.  
    047.  
    048.  
    049. //================================================
    050.  
    051.  
    052.  
    053. Particle StreamOut_VS(Particle vIn)
    054.  
    055.  
    056.  
    057. {
    058.  
    059.  
    060.  
    061. return vIn;
    062.  
    063.  
    064.  
    065. }
    066.  
    067.  
    068.  
    069. [maxvertexcount(6)]
    070.  
    071.  
    072.  
    073. void StreamOut_GS(point Particle gIn[1],inout PointStream<Particle> pStream)
    074.  
    075.  
    076.  
    077. {
    078.  
    079.  
    080.  
    081. gIn[0].age+=timeStep;
    082.  
    083.  
    084.  
    085. if(gIn[0].type==P_EMITTER)
    086.  
    087.  
    088.  
    089. {
    090.  
    091.  
    092. //主喷射粒子，时间到了一定阀值，就该生成一定数量的副粒子.
    093.  
    094.  
    095. if(gIn[0].age>0.01f)
    096.  
    097.  
    098.  
    099. {
    100.  
    101.  
    102.  
    103. //生成副粒子
    104.  
    105.  
    106.  
    107. for(int i=0;i<5;i++)
    108.  
    109.  
    110.  
    111. {
    112.  
    113.  
    114.  
    115. Particle nPt;
    116.  
    117.  
    118.  
    119. nPt.initPosW=emitPosW.xyz+35.0f*GetRandomVec3((float)i/5.0f);
    120.  
    121.  
    122.  
    123. nPt.initPosW.y=40.0f;
    124.  
    125.  
    126.  
    127. nPt.initVelW=float3(0.0f,0.0f,0.0f);
    128.  
    129.  
    130.  
    131. nPt.size=float2(1.0f,1.0f);
    132.  
    133.  
    134.  
    135. nPt.age=0.0f;
    136.  
    137.  
    138.  
    139. nPt.type=P_FLARE;
    140.  
    141.  
    142.  
    143. pStream.Append(nPt);
    144.  
    145.  
    146.  
    147. }
    148.  
    149.  
    150.  
    151. gIn[0].age=0.0f;
    152.  
    153.  
    154.  
    155. }//if(age)
    156.  
    157.  
    158.  
    159. pStream.Append(gIn[0]);
    160.  
    161.  
    162.  
    163. }//if(type==)
    164.  
    165.  
    166.  
    167. else
    168.  
    169.  
    170. {//副粒子，看时间到了就销毁，不然输出到steamout buffer中继续绘制
    171.  
    172.  
    173.  
    174. if(gIn[0].age<=3.0f)
    175.  
    176.  
    177.  
    178. {
    179.  
    180.  
    181.  
    182. pStream.Append(gIn[0]);
    183.  
    184.  
    185.  
    186. }
    187.  
    188.  
    189.  
    190. }
    191.  
    192.  
    193.  
    194. }

        第二个technique就简单了，就是基本的绘制。在GeomtryShader可以更新粒子的运动情况，和把每个雨点看成一条直线。

     

    view source print ?
    001. technique11 DrawTech
    002.  
    003.  
    004.  
    005. {
    006.  
    007.  
    008.  
    009. pass P0
    010.  
    011.  
    012.  
    013. {
    014.  
    015.  
    016.  
    017. SetVertexShader(CompileShader(vs_4_0,Draw_VS()));
    018.  
    019.  
    020.  
    021. SetGeometryShader( CompileShader(gs_4_0,Draw_GS()) );
    022.  
    023.  
    024.  
    025. SetPixelShader( CompileShader(ps_4_0,Draw_PS()) );
    026.  
    027.  
    028.  
    029. SetDepthStencilState(NoWriteDepth,0);
    030.  
    031.  
    032.  
    033. }
    034.  
    035.  
    036.  
    037. }
    038.  
    039.  
    040.  
    041. Particle Draw_VS(Particle vIn)
    042.  
    043.  
    044.  
    045. {
    046.  
    047.  
    048.  
    049. return vIn;
    050.  
    051.  
    052.  
    053. }
    054.  
    055.  
    056.  
    057. [maxvertexcount(2)]
    058.  
    059.  
    060.  
    061. void Draw_GS(point Particle gIn[1],inout LineStream<DrawGSOut> pStream)
    062.  
    063.  
    064.  
    065. {
    066.  
    067.  
    068.  
    069. if(gIn[0].type!=P_EMITTER)
    070.  
    071.  
    072. //不绘制主粒子
    073.  
    074. {
    075.  
    076. //更新粒子的运动情况，这里我们只用了最简单的牛顿定律
    077.  
    078. float3 posW1=gIn[0].initPosW+gIn[0].initVelW*gIn[0].age+0.5f*(gForce*0.7)*gIn[0].age*gIn[0].age;
    079.  
    080.  
    081.  
    082. float3 posW2=posW1+0.2f*gForce;
    083.  
    084. //把粒子绘制成一条直线，当然也可以绘制成公告板等
    085.  
    086.  
    087.  
    088.  
    089. DrawGSOut gOut1;
    090.  
    091.  
    092.  
    093. gOut1.posH=mul(float4(posW1,1.0f),viewMtx);
    094.  
    095.  
    096.  
    097. gOut1.posH=mul(gOut1.posH,projectMtx);
    098.  
    099.  
    100.  
    101. gOut1.tex=float2(0.0f,0.0f);
    102.  
    103.  
    104.  
    105. pStream.Append(gOut1);
    106.  
    107.  
    108.  
    109. DrawGSOut gOut2;
    110.  
    111.  
    112.  
    113. gOut2.posH=mul(float4(posW2,1.0f),viewMtx);
    114.  
    115.  
    116.  
    117. gOut2.posH=mul(gOut2.posH,projectMtx);
    118.  
    119.  
    120.  
    121. gOut2.tex=float2(1.0f,1.0f);
    122.  
    123.  
    124.  
    125. pStream.Append(gOut2);
    126.  
    127.  
    128.  
    129. }
    130.  
    131.  
    132.  
    133. }
    134.  
    135.  
    136.  
    137. float4 Draw_PS(DrawGSOut pIn):SV_Target
    138.  
    139.  
    140.  
    141. {
    142.  
    143.  
    144.  
    145. return gTexArray.Sample(gLinearSam,float3(pIn.tex,0.0f));
    146.  
    147.  
    148.  
    149. }

    最后场景截图

     \

延伸阅读：

pizi0475
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DirectX 11 Grass Shader 1.8.2
12-31
unity DirectX 11 Grass Shader 1.8.2插件。风格化草地shader。
D3D10与Geometry Shader学习笔记（2）
weixin_30448685的博客
09-08 113
D3D10与Geometry Shader学习笔记（2） 华南理工大学，张嘉华 [email protected] QQ:188318005，欢迎和我多多交流，共同学习进步 1. 贝赛尔曲线在Geometry Shader下的实现 贝赛尔曲线在图形绘制中经常用到，在这一节里面讲介绍如何在Geometry Shader下实现贝赛尔曲线的绘制．首先来看最简单的贝赛尔曲线，就是由四个点控制． 考虑到贝...
关于D3D10与Geometry Shader用于细分曲面的几点学习笔记
张嘉华的专栏
09-12 8263
D3D10与Geometry Shader用于细分曲面几点学习笔记（1） 华南理工大学，张嘉华 [email protected] QQ:188318005，欢迎和我多多交流，共同学习进步 1. Direct3D 10的流水线在细分曲面里面，最有新用途的就是Geometry Shader和Stream Out，前者可以输入一些数据，然后产生一些三角形，后者可以断绝Pixel Sh
DirectX 11 学习笔记-Part2-3【地形/粒子】
Zealot_Alie的博客
01-26 637
相关代码已上传至Github，具体来说，这部分的对应的Project是TerrainParticleCube。 项目运行的效果图如下，主要包括两部分内容，地形生成和简单的粒子效果。 地形Terrain 生成地形需要两个纹理来构建地图信息，其一是高度图，它用于存储地形的高度信息，根据高度信息我们可以构建出地形网格；其二是BlendTexture，它用于存储地图各个位置的纹理信息，将Blen...
Directx11基于GPU_GeometryShader的粒子系统
算法，时空数据挖掘
11-23 2668
粒子系统作为在游戏中一个挺常见的技术，用在各种爆炸，下雨，火焰等特效中。我们利用GPU中的GeomtryShader来实现一个粒子系统。以下雨特效为例。     介绍粒子系统具体实现前先介绍下GeomtryShader的StreamOutput这个特性。StreamOutput这个Stage把GeometryShader的计算结果输出到一个buffer中。     下面主要从Shade
OpenGL学习脚印：几何着色器(geometry shader)
热门推荐
王定桥的专栏
10-02 1万+
写在前面 一直以来我们使用了顶点着色器(vertex shader)和片元着色器(fragment shader)，实际上OpenGL还提供了一个可选的几何着色器(geometry shader)。几何着色器位于顶点和片元着色器之间，如果没有使用时，则顶点着色器输出到片元着色器，在使用几何着色器后，顶点着色器输出组成一个基础图元的顶点信息到几何着色器，经过几何着色器处理后，再输出到片元着色
DirectX 11 Low Poly Shader 0.9beta
08-26
DirectX 11 Low Poly Shader creates flat shaded/low poly effect. Just apply shader to any mesh and it will be rendered in most demanded and artistic - low poly style. DirectX 11 Low Poly Shader is ...
Wireframe Shader DirectX 11 1.0.unitypackage
12-01
unity3d素材 线框渲染着色器 ，内置多种线框材质，效果可调
directx实现雪花粒子系统
04-02
利用directx粒子系统特效模拟雪花飘落。
Directx游戏开发之粒子系统雪花场景
01-17
Directx游戏开发之粒子系统雪花场景，希望对大家有所帮助
unity3d特效插件 dx11 粒子 特效工具TC Particles - Indie
11-15
unity3d特效插件 dx11 粒子 特效工具TC Particles - Indie
Direct3D粒子系统
11-06
一个非常简单的例子系统，基于公告牌技术。DirectX编写，编译环境Visual Studio8 Windows7 DirectXSDK 2009
D3D烟花粒子
02-18
使用DirectX9.0写的烟花特效，比较粗糙，仅供参考学习之用。本代码实现的效果分为上升和爆炸两个过程。上升过程时所有粒子同一速度上升，爆炸时随机给每个粒子方向和颜色从而简单的实现了烟花效果。
基于Direct3D的基本粒子系统(支持Lua编写粒子脚本)
09-14
一个基于DirectX3D的粒子系统，支持使用Lua语言编写粒子脚本。包含源文件，和烟火、雪花两个粒子脚本。
DX11_基于GPU_GeometryShader的3D精确拾取
算法，时空数据挖掘
11-28 2251
拾取是图形学里一个很常用的应用，在3D世界里选中我们想要的东西，枪战游戏中判断子弹是否射中敌人。     这里我们讲下如何实现一个精确的拾取碰撞，不仅检测是否射中了这个物体，更进一步的返回射中了这个物体的上哪个三角形。在《COD》等比较优秀的枪战游戏中，我们都可以看到子弹是射中敌人身体的不同部位，敌人的身体会做出不同的反应。      然后我们看看如何实现一个基于GPU的拾取，把拾取的所有计算
D3D10与Geometry Shader学习笔记2
张嘉华的专栏
11-04 1万+
 D3D10与Geometry Shader学习笔记（2） 华南理工大学，张嘉华 [email protected] QQ:188318005，欢迎和我多多交流，共同学习进步1.     贝赛尔曲线在Geometry Shader下的实现贝赛尔曲线在图形绘制中经常用到，在这一节里面讲介绍如何在Geometry Shader下实现贝赛尔曲线的绘制．首先来看最简单的贝赛尔曲线，就是由四个
三种光照模型的渲染对比
计算机图形编程
02-12 7358
这几天在看《GPU 编程与CG 语言之阳春白雪下里巴人》，看到光照模型那部分，便根据书上的内容作了一下实验 进行对比的三种光照模型分别如下： Phong模型，对应计算的数学公式如下 和 Blinn-phong 模型，对应计算的数学公式如下 和 Cook-Torrance 模型，对应计算的数学公式如下 （其中cosα为标准化的N和H的点积 ）和
第四章 Hello，Shaders
3D编程之旅
07-02 4792
第四章 Hello，Shaders 本章，会编写第一个shaders。介绍HLSL语法，FX文件格式，数据结构等等。学完本章，你就具备了深入学习图形编程的基础知识。 Your First Shader 使用一种新的编程语言编写第一个程序时都会使用经典的编程例子“Hello，World！”，程序输出就是一行文字“Hello，World！”。我们遵守这一历史悠久的传统，编写第一个shad
directx 11
最新发布
10-19
DirectX 11是一种图形API，它是DirectX API的一部分，用于在Windows平台上进行游戏和多媒体应用程序的开发。它提供了一组软件接口，使开发人员可以使用3D硬件加速来绘制3D世界。DirectX 11支持全新的硬件特性，包括...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值