- Qt 6.5
- 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) 2021 The Qt Company Ltd.
     // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause

     import QtQuick
     import QtQuick3D.Particles3D
     import QtQuick.Controls

     Frame {
         property var particleSystems
         readonly property bool loggingEnabled: settings.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 = settings.showLoggingView;
         }

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

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

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

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

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