vibe out them edge reflections

This commit is contained in:
kossLAN 2025-06-10 13:12:50 -04:00
parent 78964344d2
commit 8845996c8c
Signed by: kossLAN
SSH key fingerprint: SHA256:bdV0x+wdQHGJ6LgmstH3KV8OpWY+OOFmJcPcB0wQPV8
3 changed files with 121 additions and 18 deletions

View file

@ -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
}
}
}
}
}