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
        }
    }
}