per-pixel wave reveal mask for lock screen overlay layers

shell/lock/LockSurface.qml

@@ -13,9 +13,7 @@ WlSessionLockSurface {
 
     color: S.Theme.base00
 
-    // Wave progress drives blur/dim/hex overlay reveal
     property real _unlockFade: 1
-    readonly property real _waveProgress: (root.width > 0 ? Math.max(0, Math.min(1, _hexWave.wavePhase / root.width)) : 0) * _unlockFade
 
     // Clear desktop screenshot - visible immediately
     ScreencopyView {
@@ -25,35 +23,46 @@ WlSessionLockSurface {
         opacity: _unlockFade
     }
 
-    // Blurred screenshot - fades in as wave passes
-    ScreencopyView {
+    // Overlay group: blur + dim + hexes, revealed per-pixel by wave position
+    Item {
         anchors.fill: parent
-        captureSource: root.screen
-        visible: S.Modules.lock.screenshot ?? true
-        opacity: root._waveProgress
+        opacity: _unlockFade
 
         layer.enabled: true
-        layer.effect: MultiEffect {
-            autoPaddingEnabled: false
-            blurEnabled: true
-            blur: 1
-            blurMax: 64
+        layer.effect: ShaderEffect {
+            property real uPhase: _hexWave.wavePhase
+            property real uWidth: root.width
+            fragmentShader: Quickshell.shellPath("modules/reveal_mask.frag.qsb")
         }
-    }
 
-    // Dim overlay - fades in with wave
-    Rectangle {
-        anchors.fill: parent
-        color: Qt.rgba(S.Theme.base00.r, S.Theme.base00.g, S.Theme.base00.b, 0.4)
-        opacity: root._waveProgress
-    }
+        // Blurred screenshot
+        ScreencopyView {
+            anchors.fill: parent
+            captureSource: root.screen
+            visible: S.Modules.lock.screenshot ?? true
 
-    // Hex wave - fades in with wave progress
-    C.HexWaveBackground {
-        id: _hexWave
-        anchors.fill: parent
-        running: root.lock.secure
-        opacity: root._waveProgress * 0.4
+            layer.enabled: true
+            layer.effect: MultiEffect {
+                autoPaddingEnabled: false
+                blurEnabled: true
+                blur: 1
+                blurMax: 64
+            }
+        }
+
+        // Dim overlay
+        Rectangle {
+            anchors.fill: parent
+            color: Qt.rgba(S.Theme.base00.r, S.Theme.base00.g, S.Theme.base00.b, 0.4)
+        }
+
+        // Hex wave
+        C.HexWaveBackground {
+            id: _hexWave
+            anchors.fill: parent
+            running: root.lock.secure
+            opacity: 0.4
+        }
     }
 
     // Keyboard input via TextInput - engages Qt's full input pipeline including
@@ -242,13 +251,6 @@ WlSessionLockSurface {
                 duration: 300
                 easing.type: Easing.InCubic
             }
-            NumberAnimation {
-                target: _hexWave
-                property: "opacity"
-                to: 0
-                duration: 300
-                easing.type: Easing.InCubic
-            }
         }
 
         PropertyAction {