Qt Quick 3D - Particles 3D Testbed Example | Qt Quick 3D 6.7.2
Description: Demonstrates how to use the Qt Quick 3D Particles3D module.

- Qt 6.7
- Qt Quick 3D
- Qt Quick 3D Examples and Tutorials
- Qt Quick 3D - Particles 3D Testbed Example
- Qt Quick 3D | Commercial or GPLv3

# 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 QtQuick.Controls
     import QtQuick3D.Particles3D

     Frame {
         id: root
         required property list<ParticleSystem3D> particleSystems
         readonly property bool loggingEnabled: AppSettings.showLoggingView
         property bool intervalInstant: false
         property real itemWidth: (width - loggingButton.width - intervalButton.width) / 7

         width: parent.width
         height: tableContent.height + 30

         Component.onCompleted: {
             for (const psystem of particleSystems)
                 psystem.logging = AppSettings.showLoggingView;
         }

         // Background
         background: Rectangle {
             color: "#80000000"
             visible: root.loggingEnabled
         }

         Button {
             id: loggingButton
             anchors.verticalCenter: parent.verticalCenter
             anchors.right: parent.right
             anchors.rightMargin: 10
             opacity: root.loggingEnabled ? 1.0 : 0.4
             icon.source: "qrc:/images/icon_logging.png"
             icon.width: 32
             icon.height: 32
             icon.color: "transparent"
             background: Rectangle {
                 color: "transparent"
             }
             onClicked: {
                 AppSettings.showLoggingView = !AppSettings.showLoggingView
                 for (const psystem of root.particleSystems) {
                     psystem.logging = AppSettings.showLoggingView;
                 }
             }
         }

         Button {
             id: intervalButton
             anchors.verticalCenter: parent.verticalCenter
             anchors.right: loggingButton.left
             anchors.rightMargin: 0
             visible: root.loggingEnabled
             opacity: root.intervalInstant ? 1.0 : 0.2
             icon.source: "qrc:/images/icon_interval.png"
             icon.width: 32
             icon.height: 32
             icon.color: "transparent"
             background: Rectangle {
                 color: "transparent"
             }
             onClicked: {
                 root.intervalInstant = !root.intervalInstant;
                 var interval = root.intervalInstant ? 0 : 1000;
                 for (const psystem of root.particleSystems)
                     psystem.loggingData.loggingInterval = interval;
             }
         }

         Component {
             id: systemComponent
             Row {
                 id: systemItem
                 required property ParticleSystem3D modelData
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: systemItem.modelData.seed
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: systemItem.modelData.loggingData.updates
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: systemItem.modelData.loggingData.particlesMax
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: systemItem.modelData.loggingData.particlesUsed
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: systemItem.modelData.loggingData.time.toFixed(4)
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: systemItem.modelData.loggingData.timeAverage.toFixed(4)
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: systemItem.modelData.loggingData.timeDeviation.toFixed(4)
                 }
             }
         }

         Column {
             id: tableContent
             width: parent.width
             anchors.verticalCenter: parent.verticalCenter
             visible: root.loggingEnabled
             Row {
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: qsTr("SEED")
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: qsTr("UPDATES")
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: qsTr("P. MAX")
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: qsTr("P. USED")
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: qsTr("TIME")
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: qsTr("TIME AVG.")
                 }
                 Text {
                     width: root.itemWidth
                     horizontalAlignment: Text.AlignHCenter
                     color: "#ffffff"
                     font.pointSize: AppSettings.fontSizeSmall
                     text: qsTr("TIME DEV.")
                 }
             }
             Repeater {
                 model: root.particleSystems
                 delegate: systemComponent
             }
         }
     }