vibe out them edge reflections
This commit is contained in:
parent
78964344d2
commit
8845996c8c
3 changed files with 121 additions and 18 deletions
75
shell.qml
75
shell.qml
|
|
@ -24,7 +24,6 @@ ShellRoot {
|
|||
}
|
||||
|
||||
ColumnLayout {
|
||||
// anchors.fill: parent
|
||||
anchors {
|
||||
centerIn: parent
|
||||
}
|
||||
|
|
@ -58,12 +57,13 @@ ShellRoot {
|
|||
live: true
|
||||
}
|
||||
|
||||
FastBlur {
|
||||
GaussianBlur {
|
||||
id: backgroundBlur
|
||||
anchors.fill: parent
|
||||
source: blurredBackground
|
||||
radius: 16
|
||||
transparentBorder: true
|
||||
radius: 4
|
||||
samples: 4
|
||||
// transparentBorder: true
|
||||
}
|
||||
|
||||
// Liquid glass shader warp
|
||||
|
|
@ -75,38 +75,51 @@ ShellRoot {
|
|||
property real warpStrength: warpSlider.value
|
||||
property real flowSpeed: speedSlider.value
|
||||
property real scale: 3.0
|
||||
property real edgeReflectionStrength: edgeReflectionSlider.value
|
||||
property real edgeReflectionWidth: edgeWidthSlider.value
|
||||
property real cornerRadius: 0.1
|
||||
|
||||
property variant source: ShaderEffectSource {
|
||||
sourceItem: backgroundBlur
|
||||
sourceItem: backgroundBlur
|
||||
hideSource: false
|
||||
live: true
|
||||
}
|
||||
}
|
||||
|
||||
// Glass overlay
|
||||
// Subtle glass overlay
|
||||
Rectangle {
|
||||
anchors.fill: parent
|
||||
color: Qt.rgba(1,1,1, 0.05)
|
||||
border.width: 1
|
||||
border.color: Qt.rgba(1, 1, 1, 0.3)
|
||||
color: "transparent"
|
||||
radius: 20
|
||||
|
||||
// Subtle inner glow
|
||||
Rectangle {
|
||||
anchors.fill: parent
|
||||
anchors.margins: 1
|
||||
radius: parent.radius - 1
|
||||
color: "transparent"
|
||||
border.width: 1
|
||||
border.color: Qt.rgba(1, 1, 1, 0.05)
|
||||
}
|
||||
|
||||
border.width: 1
|
||||
border.color: Qt.rgba(1, 1, 1, 0.15)
|
||||
|
||||
Rectangle {
|
||||
anchors.top: parent.top
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
anchors.margins: 1
|
||||
height: parent.height * 0.3
|
||||
radius: parent.radius - 1
|
||||
gradient: Gradient {
|
||||
GradientStop {
|
||||
position: 0.0
|
||||
color: Qt.rgba(1, 1, 1, 0.1)
|
||||
}
|
||||
GradientStop {
|
||||
position: 0.3
|
||||
color: Qt.rgba(1, 1, 1, 0.05)
|
||||
color: Qt.rgba(1, 1, 1, 0.08)
|
||||
}
|
||||
GradientStop {
|
||||
position: 1.0
|
||||
color: Qt.rgba(0, 0, 0, 0.05)
|
||||
color: Qt.rgba(1, 1, 1, 0.0)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -161,6 +174,38 @@ ShellRoot {
|
|||
Layout.preferredHeight: 30
|
||||
}
|
||||
}
|
||||
|
||||
RowLayout {
|
||||
Text {
|
||||
text: "Edge Reflection:"
|
||||
}
|
||||
|
||||
Slider {
|
||||
id: edgeReflectionSlider
|
||||
from: 0
|
||||
to: 1
|
||||
value: 0.3
|
||||
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: 30
|
||||
}
|
||||
}
|
||||
|
||||
RowLayout {
|
||||
Text {
|
||||
text: "Edge Width:"
|
||||
}
|
||||
|
||||
Slider {
|
||||
id: edgeWidthSlider
|
||||
from: 0.01
|
||||
to: 0.2
|
||||
value: 0.1
|
||||
|
||||
Layout.fillWidth: true
|
||||
Layout.preferredHeight: 30
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue