OpenGL深入探索——使用 Transform Feedback 创建粒子系统

举报
ShaderJoy 发表于 2021/12/31 23:11:23 2021/12/31
【摘要】 转自:第二十八课 使用 Transform Feedback 创建粒子系统 【修正了一下翻译欠妥的部分,补充了程序效果图】 原文:英文原文   背景 粒子系统是为了模仿一些自然现象(比如烟,灰尘,烟火,雨等)所使用的技术的一个通用名字。在这些现象中,共同的地方就是它们是由大量的小粒子所组成,这些小的粒子以某种...

转自:第二十八课 使用 Transform Feedback 创建粒子系统 【修正了一下翻译欠妥的部分,补充了程序效果图】

原文:英文原文

 

背景

粒子系统是为了模仿一些自然现象(比如烟,灰尘,烟火,雨等)所使用的技术的一个通用名字。在这些现象中,共同的地方就是它们是由大量的小粒子所组成,这些小的粒子以某种方式在一起移动,这样就构成了一种自然现象。

为了模仿一个由粒子组成的自然现象,我们通常需要维护每一个粒子的位置信息和一些其他的属性(速率,颜色等等)并且在每一帧中执行下面的一些步骤。
 

  1. 更新每个粒子的属性。这一步通常涉及到一些数学计算(计算可能是非常简单或者非常困难,这取决于需要模拟的现象的复杂性)。
  2. 渲染粒子(将每个点简单的渲染成一个颜色点或者使用 billboard 技术)。

在第一步通常发生在 CPU。应用程序可以访问顶点缓冲区,并且可以获得或者更新每个粒子的属性。

第二步则与渲染其他对象一样发生在 GPU。

但这种方法存在两个问题:
 

  1. 在 CPU 中更新粒子要求 OpenGL 驱动程序从 GPU 显存(在独立的显卡上,这意味着将通过 PCI 进行数据传输)中拷贝顶点缓冲区的数据到 CPU 内存。一般情况下要模拟一个自然现象需要大量的例子,很多时候 10000 个粒子也是很正常的。如果每个粒子在内存中占 64 个字节,同时每秒渲染 60 帧(非常好的帧速)。这将意味着每秒钟我们都需要将 640K (64*10000)的数据在 GPU 和 CPU 之间来回拷贝 60 次。这会对我们程序的性能产生很大的影响,而且随着粒子数目的增加,程序的性能会变得更差。
  2. 更新粒子属性意味着需要在不同的数据上进行相同的数学计算,这刚好是 GPU 的强项。如果将这个过程在 CPU 上进行,则意味着整个过程是串行的。如果我们的 CPU 是多核的,我们可以利用多核来减少这个过程所需要的时间,但是我们需要在程序中需要进行一些额外的处理。在 GPU 上进行这些计算则更好的利用的 GPU 的并行计算特性。

DirectX10 介绍了一个新的特性叫 Stream Output,这个对于粒子系统的实现是非常有用的。OpenGL 在 3.0 版本之后也加入了这个特性——Transform Feedback其实现思路是在 GS(如果没有使用 GS 则是 VS)处理之后,我们可以将变换之后的图元存放到一个特殊的缓存——Transform Feedback Buffer 中。此外,我们可以决定图元是否将继续按照常规流程进行光栅化在下一帧渲染的时候,上一帧中输出的顶点信息可以在这一帧中作为顶点缓存作为输入使用,在这样的一个循环过程中,我们可以不借助于应用程序来实现对粒子信息的更新。下面这幅图片介绍了 Transform Feedback Buffer 在管线中所处的位置。

 

Transform Feedback Buffer 在管线中所处的位置

 

在 transform feedback 缓存中有多少个图元? 如果我们没使用 GS,这个答案是十分简单的——就是我们在调用绘制函数时传入的顶点数量的参数。然而,如果 GS 存在,那么图元的数量是未知的。因为 GS 能够动态(包括循环和分支)创建和删除图元。所以有时候我们不知道在 transform feedback 缓存中的图元数。那么在我们不知道缓存里包含多少顶点的情况下,如何使用缓存中的数据进行绘图呢?为了克服这个困难,transform feedback 提供了一个新的绘图函数,并且这个函数不需要使用顶点的个数作为参数系统会自动跟踪每个缓存的顶点数,之后当缓存被用来作为输入时,系统会自动使用之前得出的顶点数。如果我们多次将数据添加到 transform feedback 缓存中(不使用它作为输入的情况下多次绘制到缓存),那么顶点数也会相应的增加。我们随时都可以重新设置缓存内部的偏移值,而且系统也会相应重置顶点数。

