• ‎Cocos2d-x 学习笔记(24) ParticleSystem ParticleSystemQuad


    1. ParticleSystem

    ParticleData是存储粒子数据的类,ParticleSystem会关联一个ParticleData对象。

    ParticleSystem直接继承了Node、TextureProtocol(纹理)、PlayableProtocol(start stop方法)。

    ParticleSystem定义了粒子的相关属性。

    粒子从ParticleSystem的位置发射。

    属性

    - float _elapsed

    运行时间。

    粒子相关属性

    - float _startSize, _startSizeVar, _endSize, _endSizeVar

    粒子大小及浮动值。

    - Color4F _startColor, _startColorVar, _endColor, _endColorVar

    粒子颜色值及浮动值。

    - float _startSpin, _startSpinVar, _endSpin, _endSpinVar

    粒子自身旋转的角度值及浮动值。

    - PositionType _positionType

    粒子位置模式,有3种:FREE(粒子在世界坐标系移动)、RELATIVE(粒子相对父节点坐标系移动)、GROUPED(粒子跟随发射点移动)。

    - float _life, _lifeVar

    粒子生存时间及浮动值。

    发射相关属性

    - float _angle, _angleVar

    粒子发射的角度及浮动值。

    - Mode _emitterMode

    发射器模式。发射有2种模式,用枚举Mode表示:

    Gravity:重力模式,Mode A,属性:重力加速度(向量表示)、速度和浮动值(粒子的初速度)、径向加速度和浮动值(与速度方向平行)、切向加速度和浮动值(与速度方向垂直)。

    Radius:径向模式,Mode B,属性:起始半径和浮动值(粒子出生时和圆心距离)、结束半径和浮动值(粒子死亡时和圆心距离)、每秒旋转的角度和浮动值。

    - float _emissionRate

    发射器每秒发射的粒子数。

    - int _totalParticles

    生存的粒子最大数量。

    - int _particleCount

    当前生存的粒子数。

    - float _duration

    发射器工作时长,-1为永远发射。

    - Vec2 _sourcePosition, _posVar

    发射位置及发射位置的浮动值。

    _sourcePosition与bool _sourcePositionCompatible有关,布尔值默认为true表明兼容,位置将被设置到node的位置变量;为false位置将被设置到_sourcePosition变量。

    两个静态属性

    - static Vector<ParticleSystem*> __allInstances

    存储粒子系统的容器。

    - static float __totalParticleCountFactor

    该属性默认为1。在update方法中,最大粒子数_totalParticles乘该系数,得到最大粒子数。

    1. 创建

    粒子对象的创建可以分为这3种方法:

    - 通过代码创建ParticleSystemQuad,并设置属性

    - 通过plist文件创建

    - 直接通过代码使用现成的粒子子类实现特效

    plist文件会被转成ValueMap,从而对plist的各项数据进行解析,相关属性值赋给ParticleSystem属性。

    2. onEnter() onExit()方法

    在执行addChild方法将粒子节点加到父节点时,会调用节点的onEnter方法。

    ParticleSystem的onEnter方法中有这两行:

        this->scheduleUpdateWithPriority(1);
        __allInstances.pushBack(this);

    先设置update方法将在每帧执行。再将当前粒子类加入静态容器__allInstances中。

    ParticleSystem的onExit方法会执行unscheduleUpdate,停止每帧执行update(dt),并从静态容器__allInstances中删除粒子类。

    3. update(dt)方法

    该方法被调度器Scheduler每帧触发,粒子的更新离不开这个重要的方法。

    4. 粒子添加与粒子到期后删除

    ParticleSystem成员_particleCount表示当前存在屏幕上的粒子数(当前已生成没销毁的粒子数)。

    在update(dt)中,每帧会调用粒子添加的方法addParticles(int count)。

    添加数量为count的粒子,实际上是把粒子的数据被添加到ParticleSystem成员中_particleData。

    新增的各个粒子各项数据是被修改到从对应的_particleData数组成员的“最末尾”的下标位置开始,要添加多少个粒子,就修改多少个指针。“最末尾”的下标指的是根据_particleCount得出。

    粒子到期后删除时,也是在update(dt)方法中删除,但是没有真正执行“删除”操作,而是将_particleData最末尾(数组成员最末尾)的数据复制到当前粒子的位置上,并对_particleCount减1。

    我们知道,在update方法中是把_particleData每个数组成员前_particleCount项作为当前存在的粒子的数据并进行更新。所以,“被复制”的数据项位置实际上在之后的update中被“忽略”了,所以该项的数据只会被新增的粒子覆盖,而前面被删除的粒子的数据位置被这个“被复制”的数据项覆盖,保证了数组成员前_particleCount项始终代表着当前存在的粒子的数据。

    总结ParticleSystem

    ParticleSystem关联一个ParticleData。

    每个粒子当前的属性值状态信息等,被保存在ParticleData中。而ParticleSystem中的粒子信息是我们直接设置的,例如浮动值只存储在ParticleSystem成员变量中。

    每一次update时,新建的粒子和当前粒子状态各项信息通过计算后,都被保存在ParticleData中。

    尽管ParticleData是一个类,我们可以把它理解成是一个“容器”。粒子系统ParticleSystem主要是提供对粒子当前信息ParticleData“容器”的管理,例如对“容器”修改、更新、添加等。所以说,粒子系统ParticleSystem是所有粒子的基类,只负责粒子最基础的创建和存储功能。

    2. ParticleSystemQuad

    ParticleSystemQuad直接继承了ParticleSystem。所有粒子特效类都是ParticleSystemQuad的子类。

    该类在父类的基础上增加了对粒子的绘制功能。

    1. 顶点缓存与索引缓存

    ParticleSystemQuad有两个重要变量:顶点缓存和索引缓存。

    - V3F_C4B_T2F_Quad *_quads

    顶点缓存:包含多个顶点数据的一块内存,一个四边形的4个顶点信息作为一个单位进行存储。每一个V3F_C4B_T2F_Quad结构体存储了4个顶点的信息(4个V3F_C4B_T2F结构体对象),每个顶点的信息包括三维顶点坐标、颜色和透明度、纹理UV坐标。

    - GLushort *_indices

    索引缓存:每6个索引对应一个四边形,OpenGL是通过三角形来绘制四边形的,所以一个四边形需要两个三角形的顶点数据,也就是6个索引对应1个V3F_C4B_T2F_Quad了。

    在所有粒子效果类的create方法中,都会调用ParticleSystemQuad的initWithTotalParticles方法进行初始化,该方法会调用allocMemory分配粒子效果类需要的顶点缓存和索引缓存的内存区域。

    内存的个数为我们设置的最大粒子数。

    对于顶点缓存,每块内存的大小为V3F_C4B_T2F_Quad结构体的大小。对于索引缓存,每块内存为索引的6倍,也就是说把一个四边形需要的所有6个索引作为一个内存区域存储。大致逻辑是:

        memset(_quads, 0, _totalParticles * sizeof(V3F_C4B_T2F_Quad));
        memset(_indices, 0, _totalParticles * 6 * sizeof(GLushort));

    索引缓存是对顶点缓存的映射,这样可以对于重复的顶点使用一个内存进行存储。

    在刚才说的initWithTotalParticles方法进行两个缓存内存的分配之后,对索引缓存设置索引值,设置索引指向的顶点位置。具体步骤如下:

        for(int i = 0; i < _totalParticles; ++i)
        {
            const unsigned int i6 = i*6;
            const unsigned int i4 = i*4;
            _indices[i6+0] = (GLushort) i4+0;
            _indices[i6+1] = (GLushort) i4+1;
            _indices[i6+2] = (GLushort) i4+2;
    
            _indices[i6+5] = (GLushort) i4+1;
            _indices[i6+4] = (GLushort) i4+2;
            _indices[i6+3] = (GLushort) i4+3;
        }

    另外,在setTotalParticles(int tp)方法中,根据参数最大粒子数,对顶点缓存_quads和索引缓存_indices大小更新并初始化,使用的也是类似上面的思路。

    2. initTexCoordsWithRect(rect)

    initTexCoordsWithRect(rect)方法,通过纹理更新每个粒子在的UV坐标。

    该方法2个使用位置:

    设置粒子的纹理时,使用setTexture方法,需要重新设置新纹理的UV坐标。

    重新设置粒子最大数时,使用setTotalParticles方法,因为粒子总数发生改变,需要重新初始化顶点缓存和索引缓存,需要重新设置顶点缓存内的UV坐标。

    该方法要求传入的参数rect是根据纹理坐标系(Texture coordinates,OpenGL坐标系)表示的,而不能是像素坐标系(Pixel coordinates)。

    纹理坐标系(OpenGL坐标系)左下角为原点(0,0);像素坐标系是图片数据原始的坐标系,左上角为原点(0,0)。

    接下来通过计算,得出矩形四个顶点的UV坐标。此时的UV坐标需要存入顶点缓存中,而顶点缓存是直接面向GPU的,所以不采用纹理OpenGL坐标系,而是像素坐标系。使用像素坐标系的结果是顶部的坐标值为0,与底部的坐标值交换了。

    该方法最终向顶点缓存中存入一个矩形的4个顶点像素坐标系下的UV坐标:

        for(unsigned int i=start; i<end; i++) 
        {
            // bottom-left vertex:
            quads[i].bl.texCoords.u = left;
            quads[i].bl.texCoords.v = bottom;
            // bottom-right vertex:
            quads[i].br.texCoords.u = right;
            quads[i].br.texCoords.v = bottom;
            // top-left vertex:
            quads[i].tl.texCoords.u = left;
            quads[i].tl.texCoords.v = top;
            // top-right vertex:
            quads[i].tr.texCoords.u = right;
            quads[i].tr.texCoords.v = top;
        }

    3. updateParticleQuads()

    该方法在ParticleSystem的每帧update最后执行。

    在ParticleSystem的中,该方法为空,调用的是ParticleSystemQuad的该方法。

    update方法在updateParticleQuads之前是把本帧的粒子数据修改到ParticleData中,之后执行该方法,用来把ParticleData中生存的粒子数据写到顶点缓存中,是对位置和颜色分别在顶点缓存进行更新。

    把顶点坐标写入顶点缓存前,根据3种粒子位置类型计算当前粒子位置,之后执行updatePosWithParticle方法写入顶点缓存。该方法通过位置坐标、旋转角度、矩形大小,计算出矩形4个顶点坐标,存入顶点缓存中。

    存入顶点缓存的坐标是像素坐标系的坐标,所以updatePosWithParticle方法会将旋转角度取反。

    4. 其它

    ParticleSystemQuad重写了Node的draw方法,使用了顶点缓存和索引缓存。

    initWithTotalParticles方法调用setupVBO或setupVBOandVAO方法加载VBO VAO。


    本文原创地址:https://www.cnblogs.com/deepcho/ ,如果您在非本网址看到此文章,说明网站是爬虫采集抄袭而成。

  • 相关阅读:
    datalist标签
    meter标签
    audio标签
    video标签
    time标签
    figure标签
    正则收集
    js文字无缝滚动
    页面滚动到指定位置
    Css公共文件结构
  • 原文地址:https://www.cnblogs.com/deepcho/p/cocos2dx-particlesystem-particlesystemquad.html
Copyright © 2020-2023  润新知