npm - @babylonjs/post-processes - Versions diffs - 9.14.0 → 9.16.0 - Mend

@babylonjs/post-processes 9.14.0 → 9.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/asciiArt/asciiArtPostProcess.js +141 -124
package/asciiArt/asciiArtPostProcess.js.map +1 -1
package/digitalRain/digitalRainPostProcess.js +140 -123
package/digitalRain/digitalRainPostProcess.js.map +1 -1
package/edgeDetection/edgeDetectionPostProcess.js +135 -116
package/edgeDetection/edgeDetectionPostProcess.js.map +1 -1
package/package.json +2 -2

package/asciiArt/asciiArtPostProcess.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __decorate } from "@babylonjs/core/tslib.es6.js";
+import { __esDecorate, __runInitializers } from "@babylonjs/core/tslib.es6.js";
 import { serialize } from "@babylonjs/core/Misc/decorators.js";
 import { SerializationHelper } from "@babylonjs/core/Misc/decorators.serialization.js";
 import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture.js";
@@ -12,133 +12,150 @@ import "./asciiart.fragment.js";
  * It basically takes care rendering the font front the given font size to a texture.
  * This is used later on in the postprocess.
  */
-export class AsciiArtFontTexture extends BaseTexture {
-    /**
-     * Gets the size of one char in the texture (each char fits in size * size space in the texture).
-     */
-    get charSize() {
-        return this._charSize;
-    }
-    /**
-     * Create a new instance of the Ascii Art FontTexture class
-     * @param name the name of the texture
-     * @param font the font to use, use the W3C CSS notation
-     * @param text the caracter set to use in the rendering.
-     * @param scene the scene that owns the texture
-     */
-    constructor(name, font, text, scene = null) {
-        super(scene);
-        scene = this.getScene();
-        if (!scene) {
-            return;
-        }
-        this.name = name;
-        this._text == text;
-        this._font == font;
-        this.wrapU = Texture.CLAMP_ADDRESSMODE;
-        this.wrapV = Texture.CLAMP_ADDRESSMODE;
-        //this.anisotropicFilteringLevel = 1;
-        // Get the font specific info.
-        const maxCharHeight = this._getFontHeight(font);
-        const maxCharWidth = this._getFontWidth(font);
-        this._charSize = Math.max(maxCharHeight.height, maxCharWidth);
-        // This is an approximate size, but should always be able to fit at least the maxCharCount.
-        const textureWidth = Math.ceil(this._charSize * text.length);
-        const textureHeight = this._charSize;
-        // Create the texture that will store the font characters.
-        this._texture = scene.getEngine().createDynamicTexture(textureWidth, textureHeight, false, Texture.NEAREST_SAMPLINGMODE);
-        //scene.getEngine().setclamp
-        const textureSize = this.getSize();
-        // Create a canvas with the final size: the one matching the texture.
-        const canvas = document.createElement("canvas");
-        canvas.width = textureSize.width;
-        canvas.height = textureSize.height;
-        const context = canvas.getContext("2d");
-        context.textBaseline = "top";
-        context.font = font;
-        context.fillStyle = "white";
-        context.imageSmoothingEnabled = false;
-        // Sets the text in the texture.
-        for (let i = 0; i < text.length; i++) {
-            context.fillText(text[i], i * this._charSize, -maxCharHeight.offset);
-        }
-        // Flush the text in the dynamic texture.
-        scene.getEngine().updateDynamicTexture(this._texture, canvas, false, true);
-    }
-    /**
-     * Gets the max char width of a font.
-     * @param font the font to use, use the W3C CSS notation
-     * @returns the max char width
-     */
-    _getFontWidth(font) {
-        const fontDraw = document.createElement("canvas");
-        const ctx = fontDraw.getContext("2d");
-        ctx.fillStyle = "white";
-        ctx.font = font;
-        return ctx.measureText("W").width;
-    }
-    // More info here: https://videlais.com/2014/03/16/the-many-and-varied-problems-with-measuring-font-height-for-html5-canvas/
-    /**
-     * Gets the max char height of a font.
-     * @param font the font to use, use the W3C CSS notation
-     * @returns the max char height
-     */
-    _getFontHeight(font) {
-        const fontDraw = document.createElement("canvas");
-        const ctx = fontDraw.getContext("2d");
-        ctx.fillRect(0, 0, fontDraw.width, fontDraw.height);
-        ctx.textBaseline = "top";
-        ctx.fillStyle = "white";
-        ctx.font = font;
-        ctx.fillText("jH|", 0, 0);
-        const pixels = ctx.getImageData(0, 0, fontDraw.width, fontDraw.height).data;
-        let start = -1;
-        let end = -1;
-        for (let row = 0; row < fontDraw.height; row++) {
-            for (let column = 0; column < fontDraw.width; column++) {
-                const index = (row * fontDraw.width + column) * 4;
-                if (pixels[index] === 0) {
-                    if (column === fontDraw.width - 1 && start !== -1) {
-                        end = row;
-                        row = fontDraw.height;
-                        break;
-                    }
-                    continue;
+let AsciiArtFontTexture = (() => {
+    var _a;
+    let _classSuper = BaseTexture;
+    let __font_decorators;
+    let __font_initializers = [];
+    let __font_extraInitializers = [];
+    let __text_decorators;
+    let __text_initializers = [];
+    let __text_extraInitializers = [];
+    return _a = class AsciiArtFontTexture extends _classSuper {
+            /**
+             * Gets the size of one char in the texture (each char fits in size * size space in the texture).
+             */
+            get charSize() {
+                return this._charSize;
+            }
+            /**
+             * Create a new instance of the Ascii Art FontTexture class
+             * @param name the name of the texture
+             * @param font the font to use, use the W3C CSS notation
+             * @param text the caracter set to use in the rendering.
+             * @param scene the scene that owns the texture
+             */
+            constructor(name, font, text, scene = null) {
+                super(scene);
+                this._font = __runInitializers(this, __font_initializers, void 0);
+                this._text = (__runInitializers(this, __font_extraInitializers), __runInitializers(this, __text_initializers, void 0));
+                this._charSize = __runInitializers(this, __text_extraInitializers);
+                scene = this.getScene();
+                if (!scene) {
+                    return;
                 }
-                else {
-                    if (start === -1) {
-                        start = row;
+                this.name = name;
+                this._text == text;
+                this._font == font;
+                this.wrapU = Texture.CLAMP_ADDRESSMODE;
+                this.wrapV = Texture.CLAMP_ADDRESSMODE;
+                //this.anisotropicFilteringLevel = 1;
+                // Get the font specific info.
+                const maxCharHeight = this._getFontHeight(font);
+                const maxCharWidth = this._getFontWidth(font);
+                this._charSize = Math.max(maxCharHeight.height, maxCharWidth);
+                // This is an approximate size, but should always be able to fit at least the maxCharCount.
+                const textureWidth = Math.ceil(this._charSize * text.length);
+                const textureHeight = this._charSize;
+                // Create the texture that will store the font characters.
+                this._texture = scene.getEngine().createDynamicTexture(textureWidth, textureHeight, false, Texture.NEAREST_SAMPLINGMODE);
+                //scene.getEngine().setclamp
+                const textureSize = this.getSize();
+                // Create a canvas with the final size: the one matching the texture.
+                const canvas = document.createElement("canvas");
+                canvas.width = textureSize.width;
+                canvas.height = textureSize.height;
+                const context = canvas.getContext("2d");
+                context.textBaseline = "top";
+                context.font = font;
+                context.fillStyle = "white";
+                context.imageSmoothingEnabled = false;
+                // Sets the text in the texture.
+                for (let i = 0; i < text.length; i++) {
+                    context.fillText(text[i], i * this._charSize, -maxCharHeight.offset);
+                }
+                // Flush the text in the dynamic texture.
+                scene.getEngine().updateDynamicTexture(this._texture, canvas, false, true);
+            }
+            /**
+             * Gets the max char width of a font.
+             * @param font the font to use, use the W3C CSS notation
+             * @returns the max char width
+             */
+            _getFontWidth(font) {
+                const fontDraw = document.createElement("canvas");
+                const ctx = fontDraw.getContext("2d");
+                ctx.fillStyle = "white";
+                ctx.font = font;
+                return ctx.measureText("W").width;
+            }
+            // More info here: https://videlais.com/2014/03/16/the-many-and-varied-problems-with-measuring-font-height-for-html5-canvas/
+            /**
+             * Gets the max char height of a font.
+             * @param font the font to use, use the W3C CSS notation
+             * @returns the max char height
+             */
+            _getFontHeight(font) {
+                const fontDraw = document.createElement("canvas");
+                const ctx = fontDraw.getContext("2d");
+                ctx.fillRect(0, 0, fontDraw.width, fontDraw.height);
+                ctx.textBaseline = "top";
+                ctx.fillStyle = "white";
+                ctx.font = font;
+                ctx.fillText("jH|", 0, 0);
+                const pixels = ctx.getImageData(0, 0, fontDraw.width, fontDraw.height).data;
+                let start = -1;
+                let end = -1;
+                for (let row = 0; row < fontDraw.height; row++) {
+                    for (let column = 0; column < fontDraw.width; column++) {
+                        const index = (row * fontDraw.width + column) * 4;
+                        if (pixels[index] === 0) {
+                            if (column === fontDraw.width - 1 && start !== -1) {
+                                end = row;
+                                row = fontDraw.height;
+                                break;
+                            }
+                            continue;
+                        }
+                        else {
+                            if (start === -1) {
+                                start = row;
+                            }
+                            break;
+                        }
                     }
-                    break;
                 }
+                return { height: end - start + 1, offset: start - 1 };
             }
-        }
-        return { height: end - start + 1, offset: start - 1 };
-    }
-    /**
-     * Clones the current AsciiArtTexture.
-     * @returns the clone of the texture.
-     */
-    clone() {
-        return new AsciiArtFontTexture(this.name, this._font, this._text, this.getScene());
-    }
-    /**
-     * Parses a json object representing the texture and returns an instance of it.
-     * @param source the source JSON representation
-     * @param scene the scene to create the texture for
-     * @returns the parsed texture
-     */
-    static Parse(source, scene) {
-        const texture = SerializationHelper.Parse(() => new AsciiArtFontTexture(source.name, source.font, source.text, scene), source, scene, null);
-        return texture;
-    }
-}
-__decorate([
-    serialize("font")
-], AsciiArtFontTexture.prototype, "_font", void 0);
-__decorate([
-    serialize("text")
-], AsciiArtFontTexture.prototype, "_text", void 0);
+            /**
+             * Clones the current AsciiArtTexture.
+             * @returns the clone of the texture.
+             */
+            clone() {
+                return new _a(this.name, this._font, this._text, this.getScene());
+            }
+            /**
+             * Parses a json object representing the texture and returns an instance of it.
+             * @param source the source JSON representation
+             * @param scene the scene to create the texture for
+             * @returns the parsed texture
+             */
+            static Parse(source, scene) {
+                const texture = SerializationHelper.Parse(() => new _a(source.name, source.font, source.text, scene), source, scene, null);
+                return texture;
+            }
+        },
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __font_decorators = [serialize("font")];
+            __text_decorators = [serialize("text")];
+            __esDecorate(null, null, __font_decorators, { kind: "field", name: "_font", static: false, private: false, access: { has: obj => "_font" in obj, get: obj => obj._font, set: (obj, value) => { obj._font = value; } }, metadata: _metadata }, __font_initializers, __font_extraInitializers);
+            __esDecorate(null, null, __text_decorators, { kind: "field", name: "_text", static: false, private: false, access: { has: obj => "_text" in obj, get: obj => obj._text, set: (obj, value) => { obj._text = value; } }, metadata: _metadata }, __text_initializers, __text_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { AsciiArtFontTexture };
 /**
  * AsciiArtPostProcess helps rendering everithing in Ascii Art.
  *

package/asciiArt/asciiArtPostProcess.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"asciiArtPostProcess.js","sourceRoot":"","sources":["../../../../dev/postProcesses/src/asciiArt/asciiArtPostProcess.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Nullable } from \"core/types\";\r\nimport { serialize } from \"core/Misc/decorators\";\r\nimport { SerializationHelper } from \"core/Misc/decorators.serialization\";\r\nimport { type Camera } from \"core/Cameras/camera\";\r\nimport { BaseTexture } from \"core/Materials/Textures/baseTexture\";\r\nimport { Texture } from \"core/Materials/Textures/texture\";\r\nimport { type Effect } from \"core/Materials/effect\";\r\nimport { PostProcess } from \"core/PostProcesses/postProcess\";\r\nimport { type Scene } from \"core/scene\";\r\nimport \"core/Engines/Extensions/engine.dynamicTexture\";\r\nimport \"./asciiart.fragment\";\r\n\r\n/*\r\n AsciiArtFontTexture is the helper class used to easily create your ascii art font texture.\r\n \r\n It basically takes care rendering the font front the given font size to a texture.\r\n * This is used later on in the postprocess.\r\n /\r\nexport class AsciiArtFontTexture extends BaseTexture {\r\n @serialize(\"font\")\r\n private _font: string;\r\n\r\n @serialize(\"text\")\r\n private _text: string;\r\n\r\n private _charSize: number;\r\n\r\n /\r\n Gets the size of one char in the texture (each char fits in size * size space in the texture).\r\n /\r\n public get charSize(): number {\r\n return this._charSize;\r\n }\r\n\r\n /\r\n Create a new instance of the Ascii Art FontTexture class\r\n * @param name the name of the texture\r\n * @param font the font to use, use the W3C CSS notation\r\n * @param text the caracter set to use in the rendering.\r\n * @param scene the scene that owns the texture\r\n /\r\n constructor(name: string, font: string, text: string, scene: Nullable<Scene> = null) {\r\n super(scene);\r\n\r\n scene = this.getScene();\r\n\r\n if (!scene) {\r\n return;\r\n }\r\n\r\n this.name = name;\r\n this._text == text;\r\n this._font == font;\r\n\r\n this.wrapU = Texture.CLAMP_ADDRESSMODE;\r\n this.wrapV = Texture.CLAMP_ADDRESSMODE;\r\n //this.anisotropicFilteringLevel = 1;\r\n\r\n // Get the font specific info.\r\n const maxCharHeight = this._getFontHeight(font);\r\n const maxCharWidth = this._getFontWidth(font);\r\n\r\n this._charSize = Math.max(maxCharHeight.height, maxCharWidth);\r\n\r\n // This is an approximate size, but should always be able to fit at least the maxCharCount.\r\n const textureWidth = Math.ceil(this._charSize text.length);\r\n const textureHeight = this._charSize;\r\n\r\n // Create the texture that will store the font characters.\r\n this._texture = scene.getEngine().createDynamicTexture(textureWidth, textureHeight, false, Texture.NEAREST_SAMPLINGMODE);\r\n //scene.getEngine().setclamp\r\n const textureSize = this.getSize();\r\n\r\n // Create a canvas with the final size: the one matching the texture.\r\n const canvas = document.createElement(\"canvas\");\r\n canvas.width = textureSize.width;\r\n canvas.height = textureSize.height;\r\n const context = <CanvasRenderingContext2D>canvas.getContext(\"2d\");\r\n context.textBaseline = \"top\";\r\n context.font = font;\r\n context.fillStyle = \"white\";\r\n context.imageSmoothingEnabled = false;\r\n\r\n // Sets the text in the texture.\r\n for (let i = 0; i < text.length; i++) {\r\n context.fillText(text[i], i * this._charSize, -maxCharHeight.offset);\r\n }\r\n\r\n // Flush the text in the dynamic texture.\r\n\r\n scene.getEngine().updateDynamicTexture(this._texture, canvas, false, true);\r\n }\r\n\r\n /*\r\n Gets the max char width of a font.\r\n * @param font the font to use, use the W3C CSS notation\r\n * @returns the max char width\r\n /\r\n private _getFontWidth(font: string): number {\r\n const fontDraw = document.createElement(\"canvas\");\r\n const ctx = <CanvasRenderingContext2D>fontDraw.getContext(\"2d\");\r\n ctx.fillStyle = \"white\";\r\n ctx.font = font;\r\n\r\n return ctx.measureText(\"W\").width;\r\n }\r\n\r\n // More info here: https://videlais.com/2014/03/16/the-many-and-varied-problems-with-measuring-font-height-for-html5-canvas/\r\n /\r\n Gets the max char height of a font.\r\n * @param font the font to use, use the W3C CSS notation\r\n * @returns the max char height\r\n /\r\n private _getFontHeight(font: string): { height: number; offset: number } {\r\n const fontDraw = document.createElement(\"canvas\");\r\n const ctx = <CanvasRenderingContext2D>fontDraw.getContext(\"2d\");\r\n ctx.fillRect(0, 0, fontDraw.width, fontDraw.height);\r\n ctx.textBaseline = \"top\";\r\n ctx.fillStyle = \"white\";\r\n ctx.font = font;\r\n ctx.fillText(\"jH\|\", 0, 0);\r\n const pixels = ctx.getImageData(0, 0, fontDraw.width, fontDraw.height).data;\r\n let start = -1;\r\n let end = -1;\r\n for (let row = 0; row < fontDraw.height; row++) {\r\n for (let column = 0; column < fontDraw.width; column++) {\r\n const index = (row fontDraw.width + column) * 4;\r\n if (pixels[index] === 0) {\r\n if (column === fontDraw.width - 1 && start !== -1) {\r\n end = row;\r\n row = fontDraw.height;\r\n break;\r\n }\r\n continue;\r\n } else {\r\n if (start === -1) {\r\n start = row;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n return { height: end - start + 1, offset: start - 1 };\r\n }\r\n\r\n /*\r\n Clones the current AsciiArtTexture.\r\n * @returns the clone of the texture.\r\n /\r\n public override clone(): AsciiArtFontTexture {\r\n return new AsciiArtFontTexture(this.name, this._font, this._text, this.getScene());\r\n }\r\n\r\n /\r\n Parses a json object representing the texture and returns an instance of it.\r\n * @param source the source JSON representation\r\n * @param scene the scene to create the texture for\r\n * @returns the parsed texture\r\n /\r\n public static Parse(source: any, scene: Scene): AsciiArtFontTexture {\r\n const texture = SerializationHelper.Parse(() => new AsciiArtFontTexture(source.name, source.font, source.text, scene), source, scene, null);\r\n\r\n return texture;\r\n }\r\n}\r\n\r\n/\r\n Option available in the Ascii Art Post Process.\r\n /\r\nexport interface IAsciiArtPostProcessOptions {\r\n /\r\n The font to use following the w3c font definition.\r\n /\r\n font?: string;\r\n\r\n /\r\n The character set to use in the postprocess.\r\n /\r\n characterSet?: string;\r\n\r\n /\r\n This defines the amount you want to mix the \"tile\" or caracter space colored in the ascii art.\r\n * This number is defined between 0 and 1;\r\n /\r\n mixToTile?: number;\r\n\r\n /\r\n This defines the amount you want to mix the normal rendering pass in the ascii art.\r\n * This number is defined between 0 and 1;\r\n /\r\n mixToNormal?: number;\r\n}\r\n\r\n/\r\n AsciiArtPostProcess helps rendering everithing in Ascii Art.\r\n \r\n Simmply add it to your scene and let the nerd that lives in you have fun.\r\n * Example usage: var pp = new AsciiArtPostProcess(\"myAscii\", \"20px Monospace\", camera);\r\n /\r\nexport class AsciiArtPostProcess extends PostProcess {\r\n /\r\n The font texture used to render the char in the post process.\r\n /\r\n private _asciiArtFontTexture: AsciiArtFontTexture;\r\n\r\n /\r\n This defines the amount you want to mix the \"tile\" or caracter space colored in the ascii art.\r\n * This number is defined between 0 and 1;\r\n /\r\n public mixToTile: number = 0;\r\n\r\n /\r\n This defines the amount you want to mix the normal rendering pass in the ascii art.\r\n * This number is defined between 0 and 1;\r\n /\r\n public mixToNormal: number = 0;\r\n\r\n /\r\n Instantiates a new Ascii Art Post Process.\r\n * @param name the name to give to the postprocess\r\n * @camera the camera to apply the post process to.\r\n * @param camera\r\n * @param options can either be the font name or an option object following the IAsciiArtPostProcessOptions format\r\n /\r\n constructor(name: string, camera: Nullable<Camera>, options?: string \| IAsciiArtPostProcessOptions) {\r\n super(name, \"asciiart\", [\"asciiArtFontInfos\", \"asciiArtOptions\"], [\"asciiArtFont\"], 1, camera, Texture.TRILINEAR_SAMPLINGMODE, undefined, true);\r\n\r\n // Default values.\r\n let font = \"40px Monospace\";\r\n let characterSet = \" `-.'_:,\\\"=^;<+!?/cL\\\\zrs7TivJtC{3F)Il(xZfY5S2eajo14[nuyE]P6V9kXpKwGhqAUbOd8#HRDB0$mgMW&Q%N@\";\r\n\r\n // Use options.\r\n if (options) {\r\n if (typeof options === \"string\") {\r\n font = options;\r\n } else {\r\n font = options.font \|\| font;\r\n characterSet = options.characterSet \|\| characterSet;\r\n this.mixToTile = options.mixToTile \|\| this.mixToTile;\r\n this.mixToNormal = options.mixToNormal \|\| this.mixToNormal;\r\n }\r\n }\r\n\r\n const scene = camera?.getScene() \|\| this._scene;\r\n this._asciiArtFontTexture = new AsciiArtFontTexture(name, font, characterSet, scene);\r\n const textureSize = this._asciiArtFontTexture.getSize();\r\n\r\n this.onApply = (effect: Effect) => {\r\n effect.setTexture(\"asciiArtFont\", this._asciiArtFontTexture);\r\n\r\n effect.setFloat4(\"asciiArtFontInfos\", this._asciiArtFontTexture.charSize, characterSet.length, textureSize.width, textureSize.height);\r\n\r\n effect.setFloat4(\"asciiArtOptions\", this.width, this.height, this.mixToNormal, this.mixToTile);\r\n };\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"asciiArtPostProcess.js","sourceRoot":"","sources":["../../../../dev/postProcesses/src/asciiArt/asciiArtPostProcess.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Nullable } from \"core/types\";\r\nimport { serialize } from \"core/Misc/decorators\";\r\nimport { SerializationHelper } from \"core/Misc/decorators.serialization\";\r\nimport { type Camera } from \"core/Cameras/camera\";\r\nimport { BaseTexture } from \"core/Materials/Textures/baseTexture\";\r\nimport { Texture } from \"core/Materials/Textures/texture\";\r\nimport { type Effect } from \"core/Materials/effect\";\r\nimport { PostProcess } from \"core/PostProcesses/postProcess\";\r\nimport { type Scene } from \"core/scene\";\r\nimport \"core/Engines/Extensions/engine.dynamicTexture\";\r\nimport \"./asciiart.fragment\";\r\n\r\n/*\r\n AsciiArtFontTexture is the helper class used to easily create your ascii art font texture.\r\n \r\n It basically takes care rendering the font front the given font size to a texture.\r\n * This is used later on in the postprocess.\r\n /\r\nexport class AsciiArtFontTexture extends BaseTexture {\r\n @serialize(\"font\")\r\n private _font: string;\r\n\r\n @serialize(\"text\")\r\n private _text: string;\r\n\r\n private _charSize: number;\r\n\r\n /\r\n Gets the size of one char in the texture (each char fits in size * size space in the texture).\r\n /\r\n public get charSize(): number {\r\n return this._charSize;\r\n }\r\n\r\n /\r\n Create a new instance of the Ascii Art FontTexture class\r\n * @param name the name of the texture\r\n * @param font the font to use, use the W3C CSS notation\r\n * @param text the caracter set to use in the rendering.\r\n * @param scene the scene that owns the texture\r\n /\r\n constructor(name: string, font: string, text: string, scene: Nullable<Scene> = null) {\r\n super(scene);\r\n\r\n scene = this.getScene();\r\n\r\n if (!scene) {\r\n return;\r\n }\r\n\r\n this.name = name;\r\n this._text == text;\r\n this._font == font;\r\n\r\n this.wrapU = Texture.CLAMP_ADDRESSMODE;\r\n this.wrapV = Texture.CLAMP_ADDRESSMODE;\r\n //this.anisotropicFilteringLevel = 1;\r\n\r\n // Get the font specific info.\r\n const maxCharHeight = this._getFontHeight(font);\r\n const maxCharWidth = this._getFontWidth(font);\r\n\r\n this._charSize = Math.max(maxCharHeight.height, maxCharWidth);\r\n\r\n // This is an approximate size, but should always be able to fit at least the maxCharCount.\r\n const textureWidth = Math.ceil(this._charSize text.length);\r\n const textureHeight = this._charSize;\r\n\r\n // Create the texture that will store the font characters.\r\n this._texture = scene.getEngine().createDynamicTexture(textureWidth, textureHeight, false, Texture.NEAREST_SAMPLINGMODE);\r\n //scene.getEngine().setclamp\r\n const textureSize = this.getSize();\r\n\r\n // Create a canvas with the final size: the one matching the texture.\r\n const canvas = document.createElement(\"canvas\");\r\n canvas.width = textureSize.width;\r\n canvas.height = textureSize.height;\r\n const context = <CanvasRenderingContext2D>canvas.getContext(\"2d\");\r\n context.textBaseline = \"top\";\r\n context.font = font;\r\n context.fillStyle = \"white\";\r\n context.imageSmoothingEnabled = false;\r\n\r\n // Sets the text in the texture.\r\n for (let i = 0; i < text.length; i++) {\r\n context.fillText(text[i], i * this._charSize, -maxCharHeight.offset);\r\n }\r\n\r\n // Flush the text in the dynamic texture.\r\n\r\n scene.getEngine().updateDynamicTexture(this._texture, canvas, false, true);\r\n }\r\n\r\n /*\r\n Gets the max char width of a font.\r\n * @param font the font to use, use the W3C CSS notation\r\n * @returns the max char width\r\n /\r\n private _getFontWidth(font: string): number {\r\n const fontDraw = document.createElement(\"canvas\");\r\n const ctx = <CanvasRenderingContext2D>fontDraw.getContext(\"2d\");\r\n ctx.fillStyle = \"white\";\r\n ctx.font = font;\r\n\r\n return ctx.measureText(\"W\").width;\r\n }\r\n\r\n // More info here: https://videlais.com/2014/03/16/the-many-and-varied-problems-with-measuring-font-height-for-html5-canvas/\r\n /\r\n Gets the max char height of a font.\r\n * @param font the font to use, use the W3C CSS notation\r\n * @returns the max char height\r\n /\r\n private _getFontHeight(font: string): { height: number; offset: number } {\r\n const fontDraw = document.createElement(\"canvas\");\r\n const ctx = <CanvasRenderingContext2D>fontDraw.getContext(\"2d\");\r\n ctx.fillRect(0, 0, fontDraw.width, fontDraw.height);\r\n ctx.textBaseline = \"top\";\r\n ctx.fillStyle = \"white\";\r\n ctx.font = font;\r\n ctx.fillText(\"jH\|\", 0, 0);\r\n const pixels = ctx.getImageData(0, 0, fontDraw.width, fontDraw.height).data;\r\n let start = -1;\r\n let end = -1;\r\n for (let row = 0; row < fontDraw.height; row++) {\r\n for (let column = 0; column < fontDraw.width; column++) {\r\n const index = (row fontDraw.width + column) * 4;\r\n if (pixels[index] === 0) {\r\n if (column === fontDraw.width - 1 && start !== -1) {\r\n end = row;\r\n row = fontDraw.height;\r\n break;\r\n }\r\n continue;\r\n } else {\r\n if (start === -1) {\r\n start = row;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n return { height: end - start + 1, offset: start - 1 };\r\n }\r\n\r\n /*\r\n Clones the current AsciiArtTexture.\r\n * @returns the clone of the texture.\r\n /\r\n public override clone(): AsciiArtFontTexture {\r\n return new AsciiArtFontTexture(this.name, this._font, this._text, this.getScene());\r\n }\r\n\r\n /\r\n Parses a json object representing the texture and returns an instance of it.\r\n * @param source the source JSON representation\r\n * @param scene the scene to create the texture for\r\n * @returns the parsed texture\r\n /\r\n public static Parse(source: any, scene: Scene): AsciiArtFontTexture {\r\n const texture = SerializationHelper.Parse(() => new AsciiArtFontTexture(source.name, source.font, source.text, scene), source, scene, null);\r\n\r\n return texture;\r\n }\r\n}\r\n\r\n/\r\n Option available in the Ascii Art Post Process.\r\n /\r\nexport interface IAsciiArtPostProcessOptions {\r\n /\r\n The font to use following the w3c font definition.\r\n /\r\n font?: string;\r\n\r\n /\r\n The character set to use in the postprocess.\r\n /\r\n characterSet?: string;\r\n\r\n /\r\n This defines the amount you want to mix the \"tile\" or caracter space colored in the ascii art.\r\n * This number is defined between 0 and 1;\r\n /\r\n mixToTile?: number;\r\n\r\n /\r\n This defines the amount you want to mix the normal rendering pass in the ascii art.\r\n * This number is defined between 0 and 1;\r\n /\r\n mixToNormal?: number;\r\n}\r\n\r\n/\r\n AsciiArtPostProcess helps rendering everithing in Ascii Art.\r\n \r\n Simmply add it to your scene and let the nerd that lives in you have fun.\r\n * Example usage: var pp = new AsciiArtPostProcess(\"myAscii\", \"20px Monospace\", camera);\r\n /\r\nexport class AsciiArtPostProcess extends PostProcess {\r\n /\r\n The font texture used to render the char in the post process.\r\n /\r\n private _asciiArtFontTexture: AsciiArtFontTexture;\r\n\r\n /\r\n This defines the amount you want to mix the \"tile\" or caracter space colored in the ascii art.\r\n * This number is defined between 0 and 1;\r\n /\r\n public mixToTile: number = 0;\r\n\r\n /\r\n This defines the amount you want to mix the normal rendering pass in the ascii art.\r\n * This number is defined between 0 and 1;\r\n /\r\n public mixToNormal: number = 0;\r\n\r\n /\r\n Instantiates a new Ascii Art Post Process.\r\n * @param name the name to give to the postprocess\r\n * @camera the camera to apply the post process to.\r\n * @param camera\r\n * @param options can either be the font name or an option object following the IAsciiArtPostProcessOptions format\r\n /\r\n constructor(name: string, camera: Nullable<Camera>, options?: string \| IAsciiArtPostProcessOptions) {\r\n super(name, \"asciiart\", [\"asciiArtFontInfos\", \"asciiArtOptions\"], [\"asciiArtFont\"], 1, camera, Texture.TRILINEAR_SAMPLINGMODE, undefined, true);\r\n\r\n // Default values.\r\n let font = \"40px Monospace\";\r\n let characterSet = \" `-.'_:,\\\"=^;<+!?/cL\\\\zrs7TivJtC{3F)Il(xZfY5S2eajo14[nuyE]P6V9kXpKwGhqAUbOd8#HRDB0$mgMW&Q%N@\";\r\n\r\n // Use options.\r\n if (options) {\r\n if (typeof options === \"string\") {\r\n font = options;\r\n } else {\r\n font = options.font \|\| font;\r\n characterSet = options.characterSet \|\| characterSet;\r\n this.mixToTile = options.mixToTile \|\| this.mixToTile;\r\n this.mixToNormal = options.mixToNormal \|\| this.mixToNormal;\r\n }\r\n }\r\n\r\n const scene = camera?.getScene() \|\| this._scene;\r\n this._asciiArtFontTexture = new AsciiArtFontTexture(name, font, characterSet, scene);\r\n const textureSize = this._asciiArtFontTexture.getSize();\r\n\r\n this.onApply = (effect: Effect) => {\r\n effect.setTexture(\"asciiArtFont\", this._asciiArtFontTexture);\r\n\r\n effect.setFloat4(\"asciiArtFontInfos\", this._asciiArtFontTexture.charSize, characterSet.length, textureSize.width, textureSize.height);\r\n\r\n effect.setFloat4(\"asciiArtOptions\", this.width, this.height, this.mixToNormal, this.mixToTile);\r\n };\r\n }\r\n}\r\n"]}

package/digitalRain/digitalRainPostProcess.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __decorate } from "@babylonjs/core/tslib.es6.js";
+import { __esDecorate, __runInitializers } from "@babylonjs/core/tslib.es6.js";
 import { serialize } from "@babylonjs/core/Misc/decorators.js";
 import { SerializationHelper } from "@babylonjs/core/Misc/decorators.serialization.js";
 import { Matrix } from "@babylonjs/core/Maths/math.vector.js";
@@ -13,132 +13,149 @@ import "./digitalrain.fragment.js";
  * It basically takes care rendering the font front the given font size to a texture.
  * This is used later on in the postprocess.
  */
-export class DigitalRainFontTexture extends BaseTexture {
-    /**
-     * Gets the size of one char in the texture (each char fits in size * size space in the texture).
-     */
-    get charSize() {
-        return this._charSize;
-    }
-    /**
-     * Create a new instance of the Digital Rain FontTexture class
-     * @param name the name of the texture
-     * @param font the font to use, use the W3C CSS notation
-     * @param text the caracter set to use in the rendering.
-     * @param scene the scene that owns the texture
-     */
-    constructor(name, font, text, scene = null) {
-        super(scene);
-        scene = this.getScene();
-        if (!scene) {
-            return;
-        }
-        this.name = name;
-        this._text == text;
-        this._font == font;
-        this.wrapU = Texture.CLAMP_ADDRESSMODE;
-        this.wrapV = Texture.CLAMP_ADDRESSMODE;
-        // Get the font specific info.
-        const maxCharHeight = this._getFontHeight(font);
-        const maxCharWidth = this._getFontWidth(font);
-        this._charSize = Math.max(maxCharHeight.height, maxCharWidth);
-        // This is an approximate size, but should always be able to fit at least the maxCharCount.
-        const textureWidth = this._charSize;
-        const textureHeight = Math.ceil(this._charSize * text.length);
-        // Create the texture that will store the font characters.
-        this._texture = scene.getEngine().createDynamicTexture(textureWidth, textureHeight, false, Texture.NEAREST_SAMPLINGMODE);
-        //scene.getEngine().setclamp
-        const textureSize = this.getSize();
-        // Create a canvas with the final size: the one matching the texture.
-        const canvas = document.createElement("canvas");
-        canvas.width = textureSize.width;
-        canvas.height = textureSize.height;
-        const context = canvas.getContext("2d");
-        context.textBaseline = "top";
-        context.font = font;
-        context.fillStyle = "white";
-        context.imageSmoothingEnabled = false;
-        // Sets the text in the texture.
-        for (let i = 0; i < text.length; i++) {
-            context.fillText(text[i], 0, i * this._charSize - maxCharHeight.offset);
-        }
-        // Flush the text in the dynamic texture.
-        scene.getEngine().updateDynamicTexture(this._texture, canvas, false, true);
-    }
-    /**
-     * Gets the max char width of a font.
-     * @param font the font to use, use the W3C CSS notation
-     * @returns the max char width
-     */
-    _getFontWidth(font) {
-        const fontDraw = document.createElement("canvas");
-        const ctx = fontDraw.getContext("2d");
-        ctx.fillStyle = "white";
-        ctx.font = font;
-        return ctx.measureText("W").width;
-    }
-    // More info here: https://videlais.com/2014/03/16/the-many-and-varied-problems-with-measuring-font-height-for-html5-canvas/
-    /**
-     * Gets the max char height of a font.
-     * @param font the font to use, use the W3C CSS notation
-     * @returns the max char height
-     */
-    _getFontHeight(font) {
-        const fontDraw = document.createElement("canvas");
-        const ctx = fontDraw.getContext("2d");
-        ctx.fillRect(0, 0, fontDraw.width, fontDraw.height);
-        ctx.textBaseline = "top";
-        ctx.fillStyle = "white";
-        ctx.font = font;
-        ctx.fillText("jH|", 0, 0);
-        const pixels = ctx.getImageData(0, 0, fontDraw.width, fontDraw.height).data;
-        let start = -1;
-        let end = -1;
-        for (let row = 0; row < fontDraw.height; row++) {
-            for (let column = 0; column < fontDraw.width; column++) {
-                const index = (row * fontDraw.width + column) * 4;
-                if (pixels[index] === 0) {
-                    if (column === fontDraw.width - 1 && start !== -1) {
-                        end = row;
-                        row = fontDraw.height;
-                        break;
-                    }
-                    continue;
+let DigitalRainFontTexture = (() => {
+    var _a;
+    let _classSuper = BaseTexture;
+    let __font_decorators;
+    let __font_initializers = [];
+    let __font_extraInitializers = [];
+    let __text_decorators;
+    let __text_initializers = [];
+    let __text_extraInitializers = [];
+    return _a = class DigitalRainFontTexture extends _classSuper {
+            /**
+             * Gets the size of one char in the texture (each char fits in size * size space in the texture).
+             */
+            get charSize() {
+                return this._charSize;
+            }
+            /**
+             * Create a new instance of the Digital Rain FontTexture class
+             * @param name the name of the texture
+             * @param font the font to use, use the W3C CSS notation
+             * @param text the caracter set to use in the rendering.
+             * @param scene the scene that owns the texture
+             */
+            constructor(name, font, text, scene = null) {
+                super(scene);
+                this._font = __runInitializers(this, __font_initializers, void 0);
+                this._text = (__runInitializers(this, __font_extraInitializers), __runInitializers(this, __text_initializers, void 0));
+                this._charSize = __runInitializers(this, __text_extraInitializers);
+                scene = this.getScene();
+                if (!scene) {
+                    return;
                 }
-                else {
-                    if (start === -1) {
-                        start = row;
+                this.name = name;
+                this._text == text;
+                this._font == font;
+                this.wrapU = Texture.CLAMP_ADDRESSMODE;
+                this.wrapV = Texture.CLAMP_ADDRESSMODE;
+                // Get the font specific info.
+                const maxCharHeight = this._getFontHeight(font);
+                const maxCharWidth = this._getFontWidth(font);
+                this._charSize = Math.max(maxCharHeight.height, maxCharWidth);
+                // This is an approximate size, but should always be able to fit at least the maxCharCount.
+                const textureWidth = this._charSize;
+                const textureHeight = Math.ceil(this._charSize * text.length);
+                // Create the texture that will store the font characters.
+                this._texture = scene.getEngine().createDynamicTexture(textureWidth, textureHeight, false, Texture.NEAREST_SAMPLINGMODE);
+                //scene.getEngine().setclamp
+                const textureSize = this.getSize();
+                // Create a canvas with the final size: the one matching the texture.
+                const canvas = document.createElement("canvas");
+                canvas.width = textureSize.width;
+                canvas.height = textureSize.height;
+                const context = canvas.getContext("2d");
+                context.textBaseline = "top";
+                context.font = font;
+                context.fillStyle = "white";
+                context.imageSmoothingEnabled = false;
+                // Sets the text in the texture.
+                for (let i = 0; i < text.length; i++) {
+                    context.fillText(text[i], 0, i * this._charSize - maxCharHeight.offset);
+                }
+                // Flush the text in the dynamic texture.
+                scene.getEngine().updateDynamicTexture(this._texture, canvas, false, true);
+            }
+            /**
+             * Gets the max char width of a font.
+             * @param font the font to use, use the W3C CSS notation
+             * @returns the max char width
+             */
+            _getFontWidth(font) {
+                const fontDraw = document.createElement("canvas");
+                const ctx = fontDraw.getContext("2d");
+                ctx.fillStyle = "white";
+                ctx.font = font;
+                return ctx.measureText("W").width;
+            }
+            // More info here: https://videlais.com/2014/03/16/the-many-and-varied-problems-with-measuring-font-height-for-html5-canvas/
+            /**
+             * Gets the max char height of a font.
+             * @param font the font to use, use the W3C CSS notation
+             * @returns the max char height
+             */
+            _getFontHeight(font) {
+                const fontDraw = document.createElement("canvas");
+                const ctx = fontDraw.getContext("2d");
+                ctx.fillRect(0, 0, fontDraw.width, fontDraw.height);
+                ctx.textBaseline = "top";
+                ctx.fillStyle = "white";
+                ctx.font = font;
+                ctx.fillText("jH|", 0, 0);
+                const pixels = ctx.getImageData(0, 0, fontDraw.width, fontDraw.height).data;
+                let start = -1;
+                let end = -1;
+                for (let row = 0; row < fontDraw.height; row++) {
+                    for (let column = 0; column < fontDraw.width; column++) {
+                        const index = (row * fontDraw.width + column) * 4;
+                        if (pixels[index] === 0) {
+                            if (column === fontDraw.width - 1 && start !== -1) {
+                                end = row;
+                                row = fontDraw.height;
+                                break;
+                            }
+                            continue;
+                        }
+                        else {
+                            if (start === -1) {
+                                start = row;
+                            }
+                            break;
+                        }
                     }
-                    break;
                 }
+                return { height: end - start + 1, offset: start - 1 };
             }
-        }
-        return { height: end - start + 1, offset: start - 1 };
-    }
-    /**
-     * Clones the current DigitalRainFontTexture.
-     * @returns the clone of the texture.
-     */
-    clone() {
-        return new DigitalRainFontTexture(this.name, this._font, this._text, this.getScene());
-    }
-    /**
-     * Parses a json object representing the texture and returns an instance of it.
-     * @param source the source JSON representation
-     * @param scene the scene to create the texture for
-     * @returns the parsed texture
-     */
-    static Parse(source, scene) {
-        const texture = SerializationHelper.Parse(() => new DigitalRainFontTexture(source.name, source.font, source.text, scene), source, scene, null);
-        return texture;
-    }
-}
-__decorate([
-    serialize("font")
-], DigitalRainFontTexture.prototype, "_font", void 0);
-__decorate([
-    serialize("text")
-], DigitalRainFontTexture.prototype, "_text", void 0);
+            /**
+             * Clones the current DigitalRainFontTexture.
+             * @returns the clone of the texture.
+             */
+            clone() {
+                return new _a(this.name, this._font, this._text, this.getScene());
+            }
+            /**
+             * Parses a json object representing the texture and returns an instance of it.
+             * @param source the source JSON representation
+             * @param scene the scene to create the texture for
+             * @returns the parsed texture
+             */
+            static Parse(source, scene) {
+                const texture = SerializationHelper.Parse(() => new _a(source.name, source.font, source.text, scene), source, scene, null);
+                return texture;
+            }
+        },
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __font_decorators = [serialize("font")];
+            __text_decorators = [serialize("text")];
+            __esDecorate(null, null, __font_decorators, { kind: "field", name: "_font", static: false, private: false, access: { has: obj => "_font" in obj, get: obj => obj._font, set: (obj, value) => { obj._font = value; } }, metadata: _metadata }, __font_initializers, __font_extraInitializers);
+            __esDecorate(null, null, __text_decorators, { kind: "field", name: "_text", static: false, private: false, access: { has: obj => "_text" in obj, get: obj => obj._text, set: (obj, value) => { obj._text = value; } }, metadata: _metadata }, __text_initializers, __text_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { DigitalRainFontTexture };
 /**
  * DigitalRainPostProcess helps rendering everithing in digital rain.
  *

package/digitalRain/digitalRainPostProcess.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"digitalRainPostProcess.js","sourceRoot":"","sources":["../../../../dev/postProcesses/src/digitalRain/digitalRainPostProcess.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Nullable } from \"core/types\";\r\nimport { serialize } from \"core/Misc/decorators\";\r\nimport { SerializationHelper } from \"core/Misc/decorators.serialization\";\r\nimport { Matrix } from \"core/Maths/math.vector\";\r\nimport { type Camera } from \"core/Cameras/camera\";\r\nimport { BaseTexture } from \"core/Materials/Textures/baseTexture\";\r\nimport { Texture } from \"core/Materials/Textures/texture\";\r\nimport { type Effect } from \"core/Materials/effect\";\r\nimport { PostProcess } from \"core/PostProcesses/postProcess\";\r\nimport { type Scene } from \"core/scene\";\r\nimport \"core/Engines/Extensions/engine.dynamicTexture\";\r\nimport \"./digitalrain.fragment\";\r\n\r\n/*\r\n DigitalRainFontTexture is the helper class used to easily create your digital rain font texture.\r\n \r\n It basically takes care rendering the font front the given font size to a texture.\r\n * This is used later on in the postprocess.\r\n /\r\nexport class DigitalRainFontTexture extends BaseTexture {\r\n @serialize(\"font\")\r\n private _font: string;\r\n\r\n @serialize(\"text\")\r\n private _text: string;\r\n\r\n private _charSize: number;\r\n\r\n /\r\n Gets the size of one char in the texture (each char fits in size * size space in the texture).\r\n /\r\n public get charSize(): number {\r\n return this._charSize;\r\n }\r\n\r\n /\r\n Create a new instance of the Digital Rain FontTexture class\r\n * @param name the name of the texture\r\n * @param font the font to use, use the W3C CSS notation\r\n * @param text the caracter set to use in the rendering.\r\n * @param scene the scene that owns the texture\r\n /\r\n constructor(name: string, font: string, text: string, scene: Nullable<Scene> = null) {\r\n super(scene);\r\n\r\n scene = this.getScene();\r\n\r\n if (!scene) {\r\n return;\r\n }\r\n\r\n this.name = name;\r\n this._text == text;\r\n this._font == font;\r\n\r\n this.wrapU = Texture.CLAMP_ADDRESSMODE;\r\n this.wrapV = Texture.CLAMP_ADDRESSMODE;\r\n\r\n // Get the font specific info.\r\n const maxCharHeight = this._getFontHeight(font);\r\n const maxCharWidth = this._getFontWidth(font);\r\n\r\n this._charSize = Math.max(maxCharHeight.height, maxCharWidth);\r\n\r\n // This is an approximate size, but should always be able to fit at least the maxCharCount.\r\n const textureWidth = this._charSize;\r\n const textureHeight = Math.ceil(this._charSize text.length);\r\n\r\n // Create the texture that will store the font characters.\r\n this._texture = scene.getEngine().createDynamicTexture(textureWidth, textureHeight, false, Texture.NEAREST_SAMPLINGMODE);\r\n //scene.getEngine().setclamp\r\n const textureSize = this.getSize();\r\n\r\n // Create a canvas with the final size: the one matching the texture.\r\n const canvas = document.createElement(\"canvas\");\r\n canvas.width = textureSize.width;\r\n canvas.height = textureSize.height;\r\n const context = <CanvasRenderingContext2D>canvas.getContext(\"2d\");\r\n context.textBaseline = \"top\";\r\n context.font = font;\r\n context.fillStyle = \"white\";\r\n context.imageSmoothingEnabled = false;\r\n\r\n // Sets the text in the texture.\r\n for (let i = 0; i < text.length; i++) {\r\n context.fillText(text[i], 0, i * this._charSize - maxCharHeight.offset);\r\n }\r\n\r\n // Flush the text in the dynamic texture.\r\n scene.getEngine().updateDynamicTexture(this._texture, canvas, false, true);\r\n }\r\n\r\n /*\r\n Gets the max char width of a font.\r\n * @param font the font to use, use the W3C CSS notation\r\n * @returns the max char width\r\n /\r\n private _getFontWidth(font: string): number {\r\n const fontDraw = document.createElement(\"canvas\");\r\n const ctx = <CanvasRenderingContext2D>fontDraw.getContext(\"2d\");\r\n ctx.fillStyle = \"white\";\r\n ctx.font = font;\r\n\r\n return ctx.measureText(\"W\").width;\r\n }\r\n\r\n // More info here: https://videlais.com/2014/03/16/the-many-and-varied-problems-with-measuring-font-height-for-html5-canvas/\r\n /\r\n Gets the max char height of a font.\r\n * @param font the font to use, use the W3C CSS notation\r\n * @returns the max char height\r\n /\r\n private _getFontHeight(font: string): { height: number; offset: number } {\r\n const fontDraw = document.createElement(\"canvas\");\r\n const ctx = <CanvasRenderingContext2D>fontDraw.getContext(\"2d\");\r\n ctx.fillRect(0, 0, fontDraw.width, fontDraw.height);\r\n ctx.textBaseline = \"top\";\r\n ctx.fillStyle = \"white\";\r\n ctx.font = font;\r\n ctx.fillText(\"jH\|\", 0, 0);\r\n const pixels = ctx.getImageData(0, 0, fontDraw.width, fontDraw.height).data;\r\n let start = -1;\r\n let end = -1;\r\n for (let row = 0; row < fontDraw.height; row++) {\r\n for (let column = 0; column < fontDraw.width; column++) {\r\n const index = (row fontDraw.width + column) * 4;\r\n if (pixels[index] === 0) {\r\n if (column === fontDraw.width - 1 && start !== -1) {\r\n end = row;\r\n row = fontDraw.height;\r\n break;\r\n }\r\n continue;\r\n } else {\r\n if (start === -1) {\r\n start = row;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n return { height: end - start + 1, offset: start - 1 };\r\n }\r\n\r\n /*\r\n Clones the current DigitalRainFontTexture.\r\n * @returns the clone of the texture.\r\n /\r\n public override clone(): DigitalRainFontTexture {\r\n return new DigitalRainFontTexture(this.name, this._font, this._text, this.getScene());\r\n }\r\n\r\n /\r\n Parses a json object representing the texture and returns an instance of it.\r\n * @param source the source JSON representation\r\n * @param scene the scene to create the texture for\r\n * @returns the parsed texture\r\n /\r\n public static Parse(source: any, scene: Scene): DigitalRainFontTexture {\r\n const texture = SerializationHelper.Parse(() => new DigitalRainFontTexture(source.name, source.font, source.text, scene), source, scene, null);\r\n\r\n return texture;\r\n }\r\n}\r\n\r\n/\r\n Option available in the Digital Rain Post Process.\r\n /\r\nexport interface IDigitalRainPostProcessOptions {\r\n /\r\n The font to use following the w3c font definition.\r\n /\r\n font?: string;\r\n\r\n /\r\n This defines the amount you want to mix the \"tile\" or caracter space colored in the digital rain.\r\n * This number is defined between 0 and 1;\r\n /\r\n mixToTile?: number;\r\n\r\n /\r\n This defines the amount you want to mix the normal rendering pass in the digital rain.\r\n * This number is defined between 0 and 1;\r\n /\r\n mixToNormal?: number;\r\n}\r\n\r\n/\r\n DigitalRainPostProcess helps rendering everithing in digital rain.\r\n \r\n Simmply add it to your scene and let the nerd that lives in you have fun.\r\n * Example usage: var pp = new DigitalRainPostProcess(\"digitalRain\", \"20px Monospace\", camera);\r\n /\r\nexport class DigitalRainPostProcess extends PostProcess {\r\n /\r\n The font texture used to render the char in the post process.\r\n /\r\n private _digitalRainFontTexture: DigitalRainFontTexture;\r\n\r\n /\r\n This defines the amount you want to mix the \"tile\" or caracter space colored in the digital rain.\r\n * This number is defined between 0 and 1;\r\n /\r\n public mixToTile: number = 0;\r\n\r\n /\r\n This defines the amount you want to mix the normal rendering pass in the digital rain.\r\n * This number is defined between 0 and 1;\r\n /\r\n public mixToNormal: number = 0;\r\n\r\n /\r\n Speed of the effect\r\n /\r\n public speed: number = 0.003;\r\n\r\n /\r\n Instantiates a new Digital Rain Post Process.\r\n * @param name the name to give to the postprocess\r\n * @camera the camera to apply the post process to.\r\n * @param camera\r\n * @param options can either be the font name or an option object following the IDigitalRainPostProcessOptions format\r\n */\r\n constructor(name: string, camera: Nullable<Camera>, options?: string \| IDigitalRainPostProcessOptions) {\r\n super(\r\n name,\r\n \"digitalrain\",\r\n [\"digitalRainFontInfos\", \"digitalRainOptions\", \"cosTimeZeroOne\", \"matrixSpeed\"],\r\n [\"digitalRainFont\"],\r\n 1.0,\r\n camera,\r\n Texture.TRILINEAR_SAMPLINGMODE,\r\n undefined,\r\n true\r\n );\r\n\r\n // Default values.\r\n let font = \"15px Monospace\";\r\n const characterSet =\r\n \"古池や蛙飛び込む水の音ふるいけやかわずとびこむみずのおと初しぐれ猿も小蓑をほしげ也はつしぐれさるもこみのをほしげなり江戸の雨何石呑んだ時鳥えどのあめなんごくのんだほととぎす\";\r\n\r\n // Use options.\r\n if (options) {\r\n if (typeof options === \"string\") {\r\n font = options;\r\n } else {\r\n font = options.font \|\| font;\r\n this.mixToTile = options.mixToTile \|\| this.mixToTile;\r\n this.mixToNormal = options.mixToNormal \|\| this.mixToNormal;\r\n }\r\n }\r\n\r\n const scene = camera?.getScene() \|\| null;\r\n this._digitalRainFontTexture = new DigitalRainFontTexture(name, font, characterSet, scene);\r\n const textureSize = this._digitalRainFontTexture.getSize();\r\n\r\n let alpha = 0.0;\r\n let cosTimeZeroOne = 0.0;\r\n const matrix = Matrix.FromValues(\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random()\r\n );\r\n\r\n this.onApply = (effect: Effect) => {\r\n effect.setTexture(\"digitalRainFont\", this._digitalRainFontTexture);\r\n\r\n effect.setFloat4(\"digitalRainFontInfos\", this._digitalRainFontTexture.charSize, characterSet.length, textureSize.width, textureSize.height);\r\n\r\n effect.setFloat4(\"digitalRainOptions\", this.width, this.height, this.mixToNormal, this.mixToTile);\r\n\r\n effect.setMatrix(\"matrixSpeed\", matrix);\r\n\r\n alpha += this.speed;\r\n cosTimeZeroOne = alpha;\r\n effect.setFloat(\"cosTimeZeroOne\", cosTimeZeroOne);\r\n };\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"digitalRainPostProcess.js","sourceRoot":"","sources":["../../../../dev/postProcesses/src/digitalRain/digitalRainPostProcess.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Nullable } from \"core/types\";\r\nimport { serialize } from \"core/Misc/decorators\";\r\nimport { SerializationHelper } from \"core/Misc/decorators.serialization\";\r\nimport { Matrix } from \"core/Maths/math.vector\";\r\nimport { type Camera } from \"core/Cameras/camera\";\r\nimport { BaseTexture } from \"core/Materials/Textures/baseTexture\";\r\nimport { Texture } from \"core/Materials/Textures/texture\";\r\nimport { type Effect } from \"core/Materials/effect\";\r\nimport { PostProcess } from \"core/PostProcesses/postProcess\";\r\nimport { type Scene } from \"core/scene\";\r\nimport \"core/Engines/Extensions/engine.dynamicTexture\";\r\nimport \"./digitalrain.fragment\";\r\n\r\n/*\r\n DigitalRainFontTexture is the helper class used to easily create your digital rain font texture.\r\n \r\n It basically takes care rendering the font front the given font size to a texture.\r\n * This is used later on in the postprocess.\r\n /\r\nexport class DigitalRainFontTexture extends BaseTexture {\r\n @serialize(\"font\")\r\n private _font: string;\r\n\r\n @serialize(\"text\")\r\n private _text: string;\r\n\r\n private _charSize: number;\r\n\r\n /\r\n Gets the size of one char in the texture (each char fits in size * size space in the texture).\r\n /\r\n public get charSize(): number {\r\n return this._charSize;\r\n }\r\n\r\n /\r\n Create a new instance of the Digital Rain FontTexture class\r\n * @param name the name of the texture\r\n * @param font the font to use, use the W3C CSS notation\r\n * @param text the caracter set to use in the rendering.\r\n * @param scene the scene that owns the texture\r\n /\r\n constructor(name: string, font: string, text: string, scene: Nullable<Scene> = null) {\r\n super(scene);\r\n\r\n scene = this.getScene();\r\n\r\n if (!scene) {\r\n return;\r\n }\r\n\r\n this.name = name;\r\n this._text == text;\r\n this._font == font;\r\n\r\n this.wrapU = Texture.CLAMP_ADDRESSMODE;\r\n this.wrapV = Texture.CLAMP_ADDRESSMODE;\r\n\r\n // Get the font specific info.\r\n const maxCharHeight = this._getFontHeight(font);\r\n const maxCharWidth = this._getFontWidth(font);\r\n\r\n this._charSize = Math.max(maxCharHeight.height, maxCharWidth);\r\n\r\n // This is an approximate size, but should always be able to fit at least the maxCharCount.\r\n const textureWidth = this._charSize;\r\n const textureHeight = Math.ceil(this._charSize text.length);\r\n\r\n // Create the texture that will store the font characters.\r\n this._texture = scene.getEngine().createDynamicTexture(textureWidth, textureHeight, false, Texture.NEAREST_SAMPLINGMODE);\r\n //scene.getEngine().setclamp\r\n const textureSize = this.getSize();\r\n\r\n // Create a canvas with the final size: the one matching the texture.\r\n const canvas = document.createElement(\"canvas\");\r\n canvas.width = textureSize.width;\r\n canvas.height = textureSize.height;\r\n const context = <CanvasRenderingContext2D>canvas.getContext(\"2d\");\r\n context.textBaseline = \"top\";\r\n context.font = font;\r\n context.fillStyle = \"white\";\r\n context.imageSmoothingEnabled = false;\r\n\r\n // Sets the text in the texture.\r\n for (let i = 0; i < text.length; i++) {\r\n context.fillText(text[i], 0, i * this._charSize - maxCharHeight.offset);\r\n }\r\n\r\n // Flush the text in the dynamic texture.\r\n scene.getEngine().updateDynamicTexture(this._texture, canvas, false, true);\r\n }\r\n\r\n /*\r\n Gets the max char width of a font.\r\n * @param font the font to use, use the W3C CSS notation\r\n * @returns the max char width\r\n /\r\n private _getFontWidth(font: string): number {\r\n const fontDraw = document.createElement(\"canvas\");\r\n const ctx = <CanvasRenderingContext2D>fontDraw.getContext(\"2d\");\r\n ctx.fillStyle = \"white\";\r\n ctx.font = font;\r\n\r\n return ctx.measureText(\"W\").width;\r\n }\r\n\r\n // More info here: https://videlais.com/2014/03/16/the-many-and-varied-problems-with-measuring-font-height-for-html5-canvas/\r\n /\r\n Gets the max char height of a font.\r\n * @param font the font to use, use the W3C CSS notation\r\n * @returns the max char height\r\n /\r\n private _getFontHeight(font: string): { height: number; offset: number } {\r\n const fontDraw = document.createElement(\"canvas\");\r\n const ctx = <CanvasRenderingContext2D>fontDraw.getContext(\"2d\");\r\n ctx.fillRect(0, 0, fontDraw.width, fontDraw.height);\r\n ctx.textBaseline = \"top\";\r\n ctx.fillStyle = \"white\";\r\n ctx.font = font;\r\n ctx.fillText(\"jH\|\", 0, 0);\r\n const pixels = ctx.getImageData(0, 0, fontDraw.width, fontDraw.height).data;\r\n let start = -1;\r\n let end = -1;\r\n for (let row = 0; row < fontDraw.height; row++) {\r\n for (let column = 0; column < fontDraw.width; column++) {\r\n const index = (row fontDraw.width + column) * 4;\r\n if (pixels[index] === 0) {\r\n if (column === fontDraw.width - 1 && start !== -1) {\r\n end = row;\r\n row = fontDraw.height;\r\n break;\r\n }\r\n continue;\r\n } else {\r\n if (start === -1) {\r\n start = row;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n return { height: end - start + 1, offset: start - 1 };\r\n }\r\n\r\n /*\r\n Clones the current DigitalRainFontTexture.\r\n * @returns the clone of the texture.\r\n /\r\n public override clone(): DigitalRainFontTexture {\r\n return new DigitalRainFontTexture(this.name, this._font, this._text, this.getScene());\r\n }\r\n\r\n /\r\n Parses a json object representing the texture and returns an instance of it.\r\n * @param source the source JSON representation\r\n * @param scene the scene to create the texture for\r\n * @returns the parsed texture\r\n /\r\n public static Parse(source: any, scene: Scene): DigitalRainFontTexture {\r\n const texture = SerializationHelper.Parse(() => new DigitalRainFontTexture(source.name, source.font, source.text, scene), source, scene, null);\r\n\r\n return texture;\r\n }\r\n}\r\n\r\n/\r\n Option available in the Digital Rain Post Process.\r\n /\r\nexport interface IDigitalRainPostProcessOptions {\r\n /\r\n The font to use following the w3c font definition.\r\n /\r\n font?: string;\r\n\r\n /\r\n This defines the amount you want to mix the \"tile\" or caracter space colored in the digital rain.\r\n * This number is defined between 0 and 1;\r\n /\r\n mixToTile?: number;\r\n\r\n /\r\n This defines the amount you want to mix the normal rendering pass in the digital rain.\r\n * This number is defined between 0 and 1;\r\n /\r\n mixToNormal?: number;\r\n}\r\n\r\n/\r\n DigitalRainPostProcess helps rendering everithing in digital rain.\r\n \r\n Simmply add it to your scene and let the nerd that lives in you have fun.\r\n * Example usage: var pp = new DigitalRainPostProcess(\"digitalRain\", \"20px Monospace\", camera);\r\n /\r\nexport class DigitalRainPostProcess extends PostProcess {\r\n /\r\n The font texture used to render the char in the post process.\r\n /\r\n private _digitalRainFontTexture: DigitalRainFontTexture;\r\n\r\n /\r\n This defines the amount you want to mix the \"tile\" or caracter space colored in the digital rain.\r\n * This number is defined between 0 and 1;\r\n /\r\n public mixToTile: number = 0;\r\n\r\n /\r\n This defines the amount you want to mix the normal rendering pass in the digital rain.\r\n * This number is defined between 0 and 1;\r\n /\r\n public mixToNormal: number = 0;\r\n\r\n /\r\n Speed of the effect\r\n /\r\n public speed: number = 0.003;\r\n\r\n /\r\n Instantiates a new Digital Rain Post Process.\r\n * @param name the name to give to the postprocess\r\n * @camera the camera to apply the post process to.\r\n * @param camera\r\n * @param options can either be the font name or an option object following the IDigitalRainPostProcessOptions format\r\n */\r\n constructor(name: string, camera: Nullable<Camera>, options?: string \| IDigitalRainPostProcessOptions) {\r\n super(\r\n name,\r\n \"digitalrain\",\r\n [\"digitalRainFontInfos\", \"digitalRainOptions\", \"cosTimeZeroOne\", \"matrixSpeed\"],\r\n [\"digitalRainFont\"],\r\n 1.0,\r\n camera,\r\n Texture.TRILINEAR_SAMPLINGMODE,\r\n undefined,\r\n true\r\n );\r\n\r\n // Default values.\r\n let font = \"15px Monospace\";\r\n const characterSet =\r\n \"古池や蛙飛び込む水の音ふるいけやかわずとびこむみずのおと初しぐれ猿も小蓑をほしげ也はつしぐれさるもこみのをほしげなり江戸の雨何石呑んだ時鳥えどのあめなんごくのんだほととぎす\";\r\n\r\n // Use options.\r\n if (options) {\r\n if (typeof options === \"string\") {\r\n font = options;\r\n } else {\r\n font = options.font \|\| font;\r\n this.mixToTile = options.mixToTile \|\| this.mixToTile;\r\n this.mixToNormal = options.mixToNormal \|\| this.mixToNormal;\r\n }\r\n }\r\n\r\n const scene = camera?.getScene() \|\| null;\r\n this._digitalRainFontTexture = new DigitalRainFontTexture(name, font, characterSet, scene);\r\n const textureSize = this._digitalRainFontTexture.getSize();\r\n\r\n let alpha = 0.0;\r\n let cosTimeZeroOne = 0.0;\r\n const matrix = Matrix.FromValues(\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random(),\r\n Math.random()\r\n );\r\n\r\n this.onApply = (effect: Effect) => {\r\n effect.setTexture(\"digitalRainFont\", this._digitalRainFontTexture);\r\n\r\n effect.setFloat4(\"digitalRainFontInfos\", this._digitalRainFontTexture.charSize, characterSet.length, textureSize.width, textureSize.height);\r\n\r\n effect.setFloat4(\"digitalRainOptions\", this.width, this.height, this.mixToNormal, this.mixToTile);\r\n\r\n effect.setMatrix(\"matrixSpeed\", matrix);\r\n\r\n alpha += this.speed;\r\n cosTimeZeroOne = alpha;\r\n effect.setFloat(\"cosTimeZeroOne\", cosTimeZeroOne);\r\n };\r\n }\r\n}\r\n"]}

package/edgeDetection/edgeDetectionPostProcess.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __decorate } from "@babylonjs/core/tslib.es6.js";
+import { __esDecorate, __runInitializers } from "@babylonjs/core/tslib.es6.js";
 import { Logger } from "@babylonjs/core/Misc/logger.js";
 import { PostProcess } from "@babylonjs/core/PostProcesses/postProcess.js";
 import { Constants } from "@babylonjs/core/Engines/constants.js";
@@ -14,121 +14,140 @@ import "./edgeDetection.fragment.js";
  * The Edge Detection effect highlights the edges of objects in the scene like a toon.
  * This can be used for stylized rendering, outlining, or visual effects that require edge enhancement.
  */
-export class EdgeDetectionPostProcess extends PostProcess {
-    /**
-     * Get the current class name of the current effect
-     * @returns "EdgeDetectionPostProcess"
-     */
-    getClassName() {
-        return "EdgeDetectionPostProcess";
-    }
-    /**
-     * Creates a new instance of EdgeDetectionPostProcess.
-     * @param name The name of the effect.
-     * @param scene The scene where the edge detection post-process will be applied.
-     * @param options The required width/height ratio or specific options for the post-process.
-     * @param camera The camera to apply the post-process to.
-     * @param samplingMode The sampling mode to be used when computing the pass. (default: TEXTURE_NEAREST_NEAREST)
-     * @param reusable If the post-process can be reused on the same frame. (default: false)
-     * @param textureType The type of textures used when performing the post-process. (default: TEXTURETYPE_HALF_FLOAT)
-     */
-    constructor(name, scene, options, camera, samplingMode, reusable, textureType = Constants.TEXTURETYPE_UNSIGNED_BYTE) {
-        super(name, "edgeDetection", ["width", "height", "edgeColor", "edgeIntensity", "edgeWidth", "renderMode"], ["normalSampler", "depthSampler"], options, camera, samplingMode, scene.getEngine(), reusable, null, textureType);
-        /**
-         * Defines the color of the detected edges.
-         */
-        this.edgeColor = new Color3(0, 0, 0);
-        /**
-         * Defines the intensity of the detected edges.
-         * Higher values result in more pronounced edges.
-         * default: 0.2  (min:0, max:1)
-         */
-        this.edgeIntensity = 0.2;
-        /**
-         * Defines the width of the detected edges.
-         * Higher values result in thicker edges.
-         * default: 0.2 (min:0.125, max:1)
-         */
-        this.edgeWidth = 0.2;
-        /**
-         * Defines the render mode.
-         * default: 0
-         * 0: general, 1: normal, 2: depth, 3: outline only
-         */
-        this.renderMode = 0;
-        this._geometryBufferRenderer = scene.enableGeometryBufferRenderer();
-        if (!this._geometryBufferRenderer) {
-            // Geometry buffer renderer is not supported. So, work as a passthrough.
-            Logger.Error("Geometry Buffer Renderer support is required for this post-process.");
-        }
-        else {
-            // h1 is a blank texture used as a black background for renderMode 3 (outline only).
-            // It is never rendered into, so a 1x1 size is sufficient. We cannot use this.width/this.height
-            // here because they are still -1 at construction time (set later during activate()).
-            const h1 = new RenderTargetTexture("h1", { width: 1, height: 1 }, scene, {
-                samplingMode: Constants.TEXTURE_NEAREST_NEAREST,
-                generateMipMaps: false,
-                generateDepthBuffer: false,
-                type: Constants.TEXTURETYPE_HALF_FLOAT,
-            });
-            // Geometry buffer renderer is supported.
-            this.onApply = (effect) => {
-                effect.setFloat("width", this.width);
-                effect.setFloat("height", this.height);
-                effect.setFloat("edgeIntensity", this.edgeIntensity);
-                effect.setFloat("edgeWidth", this.edgeWidth);
-                effect.setColor3("edgeColor", this.edgeColor);
-                const normalTexture = this._geometryBufferRenderer.getGBuffer().textures[1];
-                const depthTexture = this._geometryBufferRenderer.getGBuffer().textures[0];
-                effect.setTexture("normalSampler", normalTexture);
-                effect.setTexture("depthSampler", depthTexture);
-                switch (this.renderMode) {
-                    case 0:
-                        break;
-                    case 1:
-                        effect.setTexture("textureSampler", this._geometryBufferRenderer.getGBuffer().textures[1]);
-                        effect.setFloat("edgeWidth", 0);
-                        break;
-                    case 2:
-                        effect.setTexture("textureSampler", this._geometryBufferRenderer.getGBuffer().textures[0]);
-                        effect.setFloat("edgeWidth", 0);
-                        break;
-                    case 3:
-                        effect.setTexture("textureSampler", h1);
-                        break;
+let EdgeDetectionPostProcess = (() => {
+    var _a;
+    let _classSuper = PostProcess;
+    let _edgeColor_decorators;
+    let _edgeColor_initializers = [];
+    let _edgeColor_extraInitializers = [];
+    let _edgeIntensity_decorators;
+    let _edgeIntensity_initializers = [];
+    let _edgeIntensity_extraInitializers = [];
+    let _edgeWidth_decorators;
+    let _edgeWidth_initializers = [];
+    let _edgeWidth_extraInitializers = [];
+    let _renderMode_decorators;
+    let _renderMode_initializers = [];
+    let _renderMode_extraInitializers = [];
+    return _a = class EdgeDetectionPostProcess extends _classSuper {
+            /**
+             * Get the current class name of the current effect
+             * @returns "EdgeDetectionPostProcess"
+             */
+            getClassName() {
+                return "EdgeDetectionPostProcess";
+            }
+            /**
+             * Creates a new instance of EdgeDetectionPostProcess.
+             * @param name The name of the effect.
+             * @param scene The scene where the edge detection post-process will be applied.
+             * @param options The required width/height ratio or specific options for the post-process.
+             * @param camera The camera to apply the post-process to.
+             * @param samplingMode The sampling mode to be used when computing the pass. (default: TEXTURE_NEAREST_NEAREST)
+             * @param reusable If the post-process can be reused on the same frame. (default: false)
+             * @param textureType The type of textures used when performing the post-process. (default: TEXTURETYPE_HALF_FLOAT)
+             */
+            constructor(name, scene, options, camera, samplingMode, reusable, textureType = Constants.TEXTURETYPE_UNSIGNED_BYTE) {
+                super(name, "edgeDetection", ["width", "height", "edgeColor", "edgeIntensity", "edgeWidth", "renderMode"], ["normalSampler", "depthSampler"], options, camera, samplingMode, scene.getEngine(), reusable, null, textureType);
+                /**
+                 * Defines the color of the detected edges.
+                 */
+                this.edgeColor = __runInitializers(this, _edgeColor_initializers, new Color3(0, 0, 0));
+                /**
+                 * Defines the intensity of the detected edges.
+                 * Higher values result in more pronounced edges.
+                 * default: 0.2  (min:0, max:1)
+                 */
+                this.edgeIntensity = (__runInitializers(this, _edgeColor_extraInitializers), __runInitializers(this, _edgeIntensity_initializers, 0.2));
+                /**
+                 * Defines the width of the detected edges.
+                 * Higher values result in thicker edges.
+                 * default: 0.2 (min:0.125, max:1)
+                 */
+                this.edgeWidth = (__runInitializers(this, _edgeIntensity_extraInitializers), __runInitializers(this, _edgeWidth_initializers, 0.2));
+                /**
+                 * Defines the render mode.
+                 * default: 0
+                 * 0: general, 1: normal, 2: depth, 3: outline only
+                 */
+                this.renderMode = (__runInitializers(this, _edgeWidth_extraInitializers), __runInitializers(this, _renderMode_initializers, 0));
+                this._geometryBufferRenderer = __runInitializers(this, _renderMode_extraInitializers);
+                this._geometryBufferRenderer = scene.enableGeometryBufferRenderer();
+                if (!this._geometryBufferRenderer) {
+                    // Geometry buffer renderer is not supported. So, work as a passthrough.
+                    Logger.Error("Geometry Buffer Renderer support is required for this post-process.");
                 }
-                effect.setInt("renderMode", this.renderMode);
-            };
-        }
-    }
-    /**
-     * Support test.
-     */
-    static get IsSupported() {
-        const engine = EngineStore.LastCreatedEngine;
-        if (!engine) {
-            return false;
-        }
-        return engine.getCaps().drawBuffersExtension;
-    }
-    /**
-     * @internal
-     */
-    static _Parse(parsedPostProcess, targetCamera, scene, rootUrl) {
-        return SerializationHelper.Parse(() => new EdgeDetectionPostProcess(parsedPostProcess.name, scene, parsedPostProcess.options, targetCamera, parsedPostProcess.renderTargetSamplingMode, parsedPostProcess.textureType, parsedPostProcess.reusable), parsedPostProcess, scene, rootUrl);
-    }
-}
-__decorate([
-    serialize()
-], EdgeDetectionPostProcess.prototype, "edgeColor", void 0);
-__decorate([
-    serialize()
-], EdgeDetectionPostProcess.prototype, "edgeIntensity", void 0);
-__decorate([
-    serialize()
-], EdgeDetectionPostProcess.prototype, "edgeWidth", void 0);
-__decorate([
-    serialize()
-], EdgeDetectionPostProcess.prototype, "renderMode", void 0);
+                else {
+                    // h1 is a blank texture used as a black background for renderMode 3 (outline only).
+                    // It is never rendered into, so a 1x1 size is sufficient. We cannot use this.width/this.height
+                    // here because they are still -1 at construction time (set later during activate()).
+                    const h1 = new RenderTargetTexture("h1", { width: 1, height: 1 }, scene, {
+                        samplingMode: Constants.TEXTURE_NEAREST_NEAREST,
+                        generateMipMaps: false,
+                        generateDepthBuffer: false,
+                        type: Constants.TEXTURETYPE_HALF_FLOAT,
+                    });
+                    // Geometry buffer renderer is supported.
+                    this.onApply = (effect) => {
+                        effect.setFloat("width", this.width);
+                        effect.setFloat("height", this.height);
+                        effect.setFloat("edgeIntensity", this.edgeIntensity);
+                        effect.setFloat("edgeWidth", this.edgeWidth);
+                        effect.setColor3("edgeColor", this.edgeColor);
+                        const normalTexture = this._geometryBufferRenderer.getGBuffer().textures[1];
+                        const depthTexture = this._geometryBufferRenderer.getGBuffer().textures[0];
+                        effect.setTexture("normalSampler", normalTexture);
+                        effect.setTexture("depthSampler", depthTexture);
+                        switch (this.renderMode) {
+                            case 0:
+                                break;
+                            case 1:
+                                effect.setTexture("textureSampler", this._geometryBufferRenderer.getGBuffer().textures[1]);
+                                effect.setFloat("edgeWidth", 0);
+                                break;
+                            case 2:
+                                effect.setTexture("textureSampler", this._geometryBufferRenderer.getGBuffer().textures[0]);
+                                effect.setFloat("edgeWidth", 0);
+                                break;
+                            case 3:
+                                effect.setTexture("textureSampler", h1);
+                                break;
+                        }
+                        effect.setInt("renderMode", this.renderMode);
+                    };
+                }
+            }
+            /**
+             * Support test.
+             */
+            static get IsSupported() {
+                const engine = EngineStore.LastCreatedEngine;
+                if (!engine) {
+                    return false;
+                }
+                return engine.getCaps().drawBuffersExtension;
+            }
+            /**
+             * @internal
+             */
+            static _Parse(parsedPostProcess, targetCamera, scene, rootUrl) {
+                return SerializationHelper.Parse(() => new _a(parsedPostProcess.name, scene, parsedPostProcess.options, targetCamera, parsedPostProcess.renderTargetSamplingMode, parsedPostProcess.textureType, parsedPostProcess.reusable), parsedPostProcess, scene, rootUrl);
+            }
+        },
+        (() => {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _edgeColor_decorators = [serialize()];
+            _edgeIntensity_decorators = [serialize()];
+            _edgeWidth_decorators = [serialize()];
+            _renderMode_decorators = [serialize()];
+            __esDecorate(null, null, _edgeColor_decorators, { kind: "field", name: "edgeColor", static: false, private: false, access: { has: obj => "edgeColor" in obj, get: obj => obj.edgeColor, set: (obj, value) => { obj.edgeColor = value; } }, metadata: _metadata }, _edgeColor_initializers, _edgeColor_extraInitializers);
+            __esDecorate(null, null, _edgeIntensity_decorators, { kind: "field", name: "edgeIntensity", static: false, private: false, access: { has: obj => "edgeIntensity" in obj, get: obj => obj.edgeIntensity, set: (obj, value) => { obj.edgeIntensity = value; } }, metadata: _metadata }, _edgeIntensity_initializers, _edgeIntensity_extraInitializers);
+            __esDecorate(null, null, _edgeWidth_decorators, { kind: "field", name: "edgeWidth", static: false, private: false, access: { has: obj => "edgeWidth" in obj, get: obj => obj.edgeWidth, set: (obj, value) => { obj.edgeWidth = value; } }, metadata: _metadata }, _edgeWidth_initializers, _edgeWidth_extraInitializers);
+            __esDecorate(null, null, _renderMode_decorators, { kind: "field", name: "renderMode", static: false, private: false, access: { has: obj => "renderMode" in obj, get: obj => obj.renderMode, set: (obj, value) => { obj.renderMode = value; } }, metadata: _metadata }, _renderMode_initializers, _renderMode_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a;
+})();
+export { EdgeDetectionPostProcess };
 RegisterClass("BABYLON.EdgeDetectionPostProcess", EdgeDetectionPostProcess);
 //# sourceMappingURL=edgeDetectionPostProcess.js.map

package/edgeDetection/edgeDetectionPostProcess.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"edgeDetectionPostProcess.js","sourceRoot":"","sources":["../../../../dev/postProcesses/src/edgeDetection/edgeDetectionPostProcess.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Nullable } from \"core/types\";\r\nimport { Logger } from \"core/Misc/logger\";\r\nimport { type Camera } from \"core/Cameras/camera\";\r\nimport { type Effect } from \"core/Materials/effect\";\r\nimport { type PostProcessOptions, PostProcess } from \"core/PostProcesses/postProcess\";\r\nimport { Constants } from \"core/Engines/constants\";\r\nimport \"core/Rendering/geometryBufferRendererSceneComponent\";\r\nimport { type GeometryBufferRenderer } from \"core/Rendering/geometryBufferRenderer\";\r\nimport { Color3 } from \"core/Maths/math.color\";\r\nimport { serialize } from \"core/Misc/decorators\";\r\nimport { SerializationHelper } from \"core/Misc/decorators.serialization\";\r\nimport { RegisterClass } from \"core/Misc/typeStore\";\r\nimport { EngineStore } from \"core/Engines/engineStore\";\r\nimport { RenderTargetTexture } from \"core/Materials/Textures/renderTargetTexture\";\r\nimport { type Scene } from \"core/scene\";\r\nimport \"./edgeDetection.fragment\";\r\n\r\n/*\r\n The Edge Detection effect highlights the edges of objects in the scene like a toon.\r\n * This can be used for stylized rendering, outlining, or visual effects that require edge enhancement.\r\n /\r\nexport class EdgeDetectionPostProcess extends PostProcess {\r\n /\r\n Defines the color of the detected edges.\r\n /\r\n @serialize()\r\n public edgeColor: Color3 = new Color3(0, 0, 0);\r\n\r\n /\r\n Defines the intensity of the detected edges.\r\n * Higher values result in more pronounced edges.\r\n * default: 0.2 (min:0, max:1)\r\n /\r\n @serialize()\r\n public edgeIntensity: number = 0.2;\r\n\r\n /\r\n Defines the width of the detected edges.\r\n * Higher values result in thicker edges.\r\n * default: 0.2 (min:0.125, max:1)\r\n /\r\n @serialize()\r\n public edgeWidth: number = 0.2;\r\n\r\n /\r\n Defines the render mode.\r\n * default: 0\r\n * 0: general, 1: normal, 2: depth, 3: outline only\r\n /\r\n @serialize()\r\n public renderMode: number = 0;\r\n\r\n private _geometryBufferRenderer: Nullable<GeometryBufferRenderer>;\r\n\r\n /\r\n Get the current class name of the current effect\r\n * @returns \"EdgeDetectionPostProcess\"\r\n /\r\n public override getClassName(): string {\r\n return \"EdgeDetectionPostProcess\";\r\n }\r\n\r\n /\r\n Creates a new instance of EdgeDetectionPostProcess.\r\n * @param name The name of the effect.\r\n * @param scene The scene where the edge detection post-process will be applied.\r\n * @param options The required width/height ratio or specific options for the post-process.\r\n * @param camera The camera to apply the post-process to.\r\n * @param samplingMode The sampling mode to be used when computing the pass. (default: TEXTURE_NEAREST_NEAREST)\r\n * @param reusable If the post-process can be reused on the same frame. (default: false)\r\n * @param textureType The type of textures used when performing the post-process. (default: TEXTURETYPE_HALF_FLOAT)\r\n /\r\n constructor(\r\n name: string,\r\n scene: Scene,\r\n options: number \| PostProcessOptions,\r\n camera: Nullable<Camera>,\r\n samplingMode?: number,\r\n reusable?: boolean,\r\n textureType: number = Constants.TEXTURETYPE_UNSIGNED_BYTE\r\n ) {\r\n super(\r\n name,\r\n \"edgeDetection\",\r\n [\"width\", \"height\", \"edgeColor\", \"edgeIntensity\", \"edgeWidth\", \"renderMode\"],\r\n [\"normalSampler\", \"depthSampler\"],\r\n options,\r\n camera,\r\n samplingMode,\r\n scene.getEngine(),\r\n reusable,\r\n null,\r\n textureType\r\n );\r\n\r\n this._geometryBufferRenderer = scene.enableGeometryBufferRenderer();\r\n\r\n if (!this._geometryBufferRenderer) {\r\n // Geometry buffer renderer is not supported. So, work as a passthrough.\r\n Logger.Error(\"Geometry Buffer Renderer support is required for this post-process.\");\r\n } else {\r\n // h1 is a blank texture used as a black background for renderMode 3 (outline only).\r\n // It is never rendered into, so a 1x1 size is sufficient. We cannot use this.width/this.height\r\n // here because they are still -1 at construction time (set later during activate()).\r\n const h1 = new RenderTargetTexture(\"h1\", { width: 1, height: 1 }, scene, {\r\n samplingMode: Constants.TEXTURE_NEAREST_NEAREST,\r\n generateMipMaps: false,\r\n generateDepthBuffer: false,\r\n type: Constants.TEXTURETYPE_HALF_FLOAT,\r\n });\r\n\r\n // Geometry buffer renderer is supported.\r\n this.onApply = (effect: Effect) => {\r\n effect.setFloat(\"width\", this.width);\r\n effect.setFloat(\"height\", this.height);\r\n effect.setFloat(\"edgeIntensity\", this.edgeIntensity);\r\n effect.setFloat(\"edgeWidth\", this.edgeWidth);\r\n effect.setColor3(\"edgeColor\", this.edgeColor);\r\n\r\n const normalTexture = this._geometryBufferRenderer!.getGBuffer().textures[1];\r\n const depthTexture = this._geometryBufferRenderer!.getGBuffer().textures[0];\r\n\r\n effect.setTexture(\"normalSampler\", normalTexture);\r\n effect.setTexture(\"depthSampler\", depthTexture);\r\n\r\n switch (this.renderMode) {\r\n case 0:\r\n break;\r\n case 1:\r\n effect.setTexture(\"textureSampler\", this._geometryBufferRenderer!.getGBuffer().textures[1]);\r\n effect.setFloat(\"edgeWidth\", 0);\r\n break;\r\n case 2:\r\n effect.setTexture(\"textureSampler\", this._geometryBufferRenderer!.getGBuffer().textures[0]);\r\n effect.setFloat(\"edgeWidth\", 0);\r\n break;\r\n case 3:\r\n effect.setTexture(\"textureSampler\", h1);\r\n break;\r\n }\r\n effect.setInt(\"renderMode\", this.renderMode);\r\n };\r\n }\r\n }\r\n\r\n /\r\n Support test.\r\n /\r\n public static get IsSupported(): boolean {\r\n const engine = EngineStore.LastCreatedEngine;\r\n if (!engine) {\r\n return false;\r\n }\r\n\r\n return engine.getCaps().drawBuffersExtension;\r\n }\r\n\r\n /\r\n @internal\r\n */\r\n public static override _Parse(parsedPostProcess: any, targetCamera: Camera, scene: Scene, rootUrl: string) {\r\n return SerializationHelper.Parse(\r\n () =>\r\n new EdgeDetectionPostProcess(\r\n parsedPostProcess.name,\r\n scene,\r\n parsedPostProcess.options,\r\n targetCamera,\r\n parsedPostProcess.renderTargetSamplingMode,\r\n parsedPostProcess.textureType,\r\n parsedPostProcess.reusable\r\n ),\r\n parsedPostProcess,\r\n scene,\r\n rootUrl\r\n );\r\n }\r\n}\r\n\r\nRegisterClass(\"BABYLON.EdgeDetectionPostProcess\", EdgeDetectionPostProcess);\r\n"]}
1	+ {"version":3,"file":"edgeDetectionPostProcess.js","sourceRoot":"","sources":["../../../../dev/postProcesses/src/edgeDetection/edgeDetectionPostProcess.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Nullable } from \"core/types\";\r\nimport { Logger } from \"core/Misc/logger\";\r\nimport { type Camera } from \"core/Cameras/camera\";\r\nimport { type Effect } from \"core/Materials/effect\";\r\nimport { type PostProcessOptions, PostProcess } from \"core/PostProcesses/postProcess\";\r\nimport { Constants } from \"core/Engines/constants\";\r\nimport \"core/Rendering/geometryBufferRendererSceneComponent\";\r\nimport { type GeometryBufferRenderer } from \"core/Rendering/geometryBufferRenderer\";\r\nimport { Color3 } from \"core/Maths/math.color\";\r\nimport { serialize } from \"core/Misc/decorators\";\r\nimport { SerializationHelper } from \"core/Misc/decorators.serialization\";\r\nimport { RegisterClass } from \"core/Misc/typeStore\";\r\nimport { EngineStore } from \"core/Engines/engineStore\";\r\nimport { RenderTargetTexture } from \"core/Materials/Textures/renderTargetTexture\";\r\nimport { type Scene } from \"core/scene\";\r\nimport \"./edgeDetection.fragment\";\r\n\r\n/*\r\n The Edge Detection effect highlights the edges of objects in the scene like a toon.\r\n * This can be used for stylized rendering, outlining, or visual effects that require edge enhancement.\r\n /\r\nexport class EdgeDetectionPostProcess extends PostProcess {\r\n /\r\n Defines the color of the detected edges.\r\n /\r\n @serialize()\r\n public edgeColor: Color3 = new Color3(0, 0, 0);\r\n\r\n /\r\n Defines the intensity of the detected edges.\r\n * Higher values result in more pronounced edges.\r\n * default: 0.2 (min:0, max:1)\r\n /\r\n @serialize()\r\n public edgeIntensity: number = 0.2;\r\n\r\n /\r\n Defines the width of the detected edges.\r\n * Higher values result in thicker edges.\r\n * default: 0.2 (min:0.125, max:1)\r\n /\r\n @serialize()\r\n public edgeWidth: number = 0.2;\r\n\r\n /\r\n Defines the render mode.\r\n * default: 0\r\n * 0: general, 1: normal, 2: depth, 3: outline only\r\n /\r\n @serialize()\r\n public renderMode: number = 0;\r\n\r\n private _geometryBufferRenderer: Nullable<GeometryBufferRenderer>;\r\n\r\n /\r\n Get the current class name of the current effect\r\n * @returns \"EdgeDetectionPostProcess\"\r\n /\r\n public override getClassName(): string {\r\n return \"EdgeDetectionPostProcess\";\r\n }\r\n\r\n /\r\n Creates a new instance of EdgeDetectionPostProcess.\r\n * @param name The name of the effect.\r\n * @param scene The scene where the edge detection post-process will be applied.\r\n * @param options The required width/height ratio or specific options for the post-process.\r\n * @param camera The camera to apply the post-process to.\r\n * @param samplingMode The sampling mode to be used when computing the pass. (default: TEXTURE_NEAREST_NEAREST)\r\n * @param reusable If the post-process can be reused on the same frame. (default: false)\r\n * @param textureType The type of textures used when performing the post-process. (default: TEXTURETYPE_HALF_FLOAT)\r\n /\r\n constructor(\r\n name: string,\r\n scene: Scene,\r\n options: number \| PostProcessOptions,\r\n camera: Nullable<Camera>,\r\n samplingMode?: number,\r\n reusable?: boolean,\r\n textureType: number = Constants.TEXTURETYPE_UNSIGNED_BYTE\r\n ) {\r\n super(\r\n name,\r\n \"edgeDetection\",\r\n [\"width\", \"height\", \"edgeColor\", \"edgeIntensity\", \"edgeWidth\", \"renderMode\"],\r\n [\"normalSampler\", \"depthSampler\"],\r\n options,\r\n camera,\r\n samplingMode,\r\n scene.getEngine(),\r\n reusable,\r\n null,\r\n textureType\r\n );\r\n\r\n this._geometryBufferRenderer = scene.enableGeometryBufferRenderer();\r\n\r\n if (!this._geometryBufferRenderer) {\r\n // Geometry buffer renderer is not supported. So, work as a passthrough.\r\n Logger.Error(\"Geometry Buffer Renderer support is required for this post-process.\");\r\n } else {\r\n // h1 is a blank texture used as a black background for renderMode 3 (outline only).\r\n // It is never rendered into, so a 1x1 size is sufficient. We cannot use this.width/this.height\r\n // here because they are still -1 at construction time (set later during activate()).\r\n const h1 = new RenderTargetTexture(\"h1\", { width: 1, height: 1 }, scene, {\r\n samplingMode: Constants.TEXTURE_NEAREST_NEAREST,\r\n generateMipMaps: false,\r\n generateDepthBuffer: false,\r\n type: Constants.TEXTURETYPE_HALF_FLOAT,\r\n });\r\n\r\n // Geometry buffer renderer is supported.\r\n this.onApply = (effect: Effect) => {\r\n effect.setFloat(\"width\", this.width);\r\n effect.setFloat(\"height\", this.height);\r\n effect.setFloat(\"edgeIntensity\", this.edgeIntensity);\r\n effect.setFloat(\"edgeWidth\", this.edgeWidth);\r\n effect.setColor3(\"edgeColor\", this.edgeColor);\r\n\r\n const normalTexture = this._geometryBufferRenderer!.getGBuffer().textures[1];\r\n const depthTexture = this._geometryBufferRenderer!.getGBuffer().textures[0];\r\n\r\n effect.setTexture(\"normalSampler\", normalTexture);\r\n effect.setTexture(\"depthSampler\", depthTexture);\r\n\r\n switch (this.renderMode) {\r\n case 0:\r\n break;\r\n case 1:\r\n effect.setTexture(\"textureSampler\", this._geometryBufferRenderer!.getGBuffer().textures[1]);\r\n effect.setFloat(\"edgeWidth\", 0);\r\n break;\r\n case 2:\r\n effect.setTexture(\"textureSampler\", this._geometryBufferRenderer!.getGBuffer().textures[0]);\r\n effect.setFloat(\"edgeWidth\", 0);\r\n break;\r\n case 3:\r\n effect.setTexture(\"textureSampler\", h1);\r\n break;\r\n }\r\n effect.setInt(\"renderMode\", this.renderMode);\r\n };\r\n }\r\n }\r\n\r\n /\r\n Support test.\r\n /\r\n public static get IsSupported(): boolean {\r\n const engine = EngineStore.LastCreatedEngine;\r\n if (!engine) {\r\n return false;\r\n }\r\n\r\n return engine.getCaps().drawBuffersExtension;\r\n }\r\n\r\n /\r\n @internal\r\n */\r\n public static override _Parse(parsedPostProcess: any, targetCamera: Camera, scene: Scene, rootUrl: string) {\r\n return SerializationHelper.Parse(\r\n () =>\r\n new EdgeDetectionPostProcess(\r\n parsedPostProcess.name,\r\n scene,\r\n parsedPostProcess.options,\r\n targetCamera,\r\n parsedPostProcess.renderTargetSamplingMode,\r\n parsedPostProcess.textureType,\r\n parsedPostProcess.reusable\r\n ),\r\n parsedPostProcess,\r\n scene,\r\n rootUrl\r\n );\r\n }\r\n}\r\n\r\nRegisterClass(\"BABYLON.EdgeDetectionPostProcess\", EdgeDetectionPostProcess);\r\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/post-processes",
-    "version": "9.14.0",
+    "version": "9.16.0",
     "main": "index.js",
     "module": "index.js",
     "types": "index.d.ts",
@@ -18,7 +18,7 @@
         "postcompile": "build-tools -c add-js-to-es6"
     },
     "devDependencies": {
-        "@babylonjs/core": "9.14.0",
+        "@babylonjs/core": "9.16.0",
         "@dev/build-tools": "^1.0.0",
         "@dev/post-processes": "^1.0.0"
     },