Initial commit

2026-04-29 07:19:21 +03:00
commit 9a8cdfa08a
5964 changed files with 1194660 additions and 0 deletions
@@ -0,0 +1,112 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("Axis Helper")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Axis Lines")
+                tooltip: qsTr("Show colored axis indicator lines.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: qsTr("Enabled")
+                    backendValue: backendValues.enableAxisLines
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("XY Grid")
+                tooltip: qsTr("Show grid on XY plane.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: qsTr("Enabled")
+                    backendValue: backendValues.enableXYGrid
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("XZ Grid")
+                tooltip: qsTr("Show grid on XZ plane.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: qsTr("Enabled")
+                    backendValue: backendValues.enableXZGrid
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+
+            PropertyLabel {
+                text: qsTr("YZ Grid")
+                tooltip: qsTr("Show grid on YZ plane.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: qsTr("Enabled")
+                    backendValue: backendValues.enableYZGrid
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Grid Opacity")
+                tooltip: qsTr("Sets the opacity of the visible grids.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 1
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.gridOpacity
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Grid Color")
+                tooltip: qsTr("Sets the color of the visible grids.")
+            }
+
+            ColorEditor {
+                backendValue: backendValues.gridColor
+                supportGradient: false
+            }
+        }
+    }
+}
@@ -0,0 +1,18 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    AxisHelperSection {
+        width: parent.width
+    }
+
+    NodeSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,50 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("Debug View")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Source View")
+                tooltip: qsTr("Sets the source View3D item to show render statistics for.")
+            }
+
+            SecondColumnLayout {
+                ItemFilterComboBox {
+                    typeFilter: "QtQuick3D.View3D"
+                    backendValue: backendValues.source
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Detailed Mode")
+                tooltip: qsTr("Enables detailed mode, which shows more detailed resource usage statistics.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: backendValues.resourceDetailsVisible.valueToString
+                    backendValue: backendValues.resourceDetailsVisible
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+}
@@ -0,0 +1,14 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    DebugViewSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,14 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    ExtendedSceneEnvironmentSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,92 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("Grid Geometry")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Horizontal Lines")
+                tooltip: qsTr("Sets the number of horizontal lines in the grid.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 0
+                    backendValue: backendValues.horizontalLines
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Vertical Lines")
+                tooltip: qsTr("Sets the number of vertical lines in the grid.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 0
+                    backendValue: backendValues.verticalLines
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Horizontal Step")
+                tooltip: qsTr("Sets the space between horizontal lines.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.horizontalStep
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Vertical Step")
+                tooltip: qsTr("Sets the space between vertical lines.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.verticalStep
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+}
@@ -0,0 +1,14 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    GridGeometrySection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,122 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("Height Field Geometry")
+
+        ColumnLayout {
+            spacing: StudioTheme.Values.transform3DSectionSpacing
+
+            SectionLayout {
+                PropertyLabel {
+                    text: qsTr("Extents")
+                    tooltip: qsTr("Sets the dimensions of a box contain the geometry.")
+                }
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.extents_x
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "X"
+                        color: StudioTheme.Values.theme3DAxisXColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.extents_y
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Y"
+                        color: StudioTheme.Values.theme3DAxisYColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.extents_z
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Z"
+                        color: StudioTheme.Values.theme3DAxisZColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+            }
+
+            SectionLayout {
+                PropertyLabel {
+                    text: qsTr("Source")
+                    tooltip: qsTr("Sets the location of an image file containing the heightmap data.")
+                }
+
+                SecondColumnLayout {
+                    UrlChooser {
+                        backendValue: backendValues.source
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {
+                    text: qsTr("Smooth Shading")
+                    tooltip: qsTr("Sets whether the height map is shown with smooth shading or with hard angles between the squares of the map.")
+                }
+
+                SecondColumnLayout {
+                    CheckBox {
+                        text: backendValues.smoothShading.valueToString
+                        backendValue: backendValues.smoothShading
+                        implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    ExpandingSpacer {}
+                }
+            }
+        }
+    }
+}
@@ -0,0 +1,14 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    HeightFieldGeometrySection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,61 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("Infinite Grid")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Visible")
+                tooltip: qsTr("Sets whether the infinite grid is visible.")
+            }
+
+            CheckBox {
+                text: backendValues.visible.valueToString
+                backendValue: backendValues.visible
+                implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                + StudioTheme.Values.actionIndicatorWidth
+            }
+
+            PropertyLabel {
+                text: qsTr("Axis Lines")
+                tooltip: qsTr("Sets whether the axis lines are visible.")
+            }
+
+            CheckBox {
+                text: backendValues.gridAxes ? qsTr("On") : qsTr("Off")
+                backendValue: backendValues.gridAxes
+                implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                + StudioTheme.Values.actionIndicatorWidth
+            }
+
+            PropertyLabel {
+                text: qsTr("Grid Interval")
+                tooltip: qsTr("Sets the distance between grid lines.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 9999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.gridInterval
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+}
@@ -0,0 +1,14 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    InfiniteGridSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,30 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Section {
+    caption: qsTr("Instance Model")
+    width: parent.width
+
+    SectionLayout {
+        PropertyLabel {
+            text: qsTr("Instancing Table")
+            tooltip: qsTr("Sets the underlying instance table of the model.")
+        }
+
+        SecondColumnLayout {
+            ItemFilterComboBox {
+                typeFilter: "QtQuick3D.Instancing"
+                backendValue: backendValues.instancingTable
+                implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                               + StudioTheme.Values.actionIndicatorWidth
+            }
+
+            ExpandingSpacer {}
+        }
+    }
+}
@@ -0,0 +1,14 @@
+// Copyright (C) 2021 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    InstanceModelSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,30 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Section {
+    caption: qsTr("Instance Repeater")
+    width: parent.width
+
+    SectionLayout {
+        PropertyLabel {
+            text: qsTr("Instancing Table")
+            tooltip: qsTr("Sets the instance table used by the repeater.")
+        }
+
+        SecondColumnLayout {
+            ItemFilterComboBox {
+                typeFilter: "QtQuick3D.Instancing"
+                backendValue: backendValues.instancingTable
+                implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                               + StudioTheme.Values.actionIndicatorWidth
+            }
+
+            ExpandingSpacer {}
+        }
+    }
+}
@@ -0,0 +1,22 @@
+// Copyright (C) 2021 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    InstanceRepeaterSection {
+        width: parent.width
+    }
+
+    Repeater3DSection {
+        width: parent.width
+    }
+
+    NodeSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,80 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Section {
+    caption: qsTr("Lod Manager")
+    width: parent.width
+
+    SectionLayout {
+        PropertyLabel {
+            text: qsTr("Camera")
+            tooltip: qsTr("Specifies the camera from which the distance to the child nodes is calculated.")
+        }
+
+        SecondColumnLayout {
+            ItemFilterComboBox {
+                typeFilter: "QtQuick3D.Camera"
+                backendValue: backendValues.camera
+                implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                + StudioTheme.Values.actionIndicatorWidth
+            }
+
+            ExpandingSpacer {}
+        }
+
+        PropertyLabel {
+            text: qsTr("Fade Distance")
+            tooltip: qsTr("Specifies the distance at which the cross-fade between the detail levels starts.")
+        }
+
+        SecondColumnLayout {
+            SpinBox {
+                minimumValue: 0
+                maximumValue: 999999
+                decimals: 2
+                stepSize: 0.1
+                backendValue: backendValues.fadeDistance
+                implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                + StudioTheme.Values.actionIndicatorWidth
+            }
+
+            ExpandingSpacer {}
+        }
+
+        PropertyLabel {
+            text: qsTr("Distances")
+            tooltip: qsTr("Specifies the thresholds when the detail level changes. The first number is the distance when the first node changes to the second one, etc.")
+        }
+
+        SecondColumnLayout {
+
+            ActionIndicator {
+                    icon.color: extFuncLogic.color
+                    icon.text: extFuncLogic.glyph
+                    onClicked: extFuncLogic.show()
+                    forceVisible: extFuncLogic.menuVisible
+                ExtendedFunctionLogic {
+                    id: extFuncLogic
+                    backendValue: backendValues.distances
+                }
+            }
+
+            // Placeholder until we can do list of value types: QDS-9090
+            Label {
+                text: qsTr("Currently only editable in QML.")
+                Layout.fillWidth: true
+                Layout.preferredWidth: StudioTheme.Values.singleControlColumnWidth
+                Layout.minimumWidth: StudioTheme.Values.singleControlColumnWidth
+                Layout.maximumWidth: StudioTheme.Values.singleControlColumnWidth
+            }
+
+            ExpandingSpacer {}
+        }
+
+    }
+}
@@ -0,0 +1,18 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    LodManagerSection {
+        width: parent.width
+    }
+
+    NodeSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,34 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("Look-at Node")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Target Node")
+                tooltip: qsTr("Sets the target node to look at.")
+            }
+
+            SecondColumnLayout {
+                ItemFilterComboBox {
+                    typeFilter: "QtQuick3D.Node"
+                    backendValue: backendValues.target
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+}
@@ -0,0 +1,18 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    LookAtNodeSection {
+        width: parent.width
+    }
+
+    NodeSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,350 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("Visibility")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Visibility")
+                tooltip: qsTr("Sets the local visibility of the node.")
+            }
+
+            SecondColumnLayout {
+                // ### should be a slider
+                CheckBox {
+                    text: qsTr("Visible")
+                    backendValue: backendValues.visible
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Opacity")
+                tooltip: qsTr("Sets the local opacity value of the node.")
+            }
+
+            SecondColumnLayout {
+                // ### should be a slider
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 1
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.opacity
+                    sliderIndicatorVisible: true
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+
+    Section {
+        id: transformSection
+        width: parent.width
+        caption: qsTr("Transform")
+
+        ColumnLayout {
+            spacing: StudioTheme.Values.transform3DSectionSpacing
+
+            SectionLayout {
+                PropertyLabel {
+                    text: qsTr("Translation")
+                    tooltip: qsTr("Sets the translation of the node.")
+                }
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.x
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "X"
+                        color: StudioTheme.Values.theme3DAxisXColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.y
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Y"
+                        color: StudioTheme.Values.theme3DAxisYColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.z
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Z"
+                        color: StudioTheme.Values.theme3DAxisZColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+            }
+
+            SectionLayout {
+                PropertyLabel {
+                    text: qsTr("Rotation")
+                    tooltip: qsTr("Sets the rotation of the node in degrees.")
+                }
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.eulerRotation_x
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "X"
+                        color: StudioTheme.Values.theme3DAxisXColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.eulerRotation_y
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Y"
+                        color: StudioTheme.Values.theme3DAxisYColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.eulerRotation_z
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Z"
+                        color: StudioTheme.Values.theme3DAxisZColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+            }
+
+            SectionLayout {
+                PropertyLabel {
+                    text: qsTr("Scale")
+                    tooltip: qsTr("Sets the scale of the node.")
+                }
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.scale_x
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "X"
+                        color: StudioTheme.Values.theme3DAxisXColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.scale_y
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Y"
+                        color: StudioTheme.Values.theme3DAxisYColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.scale_z
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Z"
+                        color: StudioTheme.Values.theme3DAxisZColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+            }
+
+            SectionLayout {
+                PropertyLabel {
+                    text: qsTr("Pivot")
+                    tooltip: qsTr("Sets the pivot of the node.")
+                }
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.pivot_x
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "X"
+                        color: StudioTheme.Values.theme3DAxisXColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.pivot_y
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Y"
+                        color: StudioTheme.Values.theme3DAxisYColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+
+                PropertyLabel {}
+
+                SecondColumnLayout {
+                    SpinBox {
+                        minimumValue: -9999999
+                        maximumValue: 9999999
+                        decimals: 2
+                        backendValue: backendValues.pivot_z
+                        implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                       + StudioTheme.Values.actionIndicatorWidth
+                    }
+
+                    Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+                    ControlLabel {
+                        text: "Z"
+                        color: StudioTheme.Values.theme3DAxisZColor
+                    }
+
+                    ExpandingSpacer {}
+                }
+            }
+        }
+    }
+}
@@ -0,0 +1,162 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("Orbit Camera Controller")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Origin")
+                tooltip: qsTr("The node that the camera will orbit around.")
+            }
+
+            SecondColumnLayout {
+                ItemFilterComboBox {
+                    typeFilter: "QtQuick3D.Node"
+                    backendValue: backendValues.origin
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Camera")
+                tooltip: qsTr("The camera that will be controlled.")
+            }
+
+            SecondColumnLayout {
+                ItemFilterComboBox {
+                    typeFilter: "QtQuick3D.Camera"
+                    backendValue: backendValues.camera
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Mouse/Touch")
+                tooltip: qsTr("Enables interaction via mouse and touch.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    id: mouseEnabledCheckBox
+                    text: backendValues.mouseEnabled.valueToString
+                    backendValue: backendValues.mouseEnabled
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                visible: mouseEnabledCheckBox.checked
+                text: qsTr("Pan Controls")
+                tooltip: qsTr("Enables panning gestures.")
+            }
+
+            SecondColumnLayout {
+                visible: mouseEnabledCheckBox.checked
+                CheckBox {
+                    text: backendValues.panEnabled.valueToString
+                    backendValue: backendValues.panEnabled
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                visible: mouseEnabledCheckBox.checked
+                text: qsTr("Invert X")
+                tooltip: qsTr("Enables inverting X-axis controls.")
+            }
+
+            SecondColumnLayout {
+                visible: mouseEnabledCheckBox.checked
+                CheckBox {
+                    text: backendValues.xInvert.valueToString
+                    backendValue: backendValues.xInvert
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                visible: mouseEnabledCheckBox.checked
+                text: qsTr("X Speed")
+                tooltip: qsTr("The speed of the X-axis controls.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.xSpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                visible: mouseEnabledCheckBox.checked
+                text: qsTr("Invert Y")
+                tooltip: qsTr("Enables inverting Y-axis controls.")
+            }
+
+            SecondColumnLayout {
+                visible: mouseEnabledCheckBox.checked
+                CheckBox {
+                    text: backendValues.yInvert.valueToString
+                    backendValue: backendValues.yInvert
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                visible: mouseEnabledCheckBox.checked
+                text: qsTr("Y Speed")
+                tooltip: qsTr("The speed of the Y-axis controls.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.ySpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+        }
+    }
+}
@@ -0,0 +1,14 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    OrbitCameraControllerSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,307 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("Procedural Sky Texture Data")
+
+        SectionLayout {
+
+            PropertyLabel {
+                text: qsTr("Quality")
+                tooltip: qsTr("This property sets the size of the texture. The higher the quality, the more memory is used.")
+            }
+
+            SecondColumnLayout {
+                ComboBox {
+                    scope: "ProceduralSkyTextureData"
+                    model: ["SkyTextureQualityLow", "SkyTextureQualityMedium", "SkyTextureQualityHigh", "SkyTextureQualityVeryHigh"]
+                    backendValue: backendValues.textureQuality
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+
+    Section {
+        width: parent.width
+        caption: qsTr("Sky")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Top Color")
+                tooltip: qsTr("Specifies the sky color at the top of the skybox.")
+            }
+
+            ColorEditor {
+                backendValue: backendValues.skyTopColor
+                supportGradient: false
+            }
+
+            PropertyLabel {
+                text: qsTr("Horizon Color")
+                tooltip: qsTr("Specifies the sky color at the horizon.")
+            }
+
+            ColorEditor {
+                backendValue: backendValues.skyHorizonColor
+                supportGradient: false
+            }
+
+            PropertyLabel {
+                text: qsTr("Energy")
+                tooltip: qsTr("Specifies the HDR color intensity of the top half of the skybox.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 64
+                    decimals: 3
+                    stepSize: 0.01
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.skyEnergy
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Curve")
+                tooltip: qsTr("Modifies the curve (n^x) of the sky gradient from the horizon to the top.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 64
+                    decimals: 3
+                    stepSize: 0.01
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.skyCurve
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+
+    Section {
+        width: parent.width
+        caption: qsTr("Ground")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Bottom Color")
+                tooltip: qsTr("Specifies the ground color at the bottom of the skybox.")
+            }
+
+            ColorEditor {
+                backendValue: backendValues.groundBottomColor
+                supportGradient: false
+            }
+
+            PropertyLabel {
+                text: qsTr("Horizon Color")
+                tooltip: qsTr("Specifies the ground color at the horizon.")
+            }
+
+            ColorEditor {
+                backendValue: backendValues.groundHorizonColor
+                supportGradient: false
+            }
+
+            PropertyLabel {
+                text: qsTr("Energy")
+                tooltip: qsTr("Specifies the HDR color intensity of the bottom half of the skybox.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 64
+                    decimals: 3
+                    stepSize: 0.01
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.groundEnergy
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Curve")
+                tooltip: qsTr("Modifies the curve (n^x) of the ground gradient from the horizon to the bottom.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 64
+                    decimals: 3
+                    stepSize: 0.01
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.groundCurve
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+
+    Section {
+        width: parent.width
+        caption: qsTr("Sun")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Color")
+                tooltip: qsTr("Specifies the color at the sun on the skybox.")
+            }
+
+            ColorEditor {
+                backendValue: backendValues.sunColor
+                supportGradient: false
+            }
+
+            PropertyLabel {
+                text: qsTr("Energy")
+                tooltip: qsTr("Specifies the HDR color intensity of sun on the skybox.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 64
+                    decimals: 3
+                    stepSize: 0.01
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.sunEnergy
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Fade Start")
+                tooltip: qsTr("Specifies the angle from the center of the sun to where it starts to fade.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 360
+                    decimals: 1
+                    stepSize: 0.1
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.sunAngleMin
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Fade End")
+                tooltip: qsTr("Specifies the angle from the center of the sun to where it fades out completely.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 360
+                    decimals: 1
+                    stepSize: 0.1
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.sunAngleMax
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Curve")
+                tooltip: qsTr("Modifies the curve (n^x) of the gradient from the sky color and the sun.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 64
+                    decimals: 3
+                    stepSize: 0.01
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.sunCurve
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Latitude")
+                tooltip: qsTr("Specifies the angle between the horizon and the sun position.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: -180
+                    maximumValue: 180
+                    decimals: 1
+                    stepSize: 0.1
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.sunLatitude
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Longitude")
+                tooltip: qsTr("Specifies the angle between the forward direction and the sun position.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 360
+                    decimals: 1
+                    stepSize: 0.1
+                    sliderIndicatorVisible: true
+                    backendValue: backendValues.sunLongitude
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+}
@@ -0,0 +1,14 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    ProceduralSkyTextureDataSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,48 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Section {
+    caption: qsTr("Repeater")
+    width: parent.width
+
+    SectionLayout {
+        PropertyLabel {
+            text: qsTr("Model")
+            tooltip: qsTr("The model providing data for the repeater. This can simply specify the number of delegate instances to create or it can be bound to an actual model.")
+        }
+
+        SecondColumnLayout {
+            LineEdit {
+                backendValue: backendValues.model
+                showTranslateCheckBox: false
+                writeAsExpression: true
+                implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                               + StudioTheme.Values.actionIndicatorWidth
+                width: implicitWidth
+            }
+
+            ExpandingSpacer {}
+        }
+
+        PropertyLabel {
+            text: qsTr("Delegate")
+            tooltip: qsTr("The delegate provides a template defining each object instantiated by the repeater.")
+        }
+
+        SecondColumnLayout {
+            ItemFilterComboBox {
+                typeFilter: "Component"
+                backendValue: backendValues.delegate
+                implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                               + StudioTheme.Values.actionIndicatorWidth
+            }
+
+            ExpandingSpacer {}
+        }
+    }
+}
@@ -0,0 +1,298 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+Column {
+    width: parent.width
+
+    Section {
+        width: parent.width
+        caption: qsTr("WASD Controller")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Controlled Node")
+                tooltip: qsTr("Sets the 3D node controlled by this controller.")
+            }
+
+            SecondColumnLayout {
+                ItemFilterComboBox {
+                    typeFilter: "QtQuick3D.Node"
+                    backendValue: backendValues.controlledObject
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Invert X")
+                tooltip: qsTr("Enables inverting X-axis controls.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: qsTr("Enabled")
+                    backendValue: backendValues.xInvert
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Invert Y")
+                tooltip: qsTr("Enables inverting Y-axis controls.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: qsTr("Enabled")
+                    backendValue: backendValues.yInvert
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Mouse Control")
+                tooltip: qsTr("Enables using mouse to control the target node.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: qsTr("Enabled")
+                    backendValue: backendValues.mouseEnabled
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Keyboard Control")
+                tooltip: qsTr("Enables using keyboard to control the target node.")
+            }
+
+            SecondColumnLayout {
+                CheckBox {
+                    text: qsTr("Enabled")
+                    backendValue: backendValues.keysEnabled
+                    implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            // TODO: acceptedButtons has no control as there is currently no support for a flags
+            // type of property control in QDS.
+        }
+    }
+
+    Section {
+        width: parent.width
+        caption: qsTr("Speeds")
+
+        SectionLayout {
+            PropertyLabel {
+                text: qsTr("Speed")
+                tooltip: qsTr("Sets the general navigation speed multiplier.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.speed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Shift Speed")
+                tooltip: qsTr("Sets the navigation speed multiplier when the Shift key is pressed.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.shiftSpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Forward Speed")
+                tooltip: qsTr("Sets the navigation speed when forward key is pressed.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.forwardSpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Back Speed")
+                tooltip: qsTr("Sets the navigation speed when back key is pressed.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.backSpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Right Speed")
+                tooltip: qsTr("Sets the navigation speed when right key is pressed.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.rightSpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Left Speed")
+                tooltip: qsTr("Sets the navigation speed when left key is pressed.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.leftSpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Up Speed")
+                tooltip: qsTr("Sets the navigation speed when up key is pressed.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.upSpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Down Speed")
+                tooltip: qsTr("Sets the navigation speed when down key is pressed.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.downSpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("X Speed")
+                tooltip: qsTr("Sets the navigation speed when mouse is moved along X-axis.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.xSpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+
+            PropertyLabel {
+                text: qsTr("Y Speed")
+                tooltip: qsTr("Sets the navigation speed when mouse is moved along Y-axis.")
+            }
+
+            SecondColumnLayout {
+                SpinBox {
+                    minimumValue: 0
+                    maximumValue: 999999
+                    decimals: 2
+                    stepSize: 0.1
+                    backendValue: backendValues.ySpeed
+                    implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                                   + StudioTheme.Values.actionIndicatorWidth
+                }
+
+                ExpandingSpacer {}
+            }
+        }
+    }
+}
@@ -0,0 +1,14 @@
+// Copyright (C) 2022 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+
+Column {
+    width: parent.width
+
+    WasdControllerSection {
+        width: parent.width
+    }
+}
@@ -0,0 +1,261 @@
+MetaInfo {
+    Type {
+        name: "QtQuick3D.Helpers.LookAtNode"
+        icon: "images/lookatnode16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: true
+        }
+
+        ItemLibraryEntry {
+            name: "Look-at Node"
+            category: "Helpers"
+            libraryIcon: "images/lookatnode.png"
+            version: "6.4"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.AxisHelper"
+        icon: "images/axishelper16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: true
+        }
+
+        ItemLibraryEntry {
+            name: "Axis Helper"
+            category: "Helpers"
+            libraryIcon: "images/axishelper.png"
+            version: "6.0"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.DebugView"
+        icon: "images/debugview16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: true
+            canBeDroppedInView3D: false
+        }
+
+        ItemLibraryEntry {
+            name: "Debug View"
+            category: "Helpers"
+            libraryIcon: "images/debugview.png"
+            version: "6.0"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.GridGeometry"
+        icon: "images/gridgeometry16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: true
+        }
+
+        ItemLibraryEntry {
+            name: "Grid Geometry"
+            category: "Helpers"
+            libraryIcon: "images/gridgeometry.png"
+            version: "6.0"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.HeightFieldGeometry"
+        icon: "images/heightfieldgeometry16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: true
+        }
+
+        ItemLibraryEntry {
+            name: "Height Field Geometry"
+            category: "Helpers"
+            libraryIcon: "images/heightfieldgeometry.png"
+            version: "6.4"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.InstanceModel"
+        icon: "images/instancemodel16.png"
+
+        Hints {
+            visibleInNavigator: false
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: false
+        }
+
+        ItemLibraryEntry {
+            name: "Instance Model"
+            category: "Helpers"
+            libraryIcon: "images/instancemodel.png"
+            version: "6.4"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.InstanceRepeater"
+        icon: "images/instancerepeater16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: true
+        }
+
+        ItemLibraryEntry {
+            name: "Instance Repeater"
+            category: "Helpers"
+            libraryIcon: "images/instancerepeater.png"
+            version: "6.4"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.WasdController"
+        icon: "images/wasdcontroller16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: true
+            canBeDroppedInView3D: false
+        }
+
+        ItemLibraryEntry {
+            name: "Wasd Controller"
+            category: "Helpers"
+            libraryIcon: "images/wasdcontroller.png"
+            version: "6.0"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.InfiniteGrid"
+        icon: "images/infinitegrid16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: false
+        }
+
+        ItemLibraryEntry {
+            name: "Infinite Grid"
+            category: "Helpers"
+            libraryIcon: "images/infinitegrid.png"
+            version: "6.5"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.OrbitCameraController"
+        icon: "images/orbitcameracontroller16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: true
+            canBeDroppedInView3D: false
+        }
+
+        ItemLibraryEntry {
+            name: "Orbit Camera Controller"
+            category: "Helpers"
+            libraryIcon: "images/orbitcameracontroller.png"
+            version: "6.4"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.ProceduralSkyTextureData"
+        icon: "images/proceduralskytexturedata16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: false
+        }
+
+        ItemLibraryEntry {
+            name: "Procedural Sky Texture Data"
+            category: "Helpers"
+            libraryIcon: "images/proceduralskytexturedata.png"
+            version: "6.4"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.ExtendedSceneEnvironment"
+        icon: "images/extendedsceneenvironment16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: false
+        }
+
+        ItemLibraryEntry {
+            name: "Extended Scene Environment"
+            category: "Helpers"
+            libraryIcon: "images/extendedsceneenvironment.png"
+            version: "6.5"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+
+    Type {
+        name: "QtQuick3D.Helpers.LodManager"
+        icon: "images/lodmanager16.png"
+
+        Hints {
+            visibleInNavigator: true
+            canBeDroppedInNavigator: true
+            canBeDroppedInFormEditor: false
+            canBeDroppedInView3D: true
+        }
+
+        ItemLibraryEntry {
+            name: "Lod Manager"
+            category: "Helpers"
+            libraryIcon: "images/lodmanager.png"
+            version: "6.5"
+            requiredImport: "QtQuick3D.Helpers"
+        }
+    }
+}