Qt Quick Particles Beispiele – Bildpartikel

Dies ist eine Sammlung kleiner QML-Beispiele zur Verwendung von Affektoren im Partikelsystem. Jedes Beispiel ist eine kleine QML-Datei, die einen bestimmten Typ oder eine bestimmte Funktion hervorhebt.

„All at once“ demonstriert gleich mehrere Funktionen von „ ImageParticle “ gleichzeitig.

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

„Colored“ zeigt ein einfaches „ ImageParticle “ mit einigen Farbvariationen.

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

„Color Table“ legt die Farbe der Partikel über deren Lebensdauer hinweg fest, um einen konstanten Regenbogeneffekt zu erzeugen.

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

„Deformation“ dreht und verzerrt ein Seestern-Partikel.

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“ demonstriert die Eigenschaft „autoRotate“, sodass sich die Partikel in ihrer Bewegungsrichtung drehen.

„Sharing“ veranschaulicht, was passiert, wenn mehrere „ImageParticles“ versuchen, dasselbe Partikel darzustellen. Das folgende „ ImageParticle “ rendert die Partikel innerhalb des „ ListView “:

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

Das folgende „ ImageParticle “ befindet sich innerhalb der „list highlight“-Liste und rendert die Partikel über den anderen „ ImageParticle “.

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

Beachten Sie, dass die Partikel in einer anderen Farbe gerendert werden, da in diesem „ ImageParticle “ die Farbe und die Deckkraft festgelegt werden. Da keine Angaben zur Drehung gemacht werden, wird die Drehung mit dem anderen „ ImageParticle “ geteilt, sodass die Blumen in beiden Fällen auf dieselbe Weise gedreht werden. Beachten Sie, dass Sie die Drehung in einem anderen „ ImageParticle “ rückgängig machen können; dazu müssen Sie lediglich „rotationVariation“ explizit auf 0 setzen.

„Sprites“ veranschaulicht die Verwendung eines Bildpartikels, um animierte Sprites anstelle von statischen Bildern für jedes Partikel darzustellen.

Beispielprojekt @ code.qt.io