Qt Quick Exemples de particules - Particules d'image

Il s'agit d'une collection de petits exemples QML relatifs à l'utilisation des Affectors dans le système de particules. Chaque exemple est un petit fichier QML mettant l'accent sur un type ou une caractéristique particulière.

All at once (Tout à la fois) montre plusieurs des caractéristiques de ImageParticle en même temps.

sprites: [
    Sprite {
        name: "bear"
        source: "images/bear_tiles.png"
        frameCount: 13
        frameDuration: 120
    }
]
colorVariation: 0.5
rotationVelocityVariation: 360
colorTable: "images/colortable.png"

Colored montre un simple ImageParticle avec quelques variations de couleur.

ImageParticle {
    anchors.fill: parent
    source: "qrc:///particleresources/star.png"
    alpha: 0
    alphaVariation: 0.2
    colorVariation: 1.0
}

Color Table définit la couleur sur la durée de vie des particules pour fournir un effet arc-en-ciel fixe.

source: "qrc:///particleresources/glowdot.png"
colorTable: "images/colortable.png"
sizeTable: "images/colortable.png"

Déformation fait tourner et écrase une particule d'étoile de mer.

ImageParticle {
    system: sys
    groups: ["goingLeft", "goingRight"]
    source: "images/starfish_4.png"
    rotation: 90
    rotationVelocity: 90
    autoRotation: true
}
ImageParticle {
    system: sys
    groups: ["goingDown"]
    source: "images/starfish_0.png"
    rotation: 180
    yVector: PointDirection { y: 0.5; yVariation: 0.25; xVariation: 0.25; }
}

Rotation démontre la propriété autoRotate, de sorte que les particules tournent dans la direction dans laquelle elles se déplacent.

Sharing montre ce qui se passe lorsque plusieurs ImageParticles tentent de rendre la même particule. L'image suivante ImageParticle rend les particules à l'intérieur de l'image ListView:

ImageParticle {
    anchors.fill: parent
    system: particles
    source: "images/flower.png"
    alpha: 0.1
    color: "white"
    rotationVariation: 180
    z: -1
}

L'image suivante ImageParticle est placée à l'intérieur de la liste en surbrillance et rend les particules au-dessus de l'autre ImageParticle.

ImageParticle {
    anchors.fill: parent
    system: particles
    source: "images/flower.png"
    color: "red"
    clip: true
    alpha: 1.0
}

Notez que parce qu'il définit la couleur et l'alpha dans ce ImageParticle, il rend les particules dans une couleur différente. Comme il ne spécifie rien à propos de la rotation, il partage la rotation avec l'autre ImageParticle de sorte que les fleurs sont tournées de la même manière dans les deux. Notez que vous pouvez annuler la rotation dans une autre ImageParticle, il vous suffit de définir explicitement rotationVariation à 0.

Sprites démontre l'utilisation d'une particule image pour rendre des sprites animés au lieu d'images statiques pour chaque particule.

Exemple de projet @ code.qt.io