Qt Quick 3D - Scene Effects Example

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

 import QtCore

 import QtQuick.Window
 import QtQuick.Controls
 import QtQuick.Layouts
 import QtQuick.Dialogs

 import QtQuick3D
 import QtQuick3D.Helpers
 import QtQuick3D.AssetUtils

 ApplicationWindow {
     id: rootWindow
     visible: true
     width: 1280
     height: 720

     property url importUrl

     header: ToolBar {
         id: pane
         RowLayout {
             id: controlsLayout
             Button {
                 id: importButton
                 text: "Import..."
                 onClicked: fileDialog.open()
             }
             Button {
                 id: resetModel
                 text: "ResetModel"
                 onClicked: view3D.resetModel()
             }
             Button {
                 id: resetButton
                 text: "Reset view"
                 onClicked: view3D.resetView()
             }
             Button {
                 id: visualizeButton
                 checkable: true
                 text: "Visualize bounds"
             }
             Button {
                 id: instancingButton
                 checkable: true
                 text: "Instancing"
             }
             Button {
                 id: gridButton
                 text: "Show grid"
                 checkable: true
                 checked: false
             }
             Button {
                 id: controllerButton
                 text: helper.orbitControllerEnabled ? "Orbit" : "WASD"
                 onClicked: helper.switchController(!helper.orbitControllerEnabled)
             }
             RowLayout {
                 Label {
                     text: "Material Override"
                 }
                 ComboBox {
                     id: materialOverrideComboBox
                     textRole: "text"
                     valueRole: "value"
                     implicitContentWidthPolicy: ComboBox.WidestText
                     onActivated: env.debugSettings.materialOverride = currentValue

                     Component.onCompleted: materialOverrideComboBox.currentIndex = materialOverrideComboBox.indexOfValue(env.debugSettings.materialOverride)

                     model: [
                         { value: DebugSettings.None, text: "None"},
                         { value: DebugSettings.BaseColor, text: "Base Color"},
                         { value: DebugSettings.Roughness, text: "Roughness"},
                         { value: DebugSettings.Metalness, text: "Metalness"},
                         { value: DebugSettings.Diffuse, text: "Diffuse"},
                         { value: DebugSettings.Specular, text: "Specular"},
                         { value: DebugSettings.ShadowOcclusion, text: "Shadow Occlusion"},
                         { value: DebugSettings.Emission, text: "Emission"},
                         { value: DebugSettings.AmbientOcclusion, text: "Ambient Occlusion"},
                         { value: DebugSettings.Normals, text: "Normals"},
                         { value: DebugSettings.Tangents, text: "Tangents"},
                         { value: DebugSettings.Binormals, text: "Binormals"},
                         { value: DebugSettings.F0, text: "F0"}
                     ]
                 }
             }
             CheckBox {
                 text: "Wireframe"
                 checked: env.debugSettings.wireframeEnabled
                 onCheckedChanged: {
                     env.debugSettings.wireframeEnabled = checked
                 }
             }
             CheckBox {
                 text: "Debug View"
                 checked: debugView.visible
                 onCheckedChanged: {
                     debugView.visible = checked
                 }
             }
         }
     }

     SplitView {
         anchors.fill: parent

         SettingsPage {
             id: settingsPage
             camera: view3D.camera as PerspectiveCamera
             sceneEnvironment: env
             SplitView.preferredWidth: 400
             SplitView.minimumWidth: 350
             SplitView.fillHeight: true
             lutTexture: lutSourceTexture
         }

         View3D {
             id: view3D
             SplitView.fillWidth: true
             SplitView.fillHeight: true
             environment: ExtendedSceneEnvironment {
                 id: env
                 backgroundMode: SceneEnvironment.SkyBox
                 lightProbe: Texture {
                     textureData: ProceduralSkyTextureData{}
                 }
                 InfiniteGrid {
                     visible: helper.gridEnabled
                     gridInterval: helper.gridInterval
                 }
                 skyboxBlurAmount: 0.1
                 exposure: 1.0
                 lensFlareBloomBias: 2.75
                 lensFlareApplyDirtTexture: true
                 lensFlareApplyStarburstTexture: true
                 lensFlareCameraDirection: view3D.camera.forward
                 lutTexture: lutSourceTexture

                 Texture {
                     id: lutSourceTexture
                     source: "qrc:/luts/identity.png"
                 }

                 fog: Fog {
                 }
             }

             camera: helper.orbitControllerEnabled ? orbitCamera : wasdCamera

             DirectionalLight {
                 eulerRotation.x: -35
                 eulerRotation.y: -90
                 castsShadow: true
             }

             Node {
                 id: orbitCameraNode
                 PerspectiveCamera {
                     id: orbitCamera
                 }
             }

             PerspectiveCamera {
                 id: wasdCamera
                 onPositionChanged: {
                     // Near/far logic copied from OrbitController
                     let distance = position.length()
                     if (distance < 1) {
                         clipNear = 0.01
                         clipFar = 100
                     } else if (distance < 100) {
                         clipNear = 0.1
                         clipFar = 1000
                     } else {
                         clipNear = 1
                         clipFar = 10000
                     }
                 }
             }

             function resetView() {
                 if (importNode.status !== RuntimeLoader.Error) {
                     helper.resetController()
                 }
             }

             function resetModel() {
                 importUrl = ""
                 helper.updateBounds(defaultModel.bounds)
                 resetView()
             }

             RandomInstancing {
                 id: instancing
                 instanceCount: 30
                 position: InstanceRange {
                     property alias boundsDiameter: helper.boundsDiameter
                     from: Qt.vector3d(-3*boundsDiameter, -3*boundsDiameter, -3*boundsDiameter);
                     to: Qt.vector3d(3*boundsDiameter, 3*boundsDiameter, 3*boundsDiameter)
                 }
                 color: InstanceRange { from: "black"; to: "white" }
             }

             QtObject {
                 id: helper
                 property real boundsDiameter: 0
                 property vector3d boundsCenter
                 property vector3d boundsSize
                 property bool orbitControllerEnabled: true
                 property bool gridEnabled: gridButton.checked
                 property real cameraDistance: orbitControllerEnabled ? orbitCamera.z : wasdCamera.position.length()
                 property real gridInterval: Math.pow(10, Math.round(Math.log10(cameraDistance)) - 1)

                 function updateBounds(bounds) {
                     boundsSize = Qt.vector3d(bounds.maximum.x - bounds.minimum.x,
                                              bounds.maximum.y - bounds.minimum.y,
                                              bounds.maximum.z - bounds.minimum.z)
                     boundsDiameter = Math.max(boundsSize.x, boundsSize.y, boundsSize.z)
                     boundsCenter = Qt.vector3d((bounds.maximum.x + bounds.minimum.x) / 2,
                                                (bounds.maximum.y + bounds.minimum.y) / 2,
                                                (bounds.maximum.z + bounds.minimum.z) / 2 )

                     wasdController.speed = boundsDiameter / 1000.0
                     wasdController.shiftSpeed = 3 * wasdController.speed
                     wasdCamera.clipNear = boundsDiameter / 100
                     wasdCamera.clipFar = boundsDiameter * 10
                     view3D.resetView()
                 }

                 function resetController() {
                     orbitCameraNode.eulerRotation = Qt.vector3d(-5, 0, 0)
                     orbitCameraNode.position = boundsCenter
                     orbitCamera.position = Qt.vector3d(0, 0, 2 * helper.boundsDiameter)
                     orbitCamera.eulerRotation = Qt.vector3d(0, 0, 0)
                     orbitControllerEnabled = true
                 }

                 function switchController(useOrbitController) {
                     if (useOrbitController) {
                         let wasdOffset = wasdCamera.position.minus(boundsCenter)
                         let wasdDistance = wasdOffset.length()
                         let wasdDistanceInPlane = Qt.vector3d(wasdOffset.x, 0, wasdOffset.z).length()
                         let yAngle = Math.atan2(wasdOffset.x, wasdOffset.z) * 180 / Math.PI
                         let xAngle = -Math.atan2(wasdOffset.y, wasdDistanceInPlane) * 180 / Math.PI

                         orbitCameraNode.position = boundsCenter
                         orbitCameraNode.eulerRotation = Qt.vector3d(xAngle, yAngle, 0)
                         orbitCamera.position = Qt.vector3d(0, 0, wasdDistance)

                         orbitCamera.eulerRotation = Qt.vector3d(0, 0, 0)
                     } else {
                         wasdCamera.position = orbitCamera.scenePosition
                         wasdCamera.rotation = orbitCamera.sceneRotation
                         wasdController.focus = true
                     }
                     orbitControllerEnabled = useOrbitController
                 }
             }

             RuntimeLoader {
                 id: importNode
                 source: rootWindow.importUrl
                 instancing: instancingButton.checked ? instancing : null
                 onBoundsChanged: helper.updateBounds(bounds)
             }

             Model {
                 id: defaultModel
                 source: "#Sphere"
                 visible: importNode.status === RuntimeLoader.Empty
                 instancing: instancingButton.checked ? instancing : null
                 onBoundsChanged: helper.updateBounds(bounds)
                 materials: PrincipledMaterial {
                     baseColor: "green"
                 }

                 scale: Qt.vector3d(helper.boundsSize.x / 100,
                                    helper.boundsSize.y / 100,
                                    helper.boundsSize.z / 100)
             }

             Model {
                 parent: importNode
                 source: "#Cube"
                 materials: PrincipledMaterial {
                     baseColor: "red"
                 }
                 opacity: 0.2
                 visible: visualizeButton.checked && importNode.status !== RuntimeLoader.Error
             }

             Rectangle {
                 id: messageBox
                 visible: importNode.status === RuntimeLoader.Error
                 color: "red"
                 width: parent.width * 0.8
                 height: parent.height * 0.8
                 anchors.centerIn: parent
                 radius: Math.min(width, height) / 10
                 opacity: 0.6
                 Text {
                     anchors.fill: parent
                     font.pixelSize: 36
                     text: "Status: " + importNode.errorString + "\nPress \"Import...\" to import a model"
                     color: "white"
                     wrapMode: Text.Wrap
                     horizontalAlignment: Text.AlignHCenter
                     verticalAlignment: Text.AlignVCenter
                 }
             }

             OrbitCameraController {
                 id: orbitController
                 origin: orbitCameraNode
                 anchors.fill: parent
                 camera: orbitCamera
                 enabled: helper.orbitControllerEnabled
             }
             WasdController {
                 id: wasdController
                 anchors.fill: parent
                 controlledObject: wasdCamera
                 enabled: !helper.orbitControllerEnabled
             }
             DebugView {
                 id: debugView
                 anchors.top: parent.top
                 anchors.right: parent.right
                 source: view3D
                 visible: false
             }
         }
     }

     FileDialog {
         id: fileDialog
         nameFilters: ["glTF files (*.gltf *.glb)", "All files (*)"]
         onAccepted: importUrl = selectedFile
         Settings {
             id: fileDialogSettings
             category: "QtQuick3D.Examples.RuntimeLoader"
             property alias currentFolder: fileDialog.currentFolder
         }
     }
 }