Qt Quick 3D - Reflection Probes Example

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

 import QtQuick
 import QtQuick.Controls

 ScrollView {
     property int timeSlicingIndex: timeSlicingComboBox.currentIndex
     property int refreshModeIndex: refreshModeComboBox.currentIndex
     property int qualityIndex: qualityComboBox.currentIndex
     property vector3d probeSize: Qt.vector3d(probeSizeXSlider.value, probeSizeYSlider.value, probeSizeZSlider.value)
     property vector3d probePosition: Qt.vector3d(probePositionXSlider.value, probePositionYSlider.value, probePositionZSlider.value)
     property bool probeParallaxCorrection: parallaxCheckBox.checked
     property real sphereRoughness: materialRoughnessSlider.value
     property bool sphereReceivesReflection: sphereReceivesReflectionsCheckBox.checked
     property bool floorReceivesReflection: floorReceivesReflectionsCheckBox.checked
     property bool spriteParticlesEnabled: particleSystemSpriteCheckBox.checked
     property bool modelParticlesEnabled: particleSystemModelCheckBox.checked
     ScrollBar.vertical.policy: ScrollBar.AlwaysOn
     padding: 10
     background: Rectangle {
         color: "white"
     }

     Flickable {
         clip: true
         contentWidth: settingsArea.width
         contentHeight: settingsArea.height

         Column {
             id: settingsArea
             spacing: 5

             Text {
                 anchors.horizontalCenter: parent.horizontalCenter
                 text: "Reflection Map"
                 font.pixelSize: 14
             }

             Item { width: 1; height: 10 }

             Text {
                 text: "Time Slicing"
             }

             ComboBox {
                 id: timeSlicingComboBox
                 width: 200
                 model: [ "None", "All Faces At Once", "Individual Faces" ]
             }

             Text {
                 text: "Refresh Mode"
             }

             ComboBox {
                 id: refreshModeComboBox
                 width: 200
                 model: [ "Every Frame", "First Frame" ]
             }

             Text {
                 text: "Reflection Map Quality"
             }

             ComboBox {
                 id: qualityComboBox
                 width: 200
                 model: [ "Very Low", "Low", "Medium", "High", "Very High" ]
             }

             Item { width: 1; height: 10 }

             Text {
                 anchors.horizontalCenter: parent.horizontalCenter
                 text: "Floor Reflection Probe"
                 font.pixelSize: 14
             }

             Item { width: 1; height: 10 }

             CheckBox {
                 id: parallaxCheckBox
                 checked: true
                 text: qsTr("Parallax Correction")
             }

             Text {
                 text: "Box Size (" + probeSizeXSlider.value + ", " + probeSizeYSlider.value + ", " + probeSizeZSlider.value + ")"
             }

             Slider {
                 id: probeSizeXSlider
                 from: 0
                 value: 1000
                 to: 1000
                 stepSize: 1
             }

             Slider {
                 id: probeSizeYSlider
                 from: 0
                 value: 950
                 to: 1000
                 stepSize: 1
             }

             Slider {
                 id: probeSizeZSlider
                 from: 0
                 value: 650
                 to: 1000
                 stepSize: 1
             }

             Text {
                 text: "Position (" + probePositionXSlider.value + ", " + probePositionYSlider.value + ", " + probePositionZSlider.value + ")"
             }

             Slider {
                 id: probePositionXSlider
                 from: 0
                 value: 0
                 to: 500
                 stepSize: 1
             }

             Slider {
                 id: probePositionYSlider
                 from: 0
                 value: 0
                 to: 500
                 stepSize: 1
             }

             Slider {
                 id: probePositionZSlider
                 from: 0
                 value: 0
                 to: 500
                 stepSize: 1
             }

             Item { width: 1; height: 10 }

             Text {
                 anchors.horizontalCenter: parent.horizontalCenter
                 text: "Particles"
                 font.pixelSize: 14
             }

             CheckBox {
                 id: particleSystemSpriteCheckBox
                 checked: false
                 text: qsTr("Sprite Particles")
             }

             CheckBox {
                 id: particleSystemModelCheckBox
                 checked: false
                 text: qsTr("Model Particles")
             }

             Item { width: 1; height: 10 }

             Text {
                 anchors.horizontalCenter: parent.horizontalCenter
                 text: "Model"
                 font.pixelSize: 14
             }

             Item { width: 1; height: 10 }

             Text {
                 text: "Sphere Roughness : " + materialRoughnessSlider.value.toFixed(2);
             }

             Slider {
                 id: materialRoughnessSlider
                 from: 0
                 to: 1.0
                 value: 0.1
             }

             CheckBox {
                 id: sphereReceivesReflectionsCheckBox
                 checked: true
                 text: qsTr("Sphere receives reflections")
             }

             CheckBox {
                 id: floorReceivesReflectionsCheckBox
                 checked: true
                 text: qsTr("Floor receives reflections")
             }
         }
     }
 }