在这一节中,我们为了模仿烟火的效果将使用 transform feedback 。就数学计算而言,烟火是比较容易模拟的,所以我们将着重介绍 transform feedback 的使用,这个框架同样可以用于其他类型的粒子系统的实现。

OpenGL 有一个限制——在同一个绘制过程中,相同的缓存不能同时作为输入和输出这意味着如果我们想要在一个顶点缓冲区中更新粒子,我们实际上需要两个 transform feedback 缓存并在它们之间进行切换在第 0 帧的时候我们将在 buffer A 中更新粒子并渲染来自 buffer B 中的粒子,在第 1 帧的时候我们将在 buffer B 中更新粒子并渲染来自 buffer A 中的粒子。当然对于使用者来说,这些对他们来说都是不用了解的。

此外,我们还将使用两种技术( Shader 类) —— 一个负责处理粒子的更新,另一个用于处理渲染(这里我们将使用上一节学过的 billboard 技术)。

 


  
  1. (particle_system.h:29)
  2. class ParticleSystem
  3. {
  4. public:
  5. ParticleSystem();
  6. ~ParticleSystem();
  7. bool InitParticleSystem(const Vector3f& Pos);
  8. void Render(int DeltaTimeMillis, const Matrix4f& VP, const Vector3f& CameraPos);
  9. private:
  10. bool m_isFirst;
  11. unsigned int m_currVB;
  12. unsigned int m_currTFB;
  13. GLuint m_particleBuffer[2];
  14. GLuint m_transformFeedback[2];
  15. PSUpdateTechnique m_updateTechnique;
  16. BillboardTechnique m_billboardTechnique;
  17. RandomTexture m_randomTexture;
  18. Texture* m_pTexture;
  19. int m_time;
  20. };


ParticleSystem 类中把涉及到 transform feedback 相关的操作都进行了封装。在我们的应用程序主逻辑中创建了这个类的实例,并将以粒子系统的发射器的世界坐标进行初始化。在主渲染循环中,ParticleSystem::Render() 函数被调用,这个函数有三个参数:上一次调用到现在的间隔时间(毫秒),视口矩阵和投影矩阵的乘积,以及相机在世界坐标系下的坐标。这个类中同时也定义了其他一些变量:一个标记( Render() 函数是不是第一次调用),两个索引(指定哪个 buffer 是当前的顶点缓冲区( input )、 哪一个是 transform feedback 缓存(output)),两个顶点缓存句柄。两个 transform feedback 对象句柄,粒子更新和渲染技术( Shader 类),一个包含随机数的纹理,其将被映射到粒子和一个存放当前时间的变量上。

 


  
  1. (particle_system.cpp:31)
  2. struct Particle
  3. {
  4. float Type;
  5. Vector3f Pos;
  6. Vector3f Vel;
  7. float LifetimeMillis;
  8. };

 

