- Qt 6.4
- Qt Quick 3D
- Qt Quick 3D Examples and Tutorials
- Qt Quick 3D - Reflection Probes Example
- Qt Quick 3D | Commercial or GPLv3

# 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")
                 }
             }
         }
     }