@itwin/frontend-devtools 4.0.0-dev.8 → 4.0.0-dev.80

package/lib/esm/effects/Convolution.d.ts

@@ -1,69 +1,69 @@
-/** @packageDocumentation
- * @module Effects
- */
-import { ScreenSpaceEffectBuilder } from "@itwin/core-frontend";
-import { AddEffectTool } from "./EffectTools";
-/** Adds one of a collection of "convolution kernels" that alter a [Viewport]($frontend)'s image by blending neighboring pixels.
- * Based on https://webglfundamentals.org/webgl/lessons/webgl-image-processing-continued.html
- * @beta
- */
-export declare abstract class ConvolutionEffect extends AddEffectTool {
-    static get minArgs(): number;
-    static get maxArgs(): number;
-    protected abstract get matrix(): number[];
-    protected get textureCoordFromPosition(): boolean;
-    protected get source(): {
-        vertex: string;
-        fragment: string;
-    };
-    protected defineEffect(builder: ScreenSpaceEffectBuilder): void;
-}
-/** Adds a gaussian blur screen-space effect to the selected Viewport.
- * @beta
- */
-export declare class GaussianBlurEffect extends ConvolutionEffect {
-    static toolId: string;
-    protected get effectName(): string;
-    protected get matrix(): number[];
-}
-/** Adds a screen-space unsharpen effect to the selected Viewport.
- * @beta
- */
-export declare class UnsharpenEffect extends ConvolutionEffect {
-    static toolId: string;
-    protected get effectName(): string;
-    protected get matrix(): number[];
-}
-/** Adds a screen-space emboss effect to the selected Viewport.
- * @beta
- */
-export declare class EmbossEffect extends ConvolutionEffect {
-    static toolId: string;
-    protected get effectName(): string;
-    protected get matrix(): number[];
-}
-/** Adds a screen-space sharpen effect to the selected Viewport.
- * @beta
- */
-export declare class SharpenEffect extends ConvolutionEffect {
-    static toolId: string;
-    protected get effectName(): string;
-    protected get matrix(): number[];
-}
-/** Adds a screen-space sharpness effect to the selected Viewport.
- * @beta
- */
-export declare class SharpnessEffect extends ConvolutionEffect {
-    static toolId: string;
-    protected get effectName(): string;
-    protected get matrix(): number[];
-}
-/** Adds a screen-space edge-detection effect to the selected Viewport.
- * @beta
- */
-export declare class EdgeDetectionEffect extends ConvolutionEffect {
-    static toolId: string;
-    protected get effectName(): string;
-    protected get matrix(): number[];
-}
+/** @packageDocumentation
+ * @module Effects
+ */
+import { ScreenSpaceEffectBuilder } from "@itwin/core-frontend";
+import { AddEffectTool } from "./EffectTools";
+/** Adds one of a collection of "convolution kernels" that alter a [Viewport]($frontend)'s image by blending neighboring pixels.
+ * Based on https://webglfundamentals.org/webgl/lessons/webgl-image-processing-continued.html
+ * @beta
+ */
+export declare abstract class ConvolutionEffect extends AddEffectTool {
+    static get minArgs(): number;
+    static get maxArgs(): number;
+    protected abstract get matrix(): number[];
+    protected get textureCoordFromPosition(): boolean;
+    protected get source(): {
+        vertex: string;
+        fragment: string;
+    };
+    protected defineEffect(builder: ScreenSpaceEffectBuilder): void;
+}
+/** Adds a gaussian blur screen-space effect to the selected Viewport.
+ * @beta
+ */
+export declare class GaussianBlurEffect extends ConvolutionEffect {
+    static toolId: string;
+    protected get effectName(): string;
+    protected get matrix(): number[];
+}
+/** Adds a screen-space unsharpen effect to the selected Viewport.
+ * @beta
+ */
+export declare class UnsharpenEffect extends ConvolutionEffect {
+    static toolId: string;
+    protected get effectName(): string;
+    protected get matrix(): number[];
+}
+/** Adds a screen-space emboss effect to the selected Viewport.
+ * @beta
+ */
+export declare class EmbossEffect extends ConvolutionEffect {
+    static toolId: string;
+    protected get effectName(): string;
+    protected get matrix(): number[];
+}
+/** Adds a screen-space sharpen effect to the selected Viewport.
+ * @beta
+ */
+export declare class SharpenEffect extends ConvolutionEffect {
+    static toolId: string;
+    protected get effectName(): string;
+    protected get matrix(): number[];
+}
+/** Adds a screen-space sharpness effect to the selected Viewport.
+ * @beta
+ */
+export declare class SharpnessEffect extends ConvolutionEffect {
+    static toolId: string;
+    protected get effectName(): string;
+    protected get matrix(): number[];
+}
+/** Adds a screen-space edge-detection effect to the selected Viewport.
+ * @beta
+ */
+export declare class EdgeDetectionEffect extends ConvolutionEffect {
+    static toolId: string;
+    protected get effectName(): string;
+    protected get matrix(): number[];
+}
 //# sourceMappingURL=Convolution.d.ts.map

