261 lines
8.2 KiB
QML
261 lines
8.2 KiB
QML
// 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 {
|
|
caption: qsTr("Fog")
|
|
width: parent.width
|
|
|
|
SectionLayout {
|
|
PropertyLabel {
|
|
text: qsTr("Enabled")
|
|
tooltip: qsTr("Controls whether fog is applied to the scene")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
CheckBox {
|
|
text: backendValues.enabled.valueToString
|
|
backendValue: backendValues.enabled
|
|
implicitWidth: StudioTheme.Values.twoControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
|
|
PropertyLabel {
|
|
visible: baseSectionLayout.isColorMode
|
|
text: qsTr("Color")
|
|
tooltip: qsTr("The color of the fog")
|
|
}
|
|
|
|
ColorEditor {
|
|
backendValue: backendValues.color
|
|
supportGradient: false
|
|
}
|
|
|
|
PropertyLabel {
|
|
text: qsTr("Density")
|
|
tooltip: qsTr("Controls the density of the fog")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
SpinBox {
|
|
minimumValue: 0
|
|
maximumValue: 1
|
|
decimals: 2
|
|
stepSize: 0.01
|
|
sliderIndicatorVisible: true
|
|
backendValue: backendValues.density
|
|
implicitWidth: StudioTheme.Values.singleControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
}
|
|
}
|
|
|
|
Section {
|
|
caption: qsTr("Depth")
|
|
width: parent.width
|
|
|
|
SectionLayout {
|
|
PropertyLabel {
|
|
text: qsTr("Enabled")
|
|
tooltip: qsTr("Controls if the fog appears in the distance")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
CheckBox {
|
|
text: backendValues.depthEnabled.valueToString
|
|
backendValue: backendValues.depthEnabled
|
|
implicitWidth: StudioTheme.Values.twoControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
|
|
PropertyLabel {
|
|
text: qsTr("Start Distance")
|
|
tooltip: qsTr("Starting distance from the camera")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
SpinBox {
|
|
minimumValue: 0
|
|
maximumValue: 9999999
|
|
decimals: 2
|
|
backendValue: backendValues.depthNear
|
|
implicitWidth: StudioTheme.Values.singleControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
|
|
PropertyLabel {
|
|
text: qsTr("End Distance")
|
|
tooltip: qsTr("Ending distance from the camera")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
SpinBox {
|
|
minimumValue: 0
|
|
maximumValue: 9999999
|
|
decimals: 2
|
|
backendValue: backendValues.depthFar
|
|
implicitWidth: StudioTheme.Values.singleControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
|
|
PropertyLabel {
|
|
text: qsTr("Intensity Curve")
|
|
tooltip: qsTr("Controls the intensity curve of depth fog")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
SpinBox {
|
|
minimumValue: 0
|
|
maximumValue: 9999999
|
|
decimals: 2
|
|
backendValue: backendValues.depthCurve
|
|
implicitWidth: StudioTheme.Values.singleControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
}
|
|
}
|
|
|
|
Section {
|
|
caption: qsTr("Height")
|
|
width: parent.width
|
|
|
|
SectionLayout {
|
|
PropertyLabel {
|
|
text: qsTr("Enabled")
|
|
tooltip: qsTr("Controls if height fog is enabled")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
CheckBox {
|
|
text: backendValues.heightEnabled.valueToString
|
|
backendValue: backendValues.heightEnabled
|
|
implicitWidth: StudioTheme.Values.twoControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
|
|
PropertyLabel {
|
|
text: qsTr("Least Intense Height")
|
|
tooltip: qsTr("Specifies the height where the fog is the least intense.")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
SpinBox {
|
|
minimumValue: -9999999
|
|
maximumValue: 9999999
|
|
decimals: 2
|
|
backendValue: backendValues.leastIntenseY
|
|
implicitWidth: StudioTheme.Values.singleControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
|
|
PropertyLabel {
|
|
text: qsTr("Most Intense Height")
|
|
tooltip: qsTr("Specifies the height where the fog is the most intense.")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
SpinBox {
|
|
minimumValue: -9999999
|
|
maximumValue: 9999999
|
|
decimals: 2
|
|
backendValue: backendValues.mostIntenseY
|
|
implicitWidth: StudioTheme.Values.singleControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
|
|
PropertyLabel {
|
|
text: qsTr("Intensity Curve")
|
|
tooltip: qsTr("Controls the intensity curve of height fog")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
SpinBox {
|
|
minimumValue: 0
|
|
maximumValue: 9999999
|
|
decimals: 2
|
|
backendValue: backendValues.heightCurve
|
|
implicitWidth: StudioTheme.Values.singleControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
}
|
|
}
|
|
|
|
Section {
|
|
caption: qsTr("Transmission")
|
|
width: parent.width
|
|
|
|
SectionLayout {
|
|
PropertyLabel {
|
|
text: qsTr("Enabled")
|
|
tooltip: qsTr("Controls if the fog has a light transmission effect enabled")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
CheckBox {
|
|
text: backendValues.transmitEnabled.valueToString
|
|
backendValue: backendValues.transmitEnabled
|
|
implicitWidth: StudioTheme.Values.twoControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
|
|
PropertyLabel {
|
|
text: qsTr("Intensity Curve")
|
|
tooltip: qsTr("Controls the intensity curve of the light transmission effect")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
SpinBox {
|
|
minimumValue: 0
|
|
maximumValue: 9999999
|
|
decimals: 2
|
|
backendValue: backendValues.transmitCurve
|
|
implicitWidth: StudioTheme.Values.singleControlColumnWidth
|
|
+ StudioTheme.Values.actionIndicatorWidth
|
|
}
|
|
|
|
ExpandingSpacer {}
|
|
}
|
|
}
|
|
}
|
|
}
|