这个结构体定义了每个粒子的属性。一个粒子可以是一个发射器,一个炮弹(由发射器分裂产生的) 或者一个二级炮弹(由炮弹分裂而成)。发射器是静态的,它负责生成别的粒子(炮弹),在系统中它是独一无二。发射器周期性的创建炮弹并向上发射炮弹。在一段时间之后,炮弹会分裂生成多个二级炮弹(向随机的方向飞行)粒子。除了发射器,所有的粒子都有一个生命周期(系统会进行记录),当这个粒子存在的时间已经达到了其生命周期,那么它就被移除了。每个粒子都会记录其当前的位置和速度,当其被创建的时候,它就被赋予一个初速度(一个向量),这个速度会被重力影响。在每一帧中,我们都会根据粒子的速度来更新其在世界坐标系下的坐标,这个坐标在后面会被用于渲染粒子。

 


  
  1. (particle_system.cpp:67)
  2. bool ParticleSystem::InitParticleSystem(const Vector3f& Pos)
  3. {
  4. Particle Particles[MAX_PARTICLES];
  5. ZERO_MEM(Particles);
  6. Particles[0].Type = PARTICLE_TYPE_LAUNCHER;
  7. Particles[0].Pos = Pos;
  8. Particles[0].Vel = Vector3f(0.0f, 0.0001f, 0.0f);
  9. Particles[0].LifetimeMillis = 0.0f;
  10. glGenTransformFeedbacks(2, m_transformFeedback);
  11. glGenBuffers(2, m_particleBuffer);
  12. for (unsigned int i = 0; i < 2 ; i++) {
  13. glBindTransformFeedback(GL_TRANSFORM_FEEDBACK, m_transformFeedback[i]);
  14. glBindBuffer(GL_ARRAY_BUFFER, m_particleBuffer[i]);
  15. glBufferData(GL_ARRAY_BUFFER, sizeof(Particles), Particles, GL_DYNAMIC_DRAW);
  16. glBindBufferBase(GL_TRANSFORM_FEEDBACK_BUFFER, 0, m_particleBuffer[i]);
  17. }

 

这是粒子系统的初始化的第一部分。我们在栈上建立储存区域用于存放所有粒子的数据并且仅仅初始化第一个粒子作为发射器(剩下的粒子将在渲染的时候被创建)。发射器的位置是所有粒子开始的位置,这些新的粒子的初始速度也就是发射器的速度(但发射器它本身是静止的)。我们将使用两个 transform feedback 缓存并在它们之间进行切换(当使用一个作为输入时,另一个作为绘图的地方,反之亦然)所以我们使用函数 glGenTransformFeedback 创建两个 transform feedback 对象(它们封装了附加到 transform feedback 对象上的所有状态)。同时我们还创建了两个缓存对象——分别对应两个 transform feedback 对象,在后面我们会对这两个对象执行一系列相同的操作

首先我们使用 glBindTransfornFeedback() 函数绑定一个 transform feedback 对象到 GL_TRANSFORN_FEEDBACK 目标上,这样这个绑定的对象就成为了当前的对象,接下来的所有操作(和 transform feedback 相关的)都会对其产生影响。下一步我们绑定相应的缓存对象到 GL_ARRAY_BUFFER ,这使得它成为一个常规的顶点缓冲区,这样我们就能将粒子数组中的数据填充到这个缓冲区中。最后将这个缓存对象绑定到 GL_TRANSFORM_FEEDBACK_BUFFER 目标上并且指定其索引为 0。这使得这个缓冲区作为 transform feedback 缓存且将其绑定在了索引为 0 的位置上很多时候我们也可以通过在不同的索引上绑定不同的缓存使得图元可以重定向到多个缓存中。现在我们有两个 transform feedback 对象及其相应的缓存对象,并且它们既可以作为顶点缓存也可以作为 transform feedback 缓存使用。

这个函数中剩下的部分就没有什么好解释的了,因为剩下的没有什么新的内容。我们仅仅需要初始化两种技术(Shader 类的相关成员变量),并设置一些状态参数,同时加载需要映射到粒子上的纹理图片。

 


  
  1. void ParticleSystem::Render(int DeltaTimeMillis, const Matrix4f& VP, const Vector3f& CameraPos)
  2. {
  3. m_time += DeltaTimeMillis;
  4. UpdateParticles(DeltaTimeMillis);
  5. RenderParticles(VP, CameraPos);
  6. m_currVB = m_currTFB;
  7. m_currTFB = (m_currTFB + 1) & 0x1;
  8. }

 

这是 ParticleSystem 类的渲染函数。这个函数用来更新全局时间计数器并在两个缓存之间切换( 'm_currVB' 是当前的顶点缓存的索引并初始化为 0 ,然而 ’m_currTFB’ 是当前的 transform feedback 缓存的索引并初始化为 1)。这个函数的主要工作是调用类中的两个私有函数来更新粒子属性,之后再渲染它们。让我们来看一看这里是如何更新粒子属性的。

 


  
  1. void ParticleSystem::UpdateParticles(int DeltaTimeMillis)
  2. {
  3. m_updateTechnique.Enable();
  4. m_updateTechnique.SetTime(m_time);
  5. m_updateTechnique.SetDeltaTimeMillis(DeltaTimeMillis);
  6. m_randomTexture.Bind(RANDOM_TEXTURE_UNIT);


首先我们启用粒子更新着色器并为它设置一些动态的状态。这个着色器需要知道在上一帧渲染到这一帧之间的间隔时间,因为我们在使用运动方程计算粒子的位移时需要使用到这个参数,同时它也需要使用全局时间作为一个随机数种子来访问随机纹理。我们声明了一个纹理单元 GL_TEXTURE3 并将随机纹理绑定到这个纹理单元上。需要注意的是这个随机纹理并不是用于提供片元的颜色,而是用于确定生成的粒子的运动方向(稍后我们将会介绍随机纹理是如何创建的)。

 

glEnable(GL_RASTERIZER_DISCARD);
 

这个状态设置我们之前没有见到过。因为我们调用这个函数的唯一目的就是更新 transform feedback 缓存中的数据,所以在数据更新之后我们并不希望对这些图元进行光栅化(切断图元流,防止它们被光栅化到屏幕),至于渲染我们后面会调用其他函数来完成。用 GL_RASTERIZER_DISCARD 作为参数来调用 glEnable() 是告诉渲染管线在对图元进行光栅化之前就丢弃他们(但是在 transform feedback 阶段之后)。


  
  1. glBindBuffer(GL_ARRAY_BUFFER, m_particleBuffer[m_currVB]);
  2. glBindTransformFeedback(GL_TRANSFORM_FEEDBACK, m_transformFeedback[m_currTFB]);


接下来的两个函数将在我们创建的两个缓存之间进行切换。’m_currVB’ ( 0 或者是 1 )作为顶点缓存数组的一个索引并且我们将这个缓存绑定到 GL_ARRAY_BUFFER 上(作为输入)。’m_currTFB’(总是和 ’m_currVB’ 相反)作为 transform feedbakc 对象数组的一个索引并且我们将其绑定到 GL_TRANSFORM_FEEDBACK 目标上使其成为当前的 transform feedback(连同附着在其上面的状态——实际的缓存

 


  
  1. glEnableVertexAttribArray(0);
  2. glEnableVertexAttribArray(1);
  3. glEnableVertexAttribArray(2);
  4. glEnableVertexAttribArray(3);
  5. glVertexAttribPointer(0,1,GL_FLOAT,GL_FALSE,sizeof(Particle),0); // type
  6. glVertexAttribPointer(1,3,GL_FLOAT,GL_FALSE,sizeof(Particle),(const GLvoid*)4); // position
  7. glVertexAttribPointer(2,3,GL_FLOAT,GL_FALSE,sizeof(Particle),(const GLvoid*)16); // velocity
  8. glVertexAttribPointer(3,1,GL_FLOAT,GL_FALSE,sizeof(Particle),(const GLvoid*)28); // lifetime


这些函数我们之前都使用过,都是根据顶点缓冲区中的数据设置顶点属性。

 

glBeginTransformFeedback(GL_POINTS);
 


这里才真正开始有趣了起来。我们调用 glBeginTransformFeedback() 函数来激活 transform feedback在这之后的所有绘制的结果(直到 glTransformFeedback() 被调用)都会被输出重定向到当前的 transform feedback 缓存中(根据当前绑定的transform feedback对象)中。这个函数需要一个拓扑结构变量作为参数。由于 Transform feedback 工作的方式,只有完整的图元才能被写入到缓存中。这个意思就是如果你绘制四个顶点(其拓扑结构是 triangle strip),或者六个顶点(其拓扑结构是 triangle list),不论你使用哪种方式最后输入到这个缓存中的数据都将是六个顶点(两个三角形)。

对于这个函数的参数可以是下面这几个:

  • GL_POINTS – 在调用绘制函数时拓扑结构也必须指定为 GL_POINTS;
  • GL_LINES – 在调用绘制函数时拓扑结构必须是 GL_LINES,GL_LINE_LOOP 或者是 GL_LINE_STRIP;
  • GL_TRIANGLES – 在调用绘制函数时拓扑结构必须是GL_TRIANGLES,GL_TRIANGLE_STRIP或者是GL_TRIANGLE_FAN。

 


  
  1. if (m_isFirst) {
  2. glDrawArrays(GL_POINTS, 0, 1);
  3. m_isFirst = false;
  4. }
  5. else {
  6. glDrawTransformFeedback(GL_POINTS, m_transformFeedback[m_currVB]); ///< 注意是 VB
  7. }


正如我们之前说的那样,我们没有办法知道在缓存中有多少个顶点,但是 transform feedback 支持这种情况。因为我们频繁的生成和删除粒子是基于发射器和每个粒子的生命周期,我们不可能告诉绘制函数有多少个粒子需要绘制。这些都是真的 – 除了第一次渲染。在进行第一次渲染时我们知道在顶点缓冲区只包含发射器粒子并且系统之前没有 transform feedback 相关的记录(第一帧渲染之后我们都没使用过它),所以它也不知道缓存中到底存放了多少粒子。这就是为什么第一次绘图一定要明确的使用一个标准的 glDrawArrays() 来绘制。在其他情况下,我们都会调用 glDrawTransformFeedback() 来完成绘制。这个函数不需要被告知有多少顶点需要渲染,它仅仅检查输入缓存中的数据并将之前写入到这个缓存中的顶点数据全部渲染出来(只有当它被绑定作为一个 transform feedback 缓存时才行)。

glDrawTransformFeedback() 需要两个参数。第一个参数是绘制的图元的拓扑结构,第二个参数是当前被绑定到顶点缓冲区(VB)上的 transform feedback 对象。记住当前绑定的 transform feedback 对象(TFB)是 m_transformFeedback[m_currTFB]。这是绘制函数的目标缓冲区。将要处理的顶点的个数来自于在上一次在这个函数中被绑定到 GL_TRANSFORM_FEEDBACK 目标上的 transform feedback 对象。如果你已经迷惑了,那么你只需要简单的记住当我们向 transform feedback 对象 #1 中写入的时候,我们就从 transform feedback 对象 #0 中得到顶点的个数来进行绘制,反之亦然。现在的输入将作为以后的输出。

 

glEndTransformFeedback();
 


每一次调用 glBeginTransformFeedback() 之后一定要记得调用 glEndTransformFeedback()。如果你漏掉这个函数,将会出现很大的问题。

 


  
  1. glDisableVertexAttribArray(0);
  2. glDisableVertexAttribArray(1);
  3. glDisableVertexAttribArray(2);
  4. glDisableVertexAttribArray(3);
  5. }


这一部分是很常见的,当运行到这里的时候,所有的粒子都已经被更新过了,接下来让我们看看如何对更新之后的粒子进行渲染。

 


  
  1. (particle_system.cpp:177)
  2. void ParticleSystem::RenderParticles(const Matrix4f& VP, const Vector3f& CameraPos)
  3. {
  4. m_billboardTechnique.Enable();
  5. m_billboardTechnique.SetCameraPosition(CameraPos);
  6. m_billboardTechnique.SetVP(VP);
  7. m_pTexture->Bind(COLOR_TEXTURE_UNIT);


我们通过启用 billboarding 技术对粒子进行渲染,在渲染之前我们为其设置了一些参数。每个粒子将被扩展为一个四边形平面(quad),这里绑定的纹理最终会被映射到这个平面上

 

glDisable(GL_RASTERIZER_DISCARD);
 

因为在我们将数据写入到 transform feedback 缓存中时,光栅化被禁用了,我们使用其 glDisable() 函数来启用光栅器

glBindBuffer(GL_ARRAY_BUFFER, m_particleBuffer[m_currTFB]);
 

当我们写数据进 transform feedback 缓存时,我们将 m_transformFeedback[m_currTFB] 绑定为 transform feedback 对象(目标),附着其上的顶点缓冲区(VB)就是 m_particleBuffer[m_currTFB]。我们现在要绑定这个缓存来作为渲染的输入顶点
 


  
  1. glEnableVertexAttribArray(0);
  2. glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, sizeof(Particle), (const GLvoid*)4); // position
  3. glDrawTransformFeedback(GL_POINTS, m_transformFeedback[m_currTFB]); ///< 注意是 TFB
  4. glDisableVertexAttribArray(0);
  5. }


在 transform feedback 缓存中的粒子有四个属性。但是在渲染粒子的时候,我们只需要知道粒子的位置信息,所以我们只启用了位置属性对应的位置,同时我们确定间隔(相邻的同属性之间的距离)为 sizeof(Particle) ,而其他的三个属性被我们忽略。

同样,我们还是使用 glDrawTransformFeedback() 来绘制。第二个参数是 transform feedback 对象(该对象被匹配到输入的顶点缓冲区)。这个对象知道有多少个顶点要被绘制。

 


  
  1. bool PSUpdateTechnique::Init()
  2. {
  3. if (!Technique::Init()) {
  4. return false;
  5. }
  6. if (!AddShader(GL_VERTEX_SHADER, pVS)) {
  7. return false;
  8. }
  9. if (!AddShader(GL_GEOMETRY_SHADER, pGS)) {
  10. return false;
  11. }
  12. /// ----- 释疑代码 -----
  13. const GLchar* Varyings[4];
  14. Varyings[0] = "Type1";
  15. Varyings[1] = "Position1";
  16. Varyings[2] = "Velocity1";
  17. Varyings[3] = "Age1";
  18. glTransformFeedbackVaryings(m_shaderProg, 4, Varyings, GL_INTERLEAVED_ATTRIBS);
  19. /// ----- 释疑代码 -----
  20. if (!Finalize()) {
  21. return false;
  22. }
  23. m_deltaTimeMillisLocation = GetUniformLocation("gDeltaTimeMillis");
  24. m_randomTextureLocation = GetUniformLocation("gRandomTexture");
  25. m_timeLocation = GetUniformLocation("gTime");
  26. m_launcherLifetimeLocation = GetUniformLocation("gLauncherLifetime");
  27. m_shellLifetimeLocation = GetUniformLocation("gShellLifetime");
  28. m_secondaryShellLifetimeLocation = GetUniformLocation("gSecondaryShellLifetime");
  29. if (m_deltaTimeMillisLocation == INVALID_UNIFORM_LOCATION ||
  30. m_timeLocation == INVALID_UNIFORM_LOCATION ||
  31. m_randomTextureLocation == INVALID_UNIFORM_LOCATION) {
  32. m_launcherLifetimeLocation == INVALID_UNIFORM_LOCATION ||
  33. m_shellLifetimeLocation == INVALID_UNIFORM_LOCATION ||
  34. m_secondaryShellLifetimeLocation == INVALID_UNIFORM_LOCATION) {
  35. return false;
  36. }
  37. return true;
  38. }

现在你应该大致了解了我们为什么要创建 transform feedback 对象,将一个缓冲附加到这个对象并且将场景渲染到这个缓存中。但是这仍然有一个问题:到底是什么进入到了 feedback 缓存中?是一个完整的顶点?我们可以指定顶点属性的一个子集么?它们之间的顺序是怎样的?上面的代码解释了这些问题,这个函数用于初始化 PSUpdateTechique,这个类是负责对粒子属性进行更新的着色器我们在 glBeginTransformFeedback() 和 glEndTransformFeedback() 之间使用它为了指定要输入进缓存中的属性,我们需要在着色器程序对象链接之前调用 glTransformFeedbackVaryings()。这个函数有四个参数:程序对象、属性名的字符串数组、在数组中的字符串数量、以及一个标记值( GL_INTERLEAVED_ATTRIBS 或者 GL_SEPARATE_ATTRIBS )。数组中的字符串都必须包含来自上一个着色器阶段输出的属性的名字(必须是在 FS 之前,可以是 VS 或者 GS)。当 transform feedback 被激活的时候,每个顶点的这些属性将被写进缓存中。属性的顺序和数组中的顺序一样。至于 glTransformFeedbackVaryings() 函数的最后的一个参数是告诉 OpenGL 是把所有的属性作为一个结构体输入到一个缓存中GL_INTERLEAVER_ATTRIBS )还是把每一个属性都输出到单独的缓存中( GL_SEPARATE_ATTRIBS )中。如果你使用 GL_INTERLEAVER_ATTRIBS,则只需要绑定一个缓存即可;但是如果你使用 GL_SEPARATE_ATTRIBS ,那么你需要为每一个属性都绑定一个缓存(绑定的位置需要与属性的所在的槽相对应),缓存绑定的位置(槽)可以通过 glBindBufferBase() 函数的第二个参数来指定。此外,绑定的缓存的数量也是有明确限制的,其数量不允许超过 GL_MAX_TRANSFORM_FEEDBACK_SEPARATE_ATTRIBS(通常是4)。