package/lib/esm/effects/Convolution.js

@@ -1,28 +1,28 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Effects
- */
-import { UniformType, VaryingType } from "@itwin/core-frontend";
-import { AddEffectTool } from "./EffectTools";
-/** Adds one of a collection of "convolution kernels" that alter a [Viewport]($frontend)'s image by blending neighboring pixels.
- * Based on https://webglfundamentals.org/webgl/lessons/webgl-image-processing-continued.html
- * @beta
- */
-export class ConvolutionEffect extends AddEffectTool {
-    static get minArgs() { return 0; }
-    static get maxArgs() { return 0; }
-    get textureCoordFromPosition() { return true; }
-    get source() {
-        return {
-            // The vertex shader simply computes the texture coordinate for use in the fragment shader.
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Effects
+ */
+import { UniformType, VaryingType } from "@itwin/core-frontend";
+import { AddEffectTool } from "./EffectTools";
+/** Adds one of a collection of "convolution kernels" that alter a [Viewport]($frontend)'s image by blending neighboring pixels.
+ * Based on https://webglfundamentals.org/webgl/lessons/webgl-image-processing-continued.html
+ * @beta
+ */
+export class ConvolutionEffect extends AddEffectTool {
+    static get minArgs() { return 0; }
+    static get maxArgs() { return 0; }
+    get textureCoordFromPosition() { return true; }
+    get source() {
+        return {
+            // The vertex shader simply computes the texture coordinate for use in the fragment shader.
             vertex: `
         void effectMain(vec4 pos) {
           v_texCoord = textureCoordFromPosition(pos);
-        }`,
-            // The fragment shader samples the pixel and its neighbors and applies the kernel.
+        }`,
+            // The fragment shader samples the pixel and its neighbors and applies the kernel.
             fragment: `
         vec4 effectMain() {
           vec2 onePixel = vec2(1.0, 1.0) / u_textureSize;
@@ -37,120 +37,126 @@ export class ConvolutionEffect extends AddEffectTool {
             TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 0,  1)) * u_kernel[7] +
             TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 1,  1)) * u_kernel[8] ;
           return vec4((colorSum / u_kernelWeight).rgb, 1);
-        }`,
-        };
-    }
-    defineEffect(builder) {
-        // Define the varying for the texture coordinate.
-        builder.addVarying("v_texCoord", VaryingType.Vec2);
-        // Hook up the uniforms.
-        const matrix = this.matrix;
-        builder.addUniform({
-            name: "u_textureSize",
-            type: UniformType.Vec2,
-            bind: (uniform, context) => {
-                const rect = context.viewport.viewRect;
-                uniform.setUniform2fv([rect.width, rect.height]);
-            },
-        });
-        builder.addUniformArray({
-            name: "u_kernel",
-            type: UniformType.Float,
-            length: matrix.length,
-            bind: (uniform) => uniform.setUniform1fv(matrix),
-        });
-        let weight = matrix.reduce((prev, curr) => prev + curr);
-        if (weight <= 0)
-            weight = 1;
-        builder.addUniform({
-            name: "u_kernelWeight",
-            type: UniformType.Float,
-            bind: (uniform) => uniform.setUniform1f(weight),
-        });
-    }
-}
-/** Adds a gaussian blur screen-space effect to the selected Viewport.
- * @beta
- */
-export class GaussianBlurEffect extends ConvolutionEffect {
-    get effectName() { return "blur"; }
-    get matrix() {
-        return [
-            0.045, 0.122, 0.045,
-            0.122, 0.332, 0.122,
-            0.045, 0.122, 0.045,
-        ];
-    }
-}
-GaussianBlurEffect.toolId = "GaussianBlurEffect";
-/** Adds a screen-space unsharpen effect to the selected Viewport.
- * @beta
- */
-export class UnsharpenEffect extends ConvolutionEffect {
-    get effectName() { return "unsharpen"; }
-    get matrix() {
-        return [
-            -1, -1, -1,
-            -1, 9, -1,
-            -1, -1, -1,
-        ];
-    }
-}
-UnsharpenEffect.toolId = "UnsharpenEffect";
-/** Adds a screen-space emboss effect to the selected Viewport.
- * @beta
- */
-export class EmbossEffect extends ConvolutionEffect {
-    get effectName() { return "emboss"; }
-    get matrix() {
-        return [
-            -2, -1, 0,
-            -1, 1, 1,
-            0, 1, 2,
-        ];
-    }
-}
-EmbossEffect.toolId = "EmbossEffect";
-/** Adds a screen-space sharpen effect to the selected Viewport.
- * @beta
- */
-export class SharpenEffect extends ConvolutionEffect {
-    get effectName() { return "sharpen"; }
-    get matrix() {
-        return [
-            0, -1, 0,
-            -1, 5, -1,
-            0, -1, 0,
-        ];
-    }
-}
-SharpenEffect.toolId = "SharpenEffect";
-/** Adds a screen-space sharpness effect to the selected Viewport.
- * @beta
- */
-export class SharpnessEffect extends ConvolutionEffect {
-    get effectName() { return "sharpness"; }
-    get matrix() {
-        return [
-            0, -1, 0,
-            -1, 5, -1,
-            0, -1, 0,
-        ];
-    }
-}
-SharpnessEffect.toolId = "SharpnessEffect";
-/** Adds a screen-space edge-detection effect to the selected Viewport.
- * @beta
- */
-export class EdgeDetectionEffect extends ConvolutionEffect {
-    get effectName() { return "edgedetect"; }
-    get matrix() {
-        return [
-            -5, 0, 0,
-            0, 0, 0,
-            0, 0, 5,
-        ];
-    }
-}
-EdgeDetectionEffect.toolId = "EdgeDetectionEffect";
+        }`,
+        };
+    }
+    defineEffect(builder) {
+        // Define the varying for the texture coordinate.
+        builder.addVarying("v_texCoord", VaryingType.Vec2);
+        // Hook up the uniforms.
+        const matrix = this.matrix;
+        builder.addUniform({
+            name: "u_textureSize",
+            type: UniformType.Vec2,
+            bind: (uniform, context) => {
+                const rect = context.viewport.viewRect;
+                uniform.setUniform2fv([rect.width, rect.height]);
+            },
+        });
+        builder.addUniformArray({
+            name: "u_kernel",
+            type: UniformType.Float,
+            length: matrix.length,
+            bind: (uniform) => uniform.setUniform1fv(matrix),
+        });
+        let weight = matrix.reduce((prev, curr) => prev + curr);
+        if (weight <= 0)
+            weight = 1;
+        builder.addUniform({
+            name: "u_kernelWeight",
+            type: UniformType.Float,
+            bind: (uniform) => uniform.setUniform1f(weight),
+        });
+    }
+}
+/** Adds a gaussian blur screen-space effect to the selected Viewport.
+ * @beta
+ */
+class GaussianBlurEffect extends ConvolutionEffect {
+    get effectName() { return "blur"; }
+    get matrix() {
+        return [
+            0.045, 0.122, 0.045,
+            0.122, 0.332, 0.122,
+            0.045, 0.122, 0.045,
+        ];
+    }
+}
+GaussianBlurEffect.toolId = "GaussianBlurEffect";
+export { GaussianBlurEffect };
+/** Adds a screen-space unsharpen effect to the selected Viewport.
+ * @beta
+ */
+class UnsharpenEffect extends ConvolutionEffect {
+    get effectName() { return "unsharpen"; }
+    get matrix() {
+        return [
+            -1, -1, -1,
+            -1, 9, -1,
+            -1, -1, -1,
+        ];
+    }
+}
+UnsharpenEffect.toolId = "UnsharpenEffect";
+export { UnsharpenEffect };
+/** Adds a screen-space emboss effect to the selected Viewport.
+ * @beta
+ */
+class EmbossEffect extends ConvolutionEffect {
+    get effectName() { return "emboss"; }
+    get matrix() {
+        return [
+            -2, -1, 0,
+            -1, 1, 1,
+            0, 1, 2,
+        ];
+    }
+}
+EmbossEffect.toolId = "EmbossEffect";
+export { EmbossEffect };
+/** Adds a screen-space sharpen effect to the selected Viewport.
+ * @beta
+ */
+class SharpenEffect extends ConvolutionEffect {
+    get effectName() { return "sharpen"; }
+    get matrix() {
+        return [
+            0, -1, 0,
+            -1, 5, -1,
+            0, -1, 0,
+        ];
+    }
+}
+SharpenEffect.toolId = "SharpenEffect";
+export { SharpenEffect };
+/** Adds a screen-space sharpness effect to the selected Viewport.
+ * @beta
+ */
+class SharpnessEffect extends ConvolutionEffect {
+    get effectName() { return "sharpness"; }
+    get matrix() {
+        return [
+            0, -1, 0,
+            -1, 5, -1,
+            0, -1, 0,
+        ];
+    }
+}
+SharpnessEffect.toolId = "SharpnessEffect";
+export { SharpnessEffect };
+/** Adds a screen-space edge-detection effect to the selected Viewport.
+ * @beta
+ */
+class EdgeDetectionEffect extends ConvolutionEffect {
+    get effectName() { return "edgedetect"; }
+    get matrix() {
+        return [
+            -5, 0, 0,
+            0, 0, 0,
+            0, 0, 5,
+        ];
+    }
+}
+EdgeDetectionEffect.toolId = "EdgeDetectionEffect";
+export { EdgeDetectionEffect };
 //# sourceMappingURL=Convolution.js.map

