vim-web 0.6.0-dev.8 → 0.6.0-dev.9

package/dist/vim-web.iife.js

@@ -54059,8 +54059,8 @@ void main() {
       clipping: true,
       // Use GLSL ES 3.0 for WebGL 2
       glslVersion: GLSL3,
-      // Only write depth, not color (outline shader only reads depth)
-      colorWrite: false,
+      // Writes 1.0 to color for selected, 0.0 for background (after clear).
+      // Outline shader does edge detection on this binary mask.
       vertexShader: (
         /* glsl */
         `
@@ -54351,51 +54351,38 @@ void main() {
       }
       `,
       fragmentShader: `
-      #include <packing>
-
-      uniform sampler2D depthBuffer;
-      uniform float cameraNear;
-      uniform float cameraFar;
+      uniform sampler2D sceneBuffer;
       uniform vec4 screenSize;
-      uniform vec3 outlineColor;
       uniform float intensity;
 
       in vec2 vUv;
       out vec4 fragColor;
 
-      // Use texelFetch for faster indexed access (WebGL 2)
-      float getPixelDepth(int x, int y) {
+      // Read binary selection mask: 1.0 = selected, 0.0 = background.
+      // Clamp to texture bounds so edge pixels don't read out-of-bounds
+      // (which returns 0 and creates false outlines at the screen border).
+      float getMask(int x, int y) {
         ivec2 pixelCoord = ivec2(vUv * screenSize.xy) + ivec2(x, y);
-        float fragCoordZ = texelFetch(depthBuffer, pixelCoord, 0).x;
-        float viewZ = perspectiveDepthToViewZ(fragCoordZ, cameraNear, cameraFar);
-        return viewZToOrthographicDepth(viewZ, cameraNear, cameraFar);
-      }
-  
-      float saturate(float num) {
-        return clamp(num, 0.0, 1.0);
+        pixelCoord = clamp(pixelCoord, ivec2(0), ivec2(screenSize.xy) - 1);
+        return texelFetch(sceneBuffer, pixelCoord, 0).x;
       }
-  
-      void main() {
-        float depth = getPixelDepth(0, 0);
 
-        // Early-out: skip for background pixels (no geometry)
-        if (depth >= 0.99) {
-          fragColor = vec4(0.0, 0.0, 0.0, 0.0);
+      void main() {
+        // Skip non-selected pixels
+        if (getMask(0, 0) < 0.5) {
+          fragColor = vec4(0.0);
           return;
         }
 
-        // Cross edge detection: 4 neighbors at distance 1.
-        // step() converts depth diff to binary (edge or not).
+        // Silhouette edge detection: outline where selected borders non-selected.
         // Thickness is controlled by outlineScale (render target resolution).
         float outline = 0.0;
-        outline += step(0.001, abs(depth - getPixelDepth( 0, -1)));
-        outline += step(0.001, abs(depth - getPixelDepth( 0,  1)));
-        outline += step(0.001, abs(depth - getPixelDepth(-1,  0)));
-        outline += step(0.001, abs(depth - getPixelDepth( 1,  0)));
-        outline = saturate(outline * 0.25 * intensity);
+        outline += step(0.5, 1.0 - getMask( 0, -1));
+        outline += step(0.5, 1.0 - getMask( 0,  1));
+        outline += step(0.5, 1.0 - getMask(-1,  0));
+        outline += step(0.5, 1.0 - getMask( 1,  0));
+        outline = clamp(outline * 0.25 * intensity, 0.0, 1.0);
 
-        // Output outline intensity to R channel only (RedFormat texture)
-        // Merge pass will use this to blend outline color with scene
         fragColor = vec4(outline, 0.0, 0.0, 0.0);
       }
       `
@@ -55540,7 +55527,7 @@ void main() {
           opacityAlways: 0.1
         }
       },
-      background: { color: new Color(12698310) },
+      background: { color: new Color(16777215) },
       skybox: {
         enable: true,
         skyColor: new Color(16777215),
@@ -55583,7 +55570,7 @@ void main() {
           strokeColor: new Color(16185078)
         },
         outline: {
-          intensity: 2,
+          intensity: 3,
           color: new Color(65535),
           scale: 0.75
         }
@@ -56485,6 +56472,8 @@ void main() {
         this._camera,
         this._materials.system.mask
       );
+      this._selectionRenderPass.clearColor = new Color(0);
+      this._selectionRenderPass.clearAlpha = 0;
       this._composer.addPass(this._selectionRenderPass);
       this._outlinePass = new OutlinePass(
         this._camera,
@@ -56582,7 +56571,10 @@ void main() {
         delta,
         false
       );
+      const bg = this._scene.threeScene.background;
+      this._scene.threeScene.background = null;
       this._composer.render(delta);
+      this._scene.threeScene.background = bg;
     }
     /**
      * Cleans up all resources used by the composer
@@ -60217,7 +60209,6 @@ Averrage Date/Second ${avgDataRatePS} kb
      */
     async _onOpen(_) {
       var _a3;
-      console.log("WebSocket connection opened to ", this.url);
       clearTimeout(this._connectionTimeout);
       this.updateState({ status: "validating" });
       const issues = await this._validateConnection();