除了 glTransformFeedbackVaryings(),其他的代码都是比较常见的。但是注意在这个着色器中我们并没有使用片元着色器,因为我们在更新粒子的时候禁用了光栅化,所以我们不需要 FS。


  
  1. (ps_update.vs)
  2. #version 330
  3. layout (location = 0) in float Type;
  4. layout (location = 1) in vec3 Position;
  5. layout (location = 2) in vec3 Velocity;
  6. layout (location = 3) in float Age;
  7. out float Type0;
  8. out vec3 Position0;
  9. out vec3 Velocity0;
  10. out float Age0;
  11. void main()
  12. {
  13. Type0 = Type;
  14. Position0 = Position;
  15. Velocity0 = Velocity;
  16. Age0 = Age;
  17. }


这是负责粒子更新的顶点着色器代码。如你所见,这里面十分的简单,它所做的一切都是将顶点属性传递到 GS (重头戏开始的地方)

 


  
  1. (ps_update.gs)
  2. #version 330
  3. layout(points) in;
  4. layout(points) out;
  5. layout(max_vertices = 30) out;
  6. in float Type0[];
  7. in vec3 Position0[];
  8. in vec3 Velocity0[];
  9. in float Age0[];
  10. out float Type1;
  11. out vec3 Position1;
  12. out vec3 Velocity1;
  13. out float Age1;
  14. uniform float gDeltaTimeMillis;
  15. uniform float gTime;
  16. uniform sampler1D gRandomTexture;
  17. uniform float gLauncherLifetime;
  18. uniform float gShellLifetime;
  19. uniform float gSecondaryShellLifetime;
  20. #define PARTICLE_TYPE_LAUNCHER 0.0f
  21. #define PARTICLE_TYPE_SHELL 1.0f
  22. #define PARTICLE_TYPE_SECONDARY_SHELL 2.0f


