removed blur but added more blobs

2026-09-16 15:36:12 -04:00 · 2026-03-21 15:46:38 +05:30
parent 3121aac81d
commit 1c8761c02d
1 changed files with 127 additions and 12 deletions
@@ -20,6 +20,131 @@ Item {
        font.weight: Font.Medium
        color: textPrimary
    }
+    Canvas {
+        id: blobCanvas3
+        width: 380; height: 380
+        anchors.centerIn: parent
+        visible: !isSendMode
+
+        property real t: 0
+        property double startMs: Date.now()
+
+        Timer {
+            interval: 16
+            running: true
+            repeat: true
+            onTriggered: {
+                // seconds -> radians scale (t grows forever, no loop jump)
+                blobCanvas3.t = (Date.now() - blobCanvas3.startMs) * 0.001 * (Math.PI * 2 / 8.0)
+                blobCanvas3.requestPaint()
+            }
+        }
+
+        onPaint: {
+            var ctx = getContext("2d")
+            ctx.clearRect(0, 0, width, height)
+
+            var cx = width / 2
+            var cy = height / 2
+            var n = 10
+            var pts = []
+
+            for (var i = 0; i < n; i++) {
+                var a = (i / n) * Math.PI * 2 - Math.PI / 2
+                var r = 150
+                    + Math.sin(a * 2 + t)          * 11
+                    + Math.cos(a * 3 - t * 0.2)    *  8
+                    + Math.sin(a * 1.5 + t * 0.7) *  6
+                    + Math.sin(a * 1.5 + t * 1) *  4
+                pts.push({ x: cx + Math.cos(a) * r, y: cy + Math.sin(a) * r })
+            }
+
+            var len = pts.length
+            ctx.beginPath()
+            for (var j = 0; j < len; j++) {
+                var p0 = pts[(j - 1 + len) % len]
+                var p1 = pts[j]
+                var p2 = pts[(j + 1) % len]
+                var p3 = pts[(j + 2) % len]
+                var cp1x = p1.x + (p2.x - p0.x) / 6
+                var cp1y = p1.y + (p2.y - p0.y) / 6
+                var cp2x = p2.x - (p3.x - p1.x) / 6
+                var cp2y = p2.y - (p3.y - p1.y) / 6
+                if (j === 0) ctx.moveTo(p1.x, p1.y)
+                ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, p2.x, p2.y)
+            }
+            ctx.closePath()
+
+            var grad = ctx.createRadialGradient(cx - 40, cy - 40, 0, cx, cy, 150)
+            grad.addColorStop(0, "#e7faed")
+            ctx.fillStyle = grad
+            ctx.fill()
+        }
+    }
+
+    Canvas {
+        id: blobCanvas2
+        width: 380; height: 380
+        anchors.centerIn: parent
+        visible: !isSendMode
+
+        property real t: 0
+        property double startMs: Date.now()
+
+        Timer {
+            interval: 16
+            running: true
+            repeat: true
+            onTriggered: {
+                // seconds -> radians scale (t grows forever, no loop jump)
+                blobCanvas2.t = (Date.now() - blobCanvas2.startMs) * 0.001 * (Math.PI * 2 / 8.0)
+                blobCanvas2.requestPaint()
+            }
+        }
+
+        onPaint: {
+            var ctx = getContext("2d")
+            ctx.clearRect(0, 0, width, height)
+
+            var cx = width / 2
+            var cy = height / 2
+            var n = 10
+            var pts = []
+
+            for (var i = 0; i < n; i++) {
+                var a = (i / n) * Math.PI * 2 - Math.PI / 2
+                var r = 140
+                    + Math.sin(a * 2 + t)          * 11
+                    + Math.cos(a * 3 - t * 0.8)    *  8
+                    + Math.sin(a * 1.5 + t * 0.23) *  6
+                    + Math.sin(a * 1.5 + t * 0.85) *  4
+                pts.push({ x: cx + Math.cos(a) * r, y: cy + Math.sin(a) * r })
+            }
+
+            var len = pts.length
+            ctx.beginPath()
+            for (var j = 0; j < len; j++) {
+                var p0 = pts[(j - 1 + len) % len]
+                var p1 = pts[j]
+                var p2 = pts[(j + 1) % len]
+                var p3 = pts[(j + 2) % len]
+                var cp1x = p1.x + (p2.x - p0.x) / 6
+                var cp1y = p1.y + (p2.y - p0.y) / 6
+                var cp2x = p2.x - (p3.x - p1.x) / 6
+                var cp2y = p2.y - (p3.y - p1.y) / 6
+                if (j === 0) ctx.moveTo(p1.x, p1.y)
+                ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, p2.x, p2.y)
+            }
+            ctx.closePath()
+
+            var grad = ctx.createRadialGradient(cx - 40, cy - 40, 0, cx, cy, 150)
+            grad.addColorStop(0, "#caeada")
+            ctx.fillStyle = grad
+            ctx.fill()
+        }
+    }
+
+

    Canvas {
        id: blobCanvas
@@ -56,6 +181,7 @@ Item {
                    + Math.sin(a * 2 + t)          * 11
                    + Math.cos(a * 3 - t * 0.6)    *  8
                    + Math.sin(a * 1.5 + t * 0.35) *  6
+                    + Math.sin(a  + t * 0.75) *  3
                pts.push({ x: cx + Math.cos(a) * r, y: cy + Math.sin(a) * r })
            }

@@ -82,18 +208,7 @@ Item {
        }
    }

-    MultiEffect {
-        anchors.centerIn: parent
-        width: blobCanvas.width + 10
-        height: blobCanvas.height + 10
-        source: blobCanvas
-        blurEnabled: true
-        blur: 1.0
-        blurMax: 40
-        saturation: 0.1
-        brightness: 0.05
-        autoPaddingEnabled: true
-    }
+

    Label {
        anchors.horizontalCenter: parent.horizontalCenter