package/lib/esm/effects/Convolution.js.map

@@ -1 +1 @@
-{"version":3,"file":"Convolution.js","sourceRoot":"","sources":["../../../src/effects/Convolution.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Effects\r\n */\r\n\r\nimport { ScreenSpaceEffectBuilder, UniformType, VaryingType } from \"@itwin/core-frontend\";\r\nimport { AddEffectTool } from \"./EffectTools\";\r\n\r\n/** Adds one of a collection of \"convolution kernels\" that alter a [Viewport]($frontend)'s image by blending neighboring pixels.\r\n * Based on https://webglfundamentals.org/webgl/lessons/webgl-image-processing-continued.html\r\n * @beta\r\n */\r\nexport abstract class ConvolutionEffect extends AddEffectTool {\r\n  public static override get minArgs() { return 0; }\r\n  public static override get maxArgs() { return 0; }\r\n\r\n  protected abstract get matrix(): number[];\r\n\r\n  protected get textureCoordFromPosition() { return true; }\r\n\r\n  protected get source() {\r\n    return {\r\n      // The vertex shader simply computes the texture coordinate for use in the fragment shader.\r\n      vertex: `\r\n        void effectMain(vec4 pos) {\r\n          v_texCoord = textureCoordFromPosition(pos);\r\n        }`,\r\n      // The fragment shader samples the pixel and its neighbors and applies the kernel.\r\n      fragment: `\r\n        vec4 effectMain() {\r\n          vec2 onePixel = vec2(1.0, 1.0) / u_textureSize;\r\n          vec4 colorSum =\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2(-1, -1)) * u_kernel[0] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 0, -1)) * u_kernel[1] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 1, -1)) * u_kernel[2] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2(-1,  0)) * u_kernel[3] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 0,  0)) * u_kernel[4] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 1,  0)) * u_kernel[5] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2(-1,  1)) * u_kernel[6] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 0,  1)) * u_kernel[7] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 1,  1)) * u_kernel[8] ;\r\n          return vec4((colorSum / u_kernelWeight).rgb, 1);\r\n        }`,\r\n    };\r\n  }\r\n\r\n  protected defineEffect(builder: ScreenSpaceEffectBuilder): void {\r\n    // Define the varying for the texture coordinate.\r\n    builder.addVarying(\"v_texCoord\", VaryingType.Vec2);\r\n\r\n    // Hook up the uniforms.\r\n    const matrix = this.matrix;\r\n    builder.addUniform({\r\n      name: \"u_textureSize\",\r\n      type: UniformType.Vec2,\r\n      bind: (uniform, context) => {\r\n        const rect = context.viewport.viewRect;\r\n        uniform.setUniform2fv([rect.width, rect.height]);\r\n      },\r\n    });\r\n    builder.addUniformArray({\r\n      name: \"u_kernel\",\r\n      type: UniformType.Float,\r\n      length: matrix.length,\r\n      bind: (uniform) => uniform.setUniform1fv(matrix),\r\n    });\r\n\r\n    let weight = matrix.reduce((prev, curr) => prev + curr);\r\n    if (weight <= 0)\r\n      weight = 1;\r\n\r\n    builder.addUniform({\r\n      name: \"u_kernelWeight\",\r\n      type: UniformType.Float,\r\n      bind: (uniform) => uniform.setUniform1f(weight),\r\n    });\r\n  }\r\n}\r\n\r\n/** Adds a gaussian blur screen-space effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class GaussianBlurEffect extends ConvolutionEffect {\r\n  public static override toolId = \"GaussianBlurEffect\";\r\n  protected get effectName() { return \"blur\"; }\r\n  protected get matrix() {\r\n    return [\r\n      0.045, 0.122, 0.045,\r\n      0.122, 0.332, 0.122,\r\n      0.045, 0.122, 0.045,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space unsharpen effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class UnsharpenEffect extends ConvolutionEffect {\r\n  public static override toolId = \"UnsharpenEffect\";\r\n  protected get effectName() { return \"unsharpen\"; }\r\n  protected get matrix() {\r\n    return [\r\n      -1, -1, -1,\r\n      -1, 9, -1,\r\n      -1, -1, -1,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space emboss effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class EmbossEffect extends ConvolutionEffect {\r\n  public static override toolId = \"EmbossEffect\";\r\n  protected get effectName() { return \"emboss\"; }\r\n  protected get matrix() {\r\n    return [\r\n      -2, -1, 0,\r\n      -1, 1, 1,\r\n      0, 1, 2,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space sharpen effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class SharpenEffect extends ConvolutionEffect {\r\n  public static override toolId = \"SharpenEffect\";\r\n  protected get effectName() { return \"sharpen\"; }\r\n  protected get matrix() {\r\n    return [\r\n      0, -1, 0,\r\n      -1, 5, -1,\r\n      0, -1, 0,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space sharpness effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class SharpnessEffect extends ConvolutionEffect {\r\n  public static override toolId = \"SharpnessEffect\";\r\n  protected get effectName() { return \"sharpness\"; }\r\n  protected get matrix() {\r\n    return [\r\n      0, -1, 0,\r\n      -1, 5, -1,\r\n      0, -1, 0,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space edge-detection effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class EdgeDetectionEffect extends ConvolutionEffect {\r\n  public static override toolId = \"EdgeDetectionEffect\";\r\n  protected get effectName() { return \"edgedetect\"; }\r\n  protected get matrix() {\r\n    return [\r\n      -5, 0, 0,\r\n      0, 0, 0,\r\n      0, 0, 5,\r\n    ];\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Convolution.js","sourceRoot":"","sources":["../../../src/effects/Convolution.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Effects\r\n */\r\n\r\nimport { ScreenSpaceEffectBuilder, UniformType, VaryingType } from \"@itwin/core-frontend\";\r\nimport { AddEffectTool } from \"./EffectTools\";\r\n\r\n/** Adds one of a collection of \"convolution kernels\" that alter a [Viewport]($frontend)'s image by blending neighboring pixels.\r\n * Based on https://webglfundamentals.org/webgl/lessons/webgl-image-processing-continued.html\r\n * @beta\r\n */\r\nexport abstract class ConvolutionEffect extends AddEffectTool {\r\n  public static override get minArgs() { return 0; }\r\n  public static override get maxArgs() { return 0; }\r\n\r\n  protected abstract get matrix(): number[];\r\n\r\n  protected get textureCoordFromPosition() { return true; }\r\n\r\n  protected get source() {\r\n    return {\r\n      // The vertex shader simply computes the texture coordinate for use in the fragment shader.\r\n      vertex: `\r\n        void effectMain(vec4 pos) {\r\n          v_texCoord = textureCoordFromPosition(pos);\r\n        }`,\r\n      // The fragment shader samples the pixel and its neighbors and applies the kernel.\r\n      fragment: `\r\n        vec4 effectMain() {\r\n          vec2 onePixel = vec2(1.0, 1.0) / u_textureSize;\r\n          vec4 colorSum =\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2(-1, -1)) * u_kernel[0] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 0, -1)) * u_kernel[1] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 1, -1)) * u_kernel[2] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2(-1,  0)) * u_kernel[3] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 0,  0)) * u_kernel[4] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 1,  0)) * u_kernel[5] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2(-1,  1)) * u_kernel[6] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 0,  1)) * u_kernel[7] +\r\n            TEXTURE(u_diffuse, v_texCoord + onePixel * vec2( 1,  1)) * u_kernel[8] ;\r\n          return vec4((colorSum / u_kernelWeight).rgb, 1);\r\n        }`,\r\n    };\r\n  }\r\n\r\n  protected defineEffect(builder: ScreenSpaceEffectBuilder): void {\r\n    // Define the varying for the texture coordinate.\r\n    builder.addVarying(\"v_texCoord\", VaryingType.Vec2);\r\n\r\n    // Hook up the uniforms.\r\n    const matrix = this.matrix;\r\n    builder.addUniform({\r\n      name: \"u_textureSize\",\r\n      type: UniformType.Vec2,\r\n      bind: (uniform, context) => {\r\n        const rect = context.viewport.viewRect;\r\n        uniform.setUniform2fv([rect.width, rect.height]);\r\n      },\r\n    });\r\n    builder.addUniformArray({\r\n      name: \"u_kernel\",\r\n      type: UniformType.Float,\r\n      length: matrix.length,\r\n      bind: (uniform) => uniform.setUniform1fv(matrix),\r\n    });\r\n\r\n    let weight = matrix.reduce((prev, curr) => prev + curr);\r\n    if (weight <= 0)\r\n      weight = 1;\r\n\r\n    builder.addUniform({\r\n      name: \"u_kernelWeight\",\r\n      type: UniformType.Float,\r\n      bind: (uniform) => uniform.setUniform1f(weight),\r\n    });\r\n  }\r\n}\r\n\r\n/** Adds a gaussian blur screen-space effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class GaussianBlurEffect extends ConvolutionEffect {\r\n  public static override toolId = \"GaussianBlurEffect\";\r\n  protected get effectName() { return \"blur\"; }\r\n  protected get matrix() {\r\n    return [\r\n      0.045, 0.122, 0.045,\r\n      0.122, 0.332, 0.122,\r\n      0.045, 0.122, 0.045,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space unsharpen effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class UnsharpenEffect extends ConvolutionEffect {\r\n  public static override toolId = \"UnsharpenEffect\";\r\n  protected get effectName() { return \"unsharpen\"; }\r\n  protected get matrix() {\r\n    return [\r\n      -1, -1, -1,\r\n      -1, 9, -1,\r\n      -1, -1, -1,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space emboss effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class EmbossEffect extends ConvolutionEffect {\r\n  public static override toolId = \"EmbossEffect\";\r\n  protected get effectName() { return \"emboss\"; }\r\n  protected get matrix() {\r\n    return [\r\n      -2, -1, 0,\r\n      -1, 1, 1,\r\n      0, 1, 2,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space sharpen effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class SharpenEffect extends ConvolutionEffect {\r\n  public static override toolId = \"SharpenEffect\";\r\n  protected get effectName() { return \"sharpen\"; }\r\n  protected get matrix() {\r\n    return [\r\n      0, -1, 0,\r\n      -1, 5, -1,\r\n      0, -1, 0,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space sharpness effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class SharpnessEffect extends ConvolutionEffect {\r\n  public static override toolId = \"SharpnessEffect\";\r\n  protected get effectName() { return \"sharpness\"; }\r\n  protected get matrix() {\r\n    return [\r\n      0, -1, 0,\r\n      -1, 5, -1,\r\n      0, -1, 0,\r\n    ];\r\n  }\r\n}\r\n\r\n/** Adds a screen-space edge-detection effect to the selected Viewport.\r\n * @beta\r\n */\r\nexport class EdgeDetectionEffect extends ConvolutionEffect {\r\n  public static override toolId = \"EdgeDetectionEffect\";\r\n  protected get effectName() { return \"edgedetect\"; }\r\n  protected get matrix() {\r\n    return [\r\n      -5, 0, 0,\r\n      0, 0, 0,\r\n      0, 0, 5,\r\n    ];\r\n  }\r\n}\r\n"]}

package/lib/esm/effects/EffectTools.d.ts

@@ -1,34 +1,34 @@
-/** @packageDocumentation
- * @module Effects
- */
-import { ScreenSpaceEffectBuilder, ScreenSpaceEffectSource, Tool } from "@itwin/core-frontend";
-/** Adds a screen-space effect to the selected viewport.
- * @beta
- */
-export declare abstract class AddEffectTool extends Tool {
-    private static readonly _registeredEffects;
-    /** Name of effect as used in keyins like `fdt effect add`. Ideally one word. */
-    protected abstract get effectName(): string;
-    /** vertex, fragment, and optional sampleSourcePixel GLSL snippets. */
-    protected abstract get source(): ScreenSpaceEffectSource;
-    /** Whether the fragment shader should include built-in `textureCoordFromPosition` function. */
-    protected abstract get textureCoordFromPosition(): boolean;
-    /** Add uniforms, varyings, etc. */
-    protected abstract defineEffect(builder: ScreenSpaceEffectBuilder): void;
-    run(): Promise<boolean>;
-}
-/** Removes all screen-space effects from the selected viewport.
- * @beta
- */
-export declare class ClearEffectsTool extends Tool {
-    static toolId: string;
-    static get minArgs(): number;
-    static get maxArgs(): number;
-    run(): Promise<boolean>;
-}
-/** Requests that any viewport to which the specified effect has been applied redraw its contents.
- * Used by tools like [[VignetteConfig]] to update the view after the effect parameters are modified.
- * @beta
- */
-export declare function refreshViewportsForEffect(effectName: string): void;
+/** @packageDocumentation
+ * @module Effects
+ */
+import { ScreenSpaceEffectBuilder, ScreenSpaceEffectSource, Tool } from "@itwin/core-frontend";
+/** Adds a screen-space effect to the selected viewport.
+ * @beta
+ */
+export declare abstract class AddEffectTool extends Tool {
+    private static readonly _registeredEffects;
+    /** Name of effect as used in keyins like `fdt effect add`. Ideally one word. */
+    protected abstract get effectName(): string;
+    /** vertex, fragment, and optional sampleSourcePixel GLSL snippets. */
+    protected abstract get source(): ScreenSpaceEffectSource;
+    /** Whether the fragment shader should include built-in `textureCoordFromPosition` function. */
+    protected abstract get textureCoordFromPosition(): boolean;
+    /** Add uniforms, varyings, etc. */
+    protected abstract defineEffect(builder: ScreenSpaceEffectBuilder): void;
+    run(): Promise<boolean>;
+}
+/** Removes all screen-space effects from the selected viewport.
+ * @beta
+ */
+export declare class ClearEffectsTool extends Tool {
+    static toolId: string;
+    static get minArgs(): number;
+    static get maxArgs(): number;
+    run(): Promise<boolean>;
+}
+/** Requests that any viewport to which the specified effect has been applied redraw its contents.
+ * Used by tools like [[VignetteConfig]] to update the view after the effect parameters are modified.
+ * @beta
+ */
+export declare function refreshViewportsForEffect(effectName: string): void;
 //# sourceMappingURL=EffectTools.d.ts.map