在几何着色器中,首先对我们需要的一些属性进行了定义,它会接收一些顶点属性,同时也会输出一些顶点属性。我们从 VS 中得到的所有属性都会被输出到 transform feedback 缓存中(在进行一些处理之后)。同时这里也声明了一些 Uniform 变量,通过这些 Uniform 变量我们可以设置发射器的频率,炮弹和二级炮弹的生命周期(发射器根据它的频率生成一个炮弹并且在炮弹的生命周期结束的时候,将分裂成多个二级炮弹)。

 


  
  1. vec3 GetRandomDir(float TexCoord)
  2. {
  3. vec3 Dir = texture(gRandomTexture, TexCoord).xyz;
  4. Dir -= vec3(0.5, 0.5, 0.5);
  5. return Dir;
  6. }


我们使用这个函数来为 shell 生成一个随机的的方向。方向被储存在一个 1D 纹理(纹理的元素是浮点型的3D向量)。我们稍后将看见如何用随机向量来填充纹理。这个函数仅仅只有一个浮点类型参数并且使用它来从纹理中采样。因为在纹理中的所有的值都是在[0.0, 1.0]之间,我们把采样的结果减去向量 [0.5,0.5,0.5],这样做是为了把值的范围映射到[-0.5, 0.5]之间,这样获得的向量就可以朝向任意方向了。

 


  
  1. void main()
  2. {
  3. float Age = Age0[0] + gDeltaTimeMillis;
  4. if (Type0[0] == PARTICLE_TYPE_LAUNCHER) {
  5. if (Age >= gLauncherLifetime) {
  6. Type1 = PARTICLE_TYPE_SHELL;
  7. Position1 = Position0[0];
  8. vec3 Dir = GetRandomDir(gTime/1000.0);
  9. Dir.y = max(Dir.y, 0.5);
  10. Velocity1 = normalize(Dir) / 20.0;
  11. Age1 = 0.0;
  12. EmitVertex();
  13. EndPrimitive();
  14. Age = 0.0;
  15. }
  16. Type1 = PARTICLE_TYPE_LAUNCHER;
  17. Position1 = Position0[0];
  18. Velocity1 = Velocity0[0];
  19. Age1 = Age;
  20. EmitVertex();
  21. EndPrimitive();
  22. }


GS 的主函数包含粒子的处理过程。首先我们判断粒子存在的时间是否到达其生命周期,然后再根据粒子的不同类型进行不同的处理。上面的代码处理发射器粒子的情况。如果发射器的生命周期结束,我们生成一个炮弹粒子和把它送进 transform feedback 缓存中。shell 粒子以发射器的位置作为起始位置并通过从随机纹理中进行采样来获得粒子的速度矢量。我们使用全局时间作为伪随机数种子(虽然不是真正的随机数但是还是能满足我们的需要了),之后我们需要确保方向向量的 Y 值是大于等于 0.5 的,这样炮弹粒子才会是始终朝向天空发射的。最后这个方向向量被标准化并除以 20 作为速度矢量(你可以根据你自己的系统做一个调整)。新粒子的年龄当然是为 0,我们也重设发射器的年龄使得发射器可以再次通过这个逻辑发射粒子。此外,我们总是会将发射器重新输出到缓存中(因为发射器始终都存在场景中的)。

 


  
  1. else {
  2. float DeltaTimeSecs = gDeltaTimeMillis / 1000.0f;
  3. float t1 = Age0[0] / 1000.0;
  4. float t2 = Age / 1000.0;
  5. vec3 DeltaP = DeltaTimeSecs * Velocity0[0];
  6. vec3 DeltaV = vec3(DeltaTimeSecs) * (0.0, -9.81, 0.0);


在我们开始处理炮弹和二级炮弹之前,我们需要定义一些相关的变量。DeltaTimeSecs 是存放将毫秒转化为秒的间隔时间。我们也将粒子(t1)的旧年龄和粒子(t2)的新年龄转换成秒为单位。在位置坐标上的改变根据公式 'position = time * velocity' 来计算。最后我们通过重力向量乘以 DeltaTimeSecs 来计算速度的改变量,粒子在其产生的时候获得一个速度矢量,但是在这之后唯一影响它的就是重力(忽略风等)。在地球上一个下落物体的重力加速度为 9.81,因为重力的方向是向下的,所以我们重力向量的 Y 分量设置为负,X 和 Z 分量设置为 0。

 


  
  1. if (Type0[0] == PARTICLE_TYPE_SHELL) {
  2. if (Age < gShellLifetime) {
  3. Type1 = PARTICLE_TYPE_SHELL;
  4. Position1 = Position0[0] + DeltaP;
  5. Velocity1 = Velocity0[0] + DeltaV;
  6. Age1 = Age;
  7. EmitVertex();
  8. EndPrimitive();
  9. }
  10. else {
  11. for (int i = 0 ; i < 10 ; i++) {
  12. Type1 = PARTICLE_TYPE_SECONDARY_SHELL;
  13. Position1 = Position0[0];
  14. vec3 Dir = GetRandomDir((gTime + i)/1000.0);
  15. Velocity1 = normalize(Dir) / 20.0;
  16. Age1 = 0.0f;
  17. EmitVertex();
  18. EndPrimitive();
  19. }
  20. }
  21. }

我们现在把注意力放在炮弹粒子的处理上。只要这个例子的年龄还没有达到它的生命周期,它将会一直被保存在系统中,我们只需要基于之前算的变化量来更新它的坐标和速度即可。一旦达到它的生命周期,它将会被删除并且生成 10 个二级炮弹粒子来代替它,之后把这十个粒子输出到缓存中。这些新生成的粒子都会获得当前炮弹粒子的位置属性,至于速度则通过上面提到的方法来获取一个随机的速度矢量。对于二级炮弹粒子,我们不会限制其方向,它可以向任意方向发射,这样看起来才会像是真的。


  
  1. else {
  2. if (Age < gSecondaryShellLifetime) {
  3. Type1 = PARTICLE_TYPE_SECONDARY_SHELL;
  4. Position1 = Position0[0] + DeltaP;
  5. Velocity1 = Velocity0[0] + DeltaV;
  6. Age1 = Age;
  7. EmitVertex();
  8. EndPrimitive();
  9. }
  10. }
  11. }
  12. }


