Qt Quick 3D - Particles 3D Testbed Example

 // Copyright (C) 2023 The Qt Company Ltd.
 // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

 pragma ComponentBehavior: Bound

 import QtQuick
 import QtQuick3D
 import QtQuick3D.Particles3D
 import QtQuick.Controls

 Item {
     id: mainView

     required property Loader loader

     readonly property real listItemWidth: 180
     readonly property real listItemHeight: 40
     // Enable this when only want to list the demos
     // Tweak the demos list as needed
     readonly property bool showOnlyDemos: false

     anchors.fill: parent

     ListModel {
         id: demosModel
         ListElement {
             name: "Snowing"
             file: "Snowing.qml"
         }
         ListElement {
             name: "Line Particles"
             file: "LineParticles.qml"
         }
         ListElement {
             name: "HeartTrail"
             file: "HeartTrail.qml"
         }
         ListElement {
             name: "Giant Ocean Spider"
             file: "OceanSpider.qml"
         }
         ListElement {
             name: "Qt Cube Burst"
             file: "QtLogoAnimation.qml"
         }
         ListElement {
             name: "Fire And Smoke"
             file: "Fire.qml"
         }
         ListElement {
             name: "Speedometer"
             file: "Speedometer.qml"
         }
         ListElement {
             name: "Sorting"
             file: "Sorting.qml"
         }
         ListElement {
             name: "Model-Blend Particles"
             file: "ModelBlendParticles.qml"
         }
         ListElement {
             name: "Lights"
             file: "Lights.qml"
         }
         ListElement {
             name: "Dynamic Bursts"
             file: "DynamicBursts.qml"
         }
     }

     ListModel {
         id: testsModel
         ListElement {
             name: "Colorful Particles"
             file: "ColorfulParticles.qml"
         }
         ListElement {
             name: "Emitter Shapes"
             file: "EmitterShapes.qml"
         }
         ListElement {
             name: "Emitter Custom Shapes"
             file: "EmitterCustomShapes.qml"
         }
         ListElement {
             name: "Attractor Shapes"
             file: "AttractorShapes.qml"
         }
         ListElement {
             name: "Fading In/Out"
             file: "FadingInOut.qml"
         }
         ListElement {
             name: "Emit And Burst"
             file: "EmitAndBurst.qml"
         }
         ListElement {
             name: "ParticleSystem"
             file: "SystemPlayPause.qml"
         }
         ListElement {
             name: "Aligned Particles"
             file: "AlignedParticles.qml"
         }
         ListElement {
             name: "TrailEmitter Burst"
             file: "TrailEmitterBurst.qml"
         }
         ListElement {
             name: "Animated Sprite"
             file: "AnimatedSprite.qml"
         }
         ListElement {
             name: "Model Shape"
             file: "ModelShape.qml"
         }
     }

     View3D {
         anchors.fill: parent

         environment: SceneEnvironment {
             clearColor: "#000000"
             backgroundMode: SceneEnvironment.Color
             antialiasingMode: AppSettings.antialiasingMode
             antialiasingQuality: AppSettings.antialiasingQuality
         }

         PerspectiveCamera {
             position: Qt.vector3d(0, 0, 600)
             clipFar: 2000
         }

         PointLight {
             id: pointLight
             position: Qt.vector3d(200, 200, 400)
             brightness: 50
             ambientColor: Qt.rgba(0.5, 0.3, 0.1, 1.0)
             SequentialAnimation {
                 loops: Animation.Infinite
                 running: true
                 NumberAnimation {
                     target: pointLight
                     property: "brightness"
                     to: 400
                     duration: 2000
                     easing.type: Easing.OutElastic
                 }
                 NumberAnimation {
                     target: pointLight
                     property: "brightness"
                     to: 50
                     duration: 6000
                     easing.type: Easing.InOutQuad
                 }
             }
         }

         // Qt Cube model
         Model {
             source: "#Cube"
             position: Qt.vector3d(-250, 150, 100)
             scale: Qt.vector3d(1.0, 1.0, 1.0)
             NumberAnimation on eulerRotation.y {
                 loops: Animation.Infinite
                 from: 0
                 to: 360
                 duration: 10000
             }
             NumberAnimation on eulerRotation.x {
                 loops: Animation.Infinite
                 from: 0
                 to: 360
                 duration: 6000
             }
             materials: PrincipledMaterial {
                 baseColorMap: Texture {
                     source: "images/qt_logo2.png"
                 }
                 normalMap: Texture {
                     source: "images/qt_logo2_n.png"
                 }
             }
         }

         ParticleSystem3D {
             id: psystem
             startTime: 10000
             SpriteParticle3D {
                 id: spriteParticle
                 sprite: Texture {
                     source: "images/dot.png"
                 }
                 maxAmount: 200
                 color: "#80ff7000"
                 colorVariation: Qt.vector4d(0.6, 0.2, 0.0, 0.4)
                 unifiedColorVariation: true
                 fadeInDuration: 1000
                 fadeOutDuration: 3000
             }
             ParticleEmitter3D {
                 particle: spriteParticle
                 emitRate: 20
                 lifeSpan: 10000
                 scale: Qt.vector3d(8, 8, 0)
                 shape: ParticleShape3D {
                     type: ParticleShape3D.Cube
                 }
                 particleScale: 2.4
                 particleScaleVariation: 1.8
                 particleEndScale: 0.2
                 velocity: TargetDirection3D {
                     magnitudeVariation: magnitude
                     positionVariation: Qt.vector3d(180, 180, 180)
                     SequentialAnimation on magnitude {
                         loops: Animation.Infinite
                         NumberAnimation {
                             to: 1.0
                             duration: 3000
                             easing.type: Easing.InOutQuad
                         }
                         NumberAnimation {
                             to: 0.1
                             duration: 5000
                             easing.type: Easing.InOutQuad
                         }
                     }
                 }
             }
         }
     }

     Component {
         id: listComponent
         Button {
             id: button
             required property string name
             required property string file

             width: mainView.listItemWidth
             height: mainView.listItemHeight
             background: Rectangle {
                 id: buttonBackground
                 border.width: 0.5
                 border.color: "#d0808080"
                 color: "#d0404040"
                 opacity: button.hovered ? 1.0 : 0.5
             }
             contentItem: Text {
                 anchors.centerIn: parent
                 color: "#f0f0f0"
                 font.pointSize: AppSettings.fontSizeSmall
                 text: button.name
             }

             onClicked: {
                 mainView.loader.source = button.file
             }
         }
     }

     Text {
         id: topLabel
         anchors.horizontalCenter: parent.horizontalCenter
         anchors.top: parent.top
         anchors.topMargin: 20
         text: qsTr("Qt Quick 3D - Particles3D")
         color: "#f0f0f0"
         font.pointSize: AppSettings.fontSizeLarge
     }

     Row {
         anchors.horizontalCenter: parent.horizontalCenter
         anchors.top: topLabel.bottom
         anchors.topMargin: 20
         spacing: 20
         ListView {
             id: demosListView
             width: mainView.listItemWidth
             height: count * mainView.listItemHeight
             model: demosModel
             delegate: listComponent
         }
         ListView {
             id: examplesListView
             visible: !mainView.showOnlyDemos
             width: mainView.listItemWidth
             height: count * mainView.listItemHeight
             model: testsModel
             delegate: listComponent
         }
     }
 }