From 41ad28610a341429fa1366ce87ae061a003d1ce2 Mon Sep 17 00:00:00 2001
From: kossLAN <kosslan@kosslan.dev>
Date: Tue, 10 Jun 2025 13:52:54 -0400
Subject: [PATCH] needs some more work

---
 GlassSurface.qml              |  85 +++++++++++++++++++++
 shaders/liquid-glass.frag     |   8 +-
 shaders/liquid-glass.frag.qsb | Bin 5359 -> 5363 bytes
 shell.qml                     | 134 +++++++++++++++-------------------
 4 files changed, 146 insertions(+), 81 deletions(-)
 create mode 100644 GlassSurface.qml

diff --git a/GlassSurface.qml b/GlassSurface.qml
new file mode 100644
index 0000000..9eb9969
--- /dev/null
+++ b/GlassSurface.qml
@@ -0,0 +1,85 @@
+import QtQuick
+import Quickshell.Widgets
+import Qt5Compat.GraphicalEffects
+
+ClippingRectangle {
+    id: root
+    color: "transparent"
+    border.width: 1
+    border.color: Qt.rgba(1, 1, 1, 0.1)
+
+    property var source
+    property real time: 0.5
+    property real strength: 0.3
+    property real speed: 0.25
+    property real scale: 3.0
+    property real edgeReflectionStrength: 0.2
+    property real edgeReflectionWidth: 0
+
+    // Blur
+    ShaderEffectSource {
+        id: blurredBackground
+        anchors.fill: parent
+        sourceItem: root.source
+        sourceRect: Qt.rect(root.x, root.y, root.width, root.height)
+        hideSource: false
+        live: true
+    }
+
+    FastBlur {
+        id: backgroundBlur
+        anchors.fill: parent
+        source: blurredBackground
+        radius: 16
+        transparentBorder: true
+    }
+
+    // Liquid glass shader warp
+    ShaderEffect {
+        anchors.fill: parent
+        fragmentShader: "root:shaders/liquid-glass.frag.qsb"
+
+        property real time: root.time
+        property real flowSpeed: root.speed
+        property real warpStrength: root.strength
+        property real scale: root.scale
+        property real edgeReflectionStrength: root.edgeReflectionStrength
+        property real edgeReflectionWidth: root.edgeReflectionWidth
+
+        property variant source: ShaderEffectSource {
+            sourceItem: backgroundBlur
+            hideSource: false
+            live: true
+        }
+    }
+
+    // Subtle glass overlay
+    Rectangle {
+        anchors.fill: parent
+        color: "transparent"
+
+        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.08)
+                }
+                GradientStop {
+                    position: 0.5
+                    color: Qt.rgba(1, 1, 1, 0.0)
+                }
+                GradientStop {
+                    position: 1.0
+                    color: Qt.rgba(1, 1, 1, 0.0)
+                }
+            }
+        }
+    }
+}
diff --git a/shaders/liquid-glass.frag b/shaders/liquid-glass.frag
index 36d746f..45855d7 100644
--- a/shaders/liquid-glass.frag
+++ b/shaders/liquid-glass.frag
@@ -63,7 +63,7 @@ void main() {
 
     vec4 glassColor = vec4(r, g, b, 1.0);
 
-    // Simple edge reflection - back to what worked
+    // Simple edge reflection 
     float edgeWidth = ubuf.edgeReflectionWidth;
 
     // Calculate distance from edges
@@ -84,16 +84,16 @@ void main() {
         // Simple reflection logic
         if (minDistToEdge == distFromLeft) {
             // Left edge - flip horizontally
-            reflectionUV.x = 1.0 - distortedUV.x;
+            reflectionUV.x = 0.5 - distortedUV.x;
         } else if (minDistToEdge == distFromRight) {
             // Right edge - keep as is but sample from further right
             reflectionUV.x = distortedUV.x + 0.1;
         } else if (minDistToEdge == distFromTop) {
             // Top edge - flip vertically
-            reflectionUV.y = 1.0 - distortedUV.y;
+            reflectionUV.y = 0.5 - distortedUV.y;
         } else {
             // Bottom edge - flip vertically
-            reflectionUV.y = 1.0 - distortedUV.y + 0.1;
+            reflectionUV.y = 0.5 - distortedUV.y + 0.1;
         }
 
         // Clamp to valid range
diff --git a/shaders/liquid-glass.frag.qsb b/shaders/liquid-glass.frag.qsb
index 8f49b0f6dd76eb79759698e893816b119d7e254d..bcf42066135024d623bc994cdb81b722b112eeaa 100644
GIT binary patch
delta 3399
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
GOa=hwZq{l5

delta 3371
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
af94ADoArt7;os)@Zy96$*gwb?asvQZWyZh&

diff --git a/shell.qml b/shell.qml
index 90b06e5..7368777 100644
--- a/shell.qml
+++ b/shell.qml
@@ -4,8 +4,6 @@ import QtQuick
 import QtQuick.Layouts
 import QtQuick.Controls
 import Quickshell
-import Quickshell.Widgets
-import Qt5Compat.GraphicalEffects
 
 ShellRoot {
     FloatingWindow {
@@ -39,91 +37,57 @@ ShellRoot {
                     anchors.fill: parent
                 }
 
-                ClippingRectangle {
-                    id: glassContainer
-                    color: "transparent"
-                    radius: 20
-                    anchors.centerIn: parent
+                GlassSurface {
+                    source: backgroundContent
                     width: 400
                     height: 300
+                    radius: 20
+                    anchors.centerIn: parent
 
-                    // Blur
-                    ShaderEffectSource {
-                        id: blurredBackground
-                        anchors.fill: parent
-                        sourceItem: backgroundContent
-                        sourceRect: Qt.rect(glassContainer.x, glassContainer.y, glassContainer.width, glassContainer.height)
-                        hideSource: false
-                        live: true
-                    }
+                    // parameters
+                    time: timeSlider.value
+                    speed: speedSlider.value
+                    strength: warpSlider.value
+                    scale: scaleSlider.value
+                    edgeReflectionStrength: edgeReflectionSlider.value
+                    edgeReflectionWidth: edgeWidthSlider.value
+                }
 
-                    GaussianBlur {
-                        id: backgroundBlur
-                        anchors.fill: parent
-                        source: blurredBackground
-                        radius: 4
-                        samples: 4
-                        // transparentBorder: true
-                    }
+                RowLayout {
+                    spacing: 40
 
-                    // Liquid glass shader warp
-                    ShaderEffect {
-                        anchors.fill: parent
-                        fragmentShader: "root:shaders/liquid-glass.frag.qsb"
+                    Repeater {
+                        model: ["1", "2", "3"]
+                        delegate: GlassSurface {
+                            id: surface
+                            required property var modelData
+                            source: backgroundContent
+                            width: 100
+                            height: 100                            
+                            radius: 40
 
-                        property real time: timeSlider.value
-                        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
+                            time: timeSlider.value
+                            speed: speedSlider.value
+                            strength: warpSlider.value
+                            scale: scaleSlider.value
+                            edgeReflectionStrength: edgeReflectionSlider.value
+                            edgeReflectionWidth: edgeWidthSlider.value
 
-                        property variant source: ShaderEffectSource {
-                            sourceItem: backgroundBlur
-                            hideSource: false
-                            live: true
-                        }
-                    }
-
-                    // Subtle glass overlay
-                    Rectangle {
-                        anchors.fill: parent
-                        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.08)
-                                }
-                                GradientStop {
-                                    position: 1.0
-                                    color: Qt.rgba(1, 1, 1, 0.0)
-                                }
+                            Text {
+                                text: surface.modelData
+                                color: Qt.rgba(1, 1, 1, 0.2)
+                                font.bold: true
+                                font.pointSize: 16
+                                anchors.centerIn: parent
                             }
                         }
                     }
+
+                    anchors {
+                        horizontalCenter: parent.horizontalCenter
+                        bottom: parent.bottom
+                        bottomMargin: 25
+                    }
                 }
             }
 
@@ -206,6 +170,22 @@ ShellRoot {
                     Layout.preferredHeight: 30
                 }
             }
+
+            RowLayout {
+                Text {
+                    text: "Scale:"
+                }
+
+                Slider {
+                    id: scaleSlider
+                    from: 0.0
+                    to: 20.0
+                    value: 3.0
+
+                    Layout.fillWidth: true
+                    Layout.preferredHeight: 30
+                }
+            }
         }
     }
 }