针对二级炮弹的处理和炮弹的处理是相似的,不同的是当它达到生命周期的时候,它直接被删除并且没有新的粒子生成。

 


  
  1. (random_texture.cpp:37)
  2. bool RandomTexture::InitRandomTexture(unsigned int Size)
  3. {
  4. Vector3f* pRandomData = new Vector3f[Size];
  5. for (unsigned int i = 0 ; i < Size ; i++) {
  6. pRandomData[i].x = RandomFloat();
  7. pRandomData[i].y = RandomFloat();
  8. pRandomData[i].z = RandomFloat();
  9. }
  10. glGenTextures(1, &m_textureObj);
  11. glBindTexture(GL_TEXTURE_1D, m_textureObj);
  12. glTexImage1D(GL_TEXTURE_1D, 0, GL_RGB, Size, 0.0f, GL_RGB, GL_FLOAT, pRandomData);
  13. glTexParameterf(GL_TEXTURE_1D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
  14. glTexParameterf(GL_TEXTURE_1D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
  15. glTexParameterf(GL_TEXTURE_1D, GL_TEXTURE_WRAP_S, GL_REPEAT);
  16. delete [] pRandomData;
  17. return GLCheckError();
  18. }

RandomTexture 类是一个十分有用的工具,它能够为着色器程序提供随机数据。这是一个以 GL_RGB 为内部格式的 1D 纹理并且是浮点类型的。这意味着每一个元素是 3 个浮点类型值组成的一个向量。注意我们设置其覆盖模式为 GL_REPEAT 。这允许我们使用任意的纹理坐标来进行纹理采样。如果纹理坐标是超过 1.0,它简单的被折回到合理的范围,所以它总是能够得到一个合法的值。在这个教程中 random texture 都是被绑定在 3 号纹理单元上的。你可以看见在头文件 engine_common.h 里看到纹理单元的设置。


操作结果

 

 

文章来源: panda1234lee.blog.csdn.net,作者:panda1234lee,版权归原作者所有,如需转载,请联系作者。

原文链接:panda1234lee.blog.csdn.net/article/details/51732491

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。