从不同角度认识QML粒子系统Affector的子类型

2023-11-27 15:53:01

QML 粒子系统中的 Affector 子类型：Gravity、Collision、Force 和 Radius

在粒子系统中，Affector 扮演着至关重要的角色，赋予粒子各种各样的行为和视觉效果。本文深入探讨 QML 粒子系统中剩余的四个 Affector 子类型：Gravity、Collision、Force 和 Radius，帮助您充分利用这些工具，创造出引人入胜的动画。

Gravity

Gravity 子类型模拟重力对粒子的影响。通过设置 strength 属性，您可以调整重力强度。强度越大，粒子下落速度越快。

import QtQuick.Particles 2.12

ParticleSystem {
    ParticleSystemDefinition {
        Affector {
            Gravity {
                strength: -50
            }
        }
    }

    Emitter {
        ParticleGroup {
            Particle {
                lifetime: 500
                startColor: "#ffffff"
                endColor: "#000000"
            }
        }
    }
}

在这个示例中，您创建了一个粒子系统，其中重力强度为 -50。这将导致粒子向下加速下落。

Collision

Collision 子类型模拟粒子与边界碰撞时的行为。您可以通过指定 boundary 属性来定义边界，它可以是矩形、圆形或多边形。

import QtQuick.Particles 2.12

ParticleSystem {
    ParticleSystemDefinition {
        Affector {
            Collision {
                boundary: Rectangle {
                    width: 200
                    height: 200
                }
            }
        }
    }

    Emitter {
        ParticleGroup {
            Particle {
                lifetime: 500
                startColor: "#ffffff"
                endColor: "#000000"
            }
        }
    }
}

在此示例中，您创建了一个粒子系统，其中粒子只能在 200x200 矩形区域内运动。粒子碰到边界时会反弹。

Force

Force 子类型对粒子施加恒定力。通过设置 strength 属性，您可以调整力的大小。direction 属性指定力的方向。

import QtQuick.Particles 2.12

ParticleSystem {
    ParticleSystemDefinition {
        Affector {
            Force {
                strength: 50
                direction: 90
            }
        }
    }

    Emitter {
        ParticleGroup {
            Particle {
                lifetime: 500
                startColor: "#ffffff"
                endColor: "#000000"
            }
        }
    }
}

在此示例中，您创建了一个粒子系统，其中粒子受到向右的力。力的强度为 50，因此粒子将不断向右加速。

Radius

Radius 子类型改变粒子的半径。通过设置 strength 属性，您可以调整半径大小。strength 值越大，粒子半径越大。

import QtQuick.Particles 2.12

ParticleSystem {
    ParticleSystemDefinition {
        Affector {
            Radius {
                strength: 10
            }
        }
    }

    Emitter {
        ParticleGroup {
            Particle {
                lifetime: 500
                startColor: "#ffffff"
                endColor: "#000000"
            }
        }
    }
}