feat: Implement Interactive Physics (Force Push) for Neural Swarm (#8675)

Author: tobiu

apps/portal/canvas/HomeCanvas.mjs

@@ -864,18 +864,20 @@ class HomeCanvas extends Base {
                 }
             }
 
-            // 3. Shockwave Repulsion
+            // 3. Shockwave Repulsion (Explosive Force)
             if (me.shockwaves.length > 0) {
                 me.shockwaves.forEach(wave => {
                     let dx = buffer[idx] - wave.x,
                         dy = buffer[idx + 1] - wave.y,
                         dist = Math.sqrt(dx*dx + dy*dy),
                         wRad = wave.age * wave.speed;
 
+                    // Hit the "Wave Front"
                     if (Math.abs(dist - wRad) < 40) {
                         let force = (1 - (wave.age / 60)); 
-                        buffer[idx + 2] += (dx / dist) * force * 2;
-                        buffer[idx + 3] += (dy / dist) * force * 2;
+                        // Massive Impulse (Throwing)
+                        buffer[idx + 2] += (dx / dist) * force * 10;
+                        buffer[idx + 3] += (dy / dist) * force * 10;
                     }
                 });
             }

apps/portal/view/home/HomeCanvas.mjs

@@ -85,6 +85,22 @@ class HomeCanvas extends Canvas {
         return me.canvasId
     }
 
+    /**
+     * Forwards click events to the Shared Worker to trigger Shockwaves.
+     * @param {Object} data
+     */
+    onClick(data) {
+        let me = this;
+
+        if (me.isCanvasReady && me.canvasRect) {
+            Portal.canvas.HomeCanvas.updateMouseState({
+                click: true,
+                x    : data.clientX - me.canvasRect.left,
+                y    : data.clientY - me.canvasRect.top
+            })
+        }
+    }
+
     /**
      * Pauses the Shared Worker render loop.
      */

apps/portal/view/home/parts/MainNeo.mjs

@@ -22,10 +22,12 @@ class MainNeo extends BaseContainer {
 
         layout: {ntype: 'vbox', align: 'center', pack: 'center'},
         /**
-         * @member {Object} listeners
+         * @member {Object} domListeners
          */
-        listeners: {
-            mousemove: 'onMouseMove'
+        domListeners: {
+            click     : 'onClick',
+            mouseleave: 'onMouseLeave',
+            mousemove : {fn: 'onMouseMove', local: true}
         },
         /**
          * @member {Object[]} items
@@ -119,6 +121,20 @@ class MainNeo extends BaseContainer {
         this.getItem('home-canvas')?.pause()
     }
 
+    /**
+     * @param {Object} data
+     */
+    onClick(data) {
+        this.getItem('home-canvas')?.onClick(data)
+    }
+
+    /**
+     * @param {Object} data
+     */
+    onMouseLeave(data) {
+        this.getItem('home-canvas')?.onMouseLeave(data)
+    }
+
     /**
      * @param {Object} data
      */