QML元素 粒子系统

粒子系统是一个比较难理解的内容,它掌控着控制酷炫效果的操作,下面通过介绍粒子系统的构造和属性来学习吧

要想完成粒子系统必须要先有 ParticleSystem(粒子系统)来操控粒子系统的时间线,通俗的讲就是粒子系统的实例
下面来看看它的属性

属性:type	含义
empty:bool	表明粒子系统是否还有粒子存活
particleStates:list< Sprite >	可以用来提供粒子群的子集对随机状态进行过渡
paused:bool	粒子系统是否已经停止工作
running:bool	粒子系统是否正在工作

同时我们需要一个 Emitter(发射器)来指定粒子发射的工作方式
Emiiter

属性:type	含义
acceleration:StochasticDirection	粒子发射的起始加速度
emitRate:real	每秒发射的粒子数 默认是 10
enabled:bool	表明粒子发射器是否工作
endSize:real	表明粒子结束生命的大小,通过插值过渡
group:string	发射的粒子群名
lifeSpan:int	以毫秒为单位的粒子生存周期
lifeSpanVariation:int	发射器生存器内发射的最大粒子数
shape:Shape	发射的形状
size:real	粒子的开始大小
sizeVariation:real	粒子大小变化
startTime:int	粒子发射器多少毫秒后开始发射
system:ParticleSystem	指定粒子系统
velocity:StochasticDirection	粒子速度
velocityFromMovement:qrel	相当于粒子发射器的速度,如果指定的话也会加给粒子

此时我们需要粒子画笔,来描绘粒子的形状 ParticlePainter

属性:type	含义
groups:list < string >	描述粒子群的链表
system:ParticleSystem	指示所属粒子系统

再来看看粒子群 ParticleGroup

属性:type	含义
duration:int	时间段,以毫秒为单位
durationVariation:ParticleSystem	指定控制时间段的粒子系统
name:string	指定粒子群的名称
to:ParticleSystem	过渡有效的加权列表

我们有ImageParticle，ItemParticle可以指定图片或Item成为粒子

除了掌握粒子的具体表现方式之外,我们还需要指定粒子的行为,具体分为以下情况

粒子的发射频率 (每秒发出多少)
粒子存活时间
粒子存活周期变化
粒子起始大小
粒子大小变化
粒子结束大小
粒子速度方向及其变化
粒子加速度及其变化
以上一般由发射器指定

下面可能还有

粒子起始颜色
粒子颜色变化幅度
粒子起始偏转角度
粒子偏转角度变化幅度
粒子起始透明度
粒子透明度变化幅度
以上可能由Paniter指定

粒子的方向又有 AngleDirection PointDirection TargetDirection等,可以查询文档
下面来给出个例子 Demo

import QtQuick 2.7
import QtQuick.Particles 2.0

Rectangle {
    id:root;
    width:600;
    height:500;
    Image {
        source:"./images/bg.jpg"
        anchors.fill:parent;
        fillMode:Image.Stretch;
    }
    ParticleSystem {
        id:particlesystem;
    }

    Emitter {
        id:emmiter;
        anchors.fill:parent;
        system:particlesystem;
        emitRate:12;
        lifeSpan:3000;
        size:30;
        endSize:50;
    }

    ImageParticle {
        source:"./images/crab.png";
        rotation:10;
        rotationVariation:30;
        system:particlesystem;
        color:"red";
        colorVariation:0.5;
    }
}