@babylonjs/core 6.23.1 → 6.25.0

package/Materials/{greasedLinePluginMaterial.js → GreasedLine/greasedLinePluginMaterial.js}

@@ -1,64 +1,11 @@
-import { Engine } from "../Engines/engine.js";
-import { RawTexture } from "./Textures/rawTexture.js";
-import { MaterialPluginBase } from "./materialPluginBase.js";
-import { Vector2, TmpVectors } from "../Maths/math.vector.js";
-import { Color3 } from "../Maths/math.color.js";
-import { MaterialDefines } from "./materialDefines.js";
-import { RegisterClass } from "../Misc/typeStore.js";
-/**
- * Material types for GreasedLine
- * {@link https://doc.babylonjs.com/features/featuresDeepDive/mesh/creation/param/greased_line#materialtype}
- */
-export var GreasedLineMeshMaterialType;
-(function (GreasedLineMeshMaterialType) {
-    /**
-     * StandardMaterial
-     */
-    GreasedLineMeshMaterialType[GreasedLineMeshMaterialType["MATERIAL_TYPE_STANDARD"] = 0] = "MATERIAL_TYPE_STANDARD";
-    /**
-     * PBR Material
-     */
-    GreasedLineMeshMaterialType[GreasedLineMeshMaterialType["MATERIAL_TYPE_PBR"] = 1] = "MATERIAL_TYPE_PBR";
-    /**
-     * Simple and fast shader material not supporting lightning nor textures
-     */
-    GreasedLineMeshMaterialType[GreasedLineMeshMaterialType["MATERIAL_TYPE_SIMPLE"] = 2] = "MATERIAL_TYPE_SIMPLE";
-})(GreasedLineMeshMaterialType || (GreasedLineMeshMaterialType = {}));
-/**
- * Color blending mode of the @see GreasedLineMaterial and the base material
- * {@link https://doc.babylonjs.com/features/featuresDeepDive/mesh/creation/param/greased_line#colormode}
- */
-export var GreasedLineMeshColorMode;
-(function (GreasedLineMeshColorMode) {
-    /**
-     * Color blending mode SET
-     */
-    GreasedLineMeshColorMode[GreasedLineMeshColorMode["COLOR_MODE_SET"] = 0] = "COLOR_MODE_SET";
-    /**
-     * Color blending mode ADD
-     */
-    GreasedLineMeshColorMode[GreasedLineMeshColorMode["COLOR_MODE_ADD"] = 1] = "COLOR_MODE_ADD";
-    /**
-     * Color blending mode ADD
-     */
-    GreasedLineMeshColorMode[GreasedLineMeshColorMode["COLOR_MODE_MULTIPLY"] = 2] = "COLOR_MODE_MULTIPLY";
-})(GreasedLineMeshColorMode || (GreasedLineMeshColorMode = {}));
-/**
- * Color distribution type of the @see colors.
- * {@link https://doc.babylonjs.com/features/featuresDeepDive/mesh/creation/param/greased_line#colordistributiontype}
- *
- */
-export var GreasedLineMeshColorDistributionType;
-(function (GreasedLineMeshColorDistributionType) {
-    /**
-     * Colors distributed between segments of the line
-     */
-    GreasedLineMeshColorDistributionType[GreasedLineMeshColorDistributionType["COLOR_DISTRIBUTION_TYPE_SEGMENT"] = 0] = "COLOR_DISTRIBUTION_TYPE_SEGMENT";
-    /**
-     * Colors distributed along the line ingoring the segments
-     */
-    GreasedLineMeshColorDistributionType[GreasedLineMeshColorDistributionType["COLOR_DISTRIBUTION_TYPE_LINE"] = 1] = "COLOR_DISTRIBUTION_TYPE_LINE";
-})(GreasedLineMeshColorDistributionType || (GreasedLineMeshColorDistributionType = {}));
+import { RawTexture } from "../Textures/rawTexture.js";
+import { MaterialPluginBase } from "../materialPluginBase.js";
+import { Vector2, TmpVectors } from "../../Maths/math.vector.js";
+import { MaterialDefines } from "../materialDefines.js";
+import { RegisterClass } from "../../Misc/typeStore.js";
+import { GreasedLineMeshColorDistributionType, GreasedLineMeshColorMode } from "./greasedLineMaterialInterfaces.js";
+import { GreasedLineMaterialDefaults } from "./greasedLineMaterialDefaults.js";
+import { GreasedLineTools } from "../../Misc/greasedLineTools.js";
 /**
  * @internal
  */
@@ -84,51 +31,72 @@ export class MaterialGreasedLineDefines extends MaterialDefines {
          * True if scene is in right handed coordinate system.
          */
         // eslint-disable-next-line @typescript-eslint/naming-convention
-        this.GREASED_LNE_RIGHT_HANDED_COORDINATE_SYSTEM = false;
+        this.GREASED_LINE_RIGHT_HANDED_COORDINATE_SYSTEM = false;
+        /**
+         * True if the line is in camera facing mode
+         */
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        this.GREASED_LINE_CAMERA_FACING = true;
     }
 }
 /**
- * GreasedLinePluginMaterial for GreasedLineMesh
+ * GreasedLinePluginMaterial for GreasedLineMesh/GreasedLineRibbonMesh.
+ * Use the GreasedLineBuilder.CreateGreasedLineMaterial function to create and instance of this class.
  */
 export class GreasedLinePluginMaterial extends MaterialPluginBase {
+    /**
+     * Creates a new instance of the GreasedLinePluginMaterial
+     * @param material base material for the plugin
+     * @param scene the scene
+     * @param options plugin options
+     */
     constructor(material, scene, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         options = options || {
-            color: GreasedLinePluginMaterial.DEFAULT_COLOR,
+            color: GreasedLineMaterialDefaults.DEFAULT_COLOR,
         };
         const defines = new MaterialGreasedLineDefines();
-        defines.GREASED_LINE_HAS_COLOR = !!options.color;
+        defines.GREASED_LINE_HAS_COLOR = !!options.color && !options.useColors;
         defines.GREASED_LINE_SIZE_ATTENUATION = (_a = options.sizeAttenuation) !== null && _a !== void 0 ? _a : false;
         defines.GREASED_LINE_COLOR_DISTRIBUTION_TYPE_LINE = options.colorDistributionType === GreasedLineMeshColorDistributionType.COLOR_DISTRIBUTION_TYPE_LINE;
-        defines.GREASED_LNE_RIGHT_HANDED_COORDINATE_SYSTEM = (scene !== null && scene !== void 0 ? scene : material.getScene()).useRightHandedSystem;
+        defines.GREASED_LINE_RIGHT_HANDED_COORDINATE_SYSTEM = (scene !== null && scene !== void 0 ? scene : material.getScene()).useRightHandedSystem;
+        defines.GREASED_LINE_CAMERA_FACING = (_b = options.cameraFacing) !== null && _b !== void 0 ? _b : true;
         super(material, GreasedLinePluginMaterial.GREASED_LINE_MATERIAL_NAME, 200, defines);
+        /**
+         * You can provide a colorsTexture to use instead of one generated from the 'colors' option
+         */
+        this.colorsTexture = null;
         this._scene = scene !== null && scene !== void 0 ? scene : material.getScene();
         this._engine = this._scene.getEngine();
-        this.visibility = (_b = options.visibility) !== null && _b !== void 0 ? _b : 1;
-        this.useDash = (_c = options.useDash) !== null && _c !== void 0 ? _c : false;
-        this.dashRatio = (_d = options.dashRatio) !== null && _d !== void 0 ? _d : 0.5;
-        this.dashOffset = (_e = options.dashOffset) !== null && _e !== void 0 ? _e : 0;
-        this.width = options.width ? options.width : options.sizeAttenuation ? GreasedLinePluginMaterial.DEFAULT_WIDTH_ATTENUATED : GreasedLinePluginMaterial.DEFAULT_WIDTH;
-        this._sizeAttenuation = (_f = options.sizeAttenuation) !== null && _f !== void 0 ? _f : false;
-        this.colorMode = (_g = options.colorMode) !== null && _g !== void 0 ? _g : GreasedLineMeshColorMode.COLOR_MODE_SET;
-        this._color = (_h = options.color) !== null && _h !== void 0 ? _h : null;
-        this.useColors = (_j = options.useColors) !== null && _j !== void 0 ? _j : false;
-        this._colorsDistributionType = (_k = options.colorDistributionType) !== null && _k !== void 0 ? _k : GreasedLineMeshColorDistributionType.COLOR_DISTRIBUTION_TYPE_SEGMENT;
-        this.colorsSampling = (_l = options.colorsSampling) !== null && _l !== void 0 ? _l : RawTexture.NEAREST_NEAREST;
-        this._colors = (_m = options.colors) !== null && _m !== void 0 ? _m : null;
-        this.dashCount = (_o = options.dashCount) !== null && _o !== void 0 ? _o : 1; // calculate the _dashArray value, call the setter
-        this.resolution = (_p = options.resolution) !== null && _p !== void 0 ? _p : new Vector2(this._engine.getRenderWidth(), this._engine.getRenderHeight()); // calculate aspect call the setter
-        if (this._colors) {
-            this._createColorsTexture(`${material.name}-colors-texture`, this._colors);
+        this._cameraFacing = (_c = options.cameraFacing) !== null && _c !== void 0 ? _c : true;
+        this.visibility = (_d = options.visibility) !== null && _d !== void 0 ? _d : 1;
+        this.useDash = (_e = options.useDash) !== null && _e !== void 0 ? _e : false;
+        this.dashRatio = (_f = options.dashRatio) !== null && _f !== void 0 ? _f : 0.5;
+        this.dashOffset = (_g = options.dashOffset) !== null && _g !== void 0 ? _g : 0;
+        this.width = options.width ? options.width : options.sizeAttenuation ? GreasedLineMaterialDefaults.DEFAULT_WIDTH_ATTENUATED : GreasedLineMaterialDefaults.DEFAULT_WIDTH;
+        this._sizeAttenuation = (_h = options.sizeAttenuation) !== null && _h !== void 0 ? _h : false;
+        this.colorMode = (_j = options.colorMode) !== null && _j !== void 0 ? _j : GreasedLineMeshColorMode.COLOR_MODE_SET;
+        this._color = (_k = options.color) !== null && _k !== void 0 ? _k : null;
+        this.useColors = (_l = options.useColors) !== null && _l !== void 0 ? _l : false;
+        this._colorsDistributionType = (_m = options.colorDistributionType) !== null && _m !== void 0 ? _m : GreasedLineMeshColorDistributionType.COLOR_DISTRIBUTION_TYPE_SEGMENT;
+        this.colorsSampling = (_o = options.colorsSampling) !== null && _o !== void 0 ? _o : RawTexture.NEAREST_NEAREST;
+        this._colors = (_p = options.colors) !== null && _p !== void 0 ? _p : null;
+        this.dashCount = (_q = options.dashCount) !== null && _q !== void 0 ? _q : 1; // calculate the _dashArray value, call the setter
+        this.resolution = (_r = options.resolution) !== null && _r !== void 0 ? _r : new Vector2(this._engine.getRenderWidth(), this._engine.getRenderHeight()); // calculate aspect call the setter
+        if (options.colorsTexture) {
+            this.colorsTexture = options.colorsTexture; // colorsTexture from options takes precedence
         }
         else {
-            this._color = (_q = this._color) !== null && _q !== void 0 ? _q : GreasedLinePluginMaterial.DEFAULT_COLOR;
-            GreasedLinePluginMaterial._PrepareEmptyColorsTexture(this._scene);
+            if (this._colors) {
+                this.colorsTexture = GreasedLineTools.CreateColorsTexture(`${material.name}-colors-texture`, this._colors, this.colorsSampling, this._scene);
+            }
+            else {
+                this._color = (_s = this._color) !== null && _s !== void 0 ? _s : GreasedLineMaterialDefaults.DEFAULT_COLOR;
+                GreasedLineTools.PrepareEmptyColorsTexture(this._scene);
+            }
         }
         this._engine.onDisposeObservable.add(() => {
-            var _a;
-            (_a = GreasedLinePluginMaterial._EmptyColorsTexture) === null || _a === void 0 ? void 0 : _a.dispose();
-            GreasedLinePluginMaterial._EmptyColorsTexture = null;
+            GreasedLineTools.DisposeEmptyColorsTexture();
         });
         this._enable(true); // always enabled
     }
@@ -138,10 +106,16 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
      */
     getAttributes(attributes) {
         attributes.push("grl_offsets");
-        attributes.push("grl_previousAndSide");
-        attributes.push("grl_nextAndCounters");
         attributes.push("grl_widths");
         attributes.push("grl_colorPointers");
+        attributes.push("grl_counters");
+        if (this._cameraFacing) {
+            attributes.push("grl_previousAndSide");
+            attributes.push("grl_nextAndCounters");
+        }
+        else {
+            attributes.push("grl_slopes");
+        }
     }
     /**
      * Get the shader samplers
@@ -155,8 +129,8 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
      * @param activeTextures
      */
     getActiveTextures(activeTextures) {
-        if (this._colorsTexture) {
-            activeTextures.push(this._colorsTexture);
+        if (this.colorsTexture) {
+            activeTextures.push(this.colorsTexture);
         }
     }
     /**
@@ -165,18 +139,21 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
      */
     getUniforms() {
         const ubo = [
-            { name: "grl_projection", size: 16, type: "mat4" },
             { name: "grl_singleColor", size: 3, type: "vec3" },
-            { name: "grl_aspect_resolution_lineWidth", size: 4, type: "vec4" },
             { name: "grl_dashOptions", size: 4, type: "vec4" },
             { name: "grl_colorMode_visibility_colorsWidth_useColors", size: 4, type: "vec4" },
         ];
+        if (this._cameraFacing) {
+            ubo.push({ name: "grl_projection", size: 16, type: "mat4" }, { name: "grl_aspect_resolution_lineWidth", size: 4, type: "vec4" });
+        }
         return {
             ubo,
-            vertex: `
+            vertex: this._cameraFacing
+                ? `
                 uniform vec4 grl_aspect_resolution_lineWidth;
                 uniform mat4 grl_projection;
-                `,
+                `
+                : "",
             fragment: `
                 uniform vec4 grl_dashOptions;
                 uniform vec4 grl_colorMode_visibility_colorsWidth_useColors;
@@ -195,22 +172,24 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
      */
     bindForSubMesh(uniformBuffer) {
         var _a;
-        const activeCamera = this._scene.activeCamera;
-        if (activeCamera) {
-            const projection = activeCamera.getProjectionMatrix();
-            uniformBuffer.updateMatrix("grl_projection", projection);
+        if (this._cameraFacing) {
+            const activeCamera = this._scene.activeCamera;
+            if (activeCamera) {
+                const projection = activeCamera.getProjectionMatrix();
+                uniformBuffer.updateMatrix("grl_projection", projection);
+            }
+            else {
+                throw Error("GreasedLinePluginMaterial requires an active camera.");
+            }
+            const resolutionLineWidth = TmpVectors.Vector4[0];
+            resolutionLineWidth.x = this._aspect;
+            resolutionLineWidth.y = this._resolution.x;
+            resolutionLineWidth.z = this._resolution.y;
+            resolutionLineWidth.w = this.width;
+            uniformBuffer.updateVector4("grl_aspect_resolution_lineWidth", resolutionLineWidth);
         }
-        else {
-            throw Error("GreasedLinePluginMaterial requires an active camera.");
-        }
-        const resolutionLineWidth = TmpVectors.Vector4[0];
-        resolutionLineWidth.x = this._aspect;
-        resolutionLineWidth.y = this._resolution.x;
-        resolutionLineWidth.z = this._resolution.y;
-        resolutionLineWidth.w = this.width;
-        uniformBuffer.updateVector4("grl_aspect_resolution_lineWidth", resolutionLineWidth);
         const dashOptions = TmpVectors.Vector4[0];
-        dashOptions.x = GreasedLinePluginMaterial._BooleanToNumber(this.useDash);
+        dashOptions.x = GreasedLineTools.BooleanToNumber(this.useDash);
         dashOptions.y = this._dashArray;
         dashOptions.z = this.dashOffset;
         dashOptions.w = this.dashRatio;
@@ -218,13 +197,13 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
         const colorModeVisibilityColorsWidthUseColors = TmpVectors.Vector4[1];
         colorModeVisibilityColorsWidthUseColors.x = this.colorMode;
         colorModeVisibilityColorsWidthUseColors.y = this.visibility;
-        colorModeVisibilityColorsWidthUseColors.z = this._colorsTexture ? this._colorsTexture.getSize().width : 0;
-        colorModeVisibilityColorsWidthUseColors.w = GreasedLinePluginMaterial._BooleanToNumber(this.useColors);
+        colorModeVisibilityColorsWidthUseColors.z = this.colorsTexture ? this.colorsTexture.getSize().width : 0;
+        colorModeVisibilityColorsWidthUseColors.w = GreasedLineTools.BooleanToNumber(this.useColors);
         uniformBuffer.updateVector4("grl_colorMode_visibility_colorsWidth_useColors", colorModeVisibilityColorsWidthUseColors);
         if (this._color) {
             uniformBuffer.updateColor3("grl_singleColor", this._color);
         }
-        uniformBuffer.setTexture("grl_colors", (_a = this._colorsTexture) !== null && _a !== void 0 ? _a : GreasedLinePluginMaterial._EmptyColorsTexture);
+        uniformBuffer.setTexture("grl_colors", (_a = this.colorsTexture) !== null && _a !== void 0 ? _a : GreasedLineMaterialDefaults.EmptyColorsTexture);
     }
     /**
      * Prepare the defines
@@ -233,11 +212,11 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
      * @param _mesh
      */
     prepareDefines(defines, _scene, _mesh) {
-        var _a;
-        defines.GREASED_LINE_HAS_COLOR = !!this._color;
-        defines.GREASED_LINE_SIZE_ATTENUATION = (_a = this._sizeAttenuation) !== null && _a !== void 0 ? _a : false;
+        defines.GREASED_LINE_HAS_COLOR = !!this.color && !this.useColors;
+        defines.GREASED_LINE_SIZE_ATTENUATION = this._sizeAttenuation;
         defines.GREASED_LINE_COLOR_DISTRIBUTION_TYPE_LINE = this._colorsDistributionType === GreasedLineMeshColorDistributionType.COLOR_DISTRIBUTION_TYPE_LINE;
-        defines.GREASED_LNE_RIGHT_HANDED_COORDINATE_SYSTEM = _scene.useRightHandedSystem;
+        defines.GREASED_LINE_RIGHT_HANDED_COORDINATE_SYSTEM = _scene.useRightHandedSystem;
+        defines.GREASED_LINE_CAMERA_FACING = this._cameraFacing;
     }
     /**
      * Get the class name
@@ -253,36 +232,48 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
      */
     getCustomCode(shaderType) {
         if (shaderType === "vertex") {
-            return {
+            const obj = {
                 // eslint-disable-next-line @typescript-eslint/naming-convention
                 CUSTOM_VERTEX_DEFINITIONS: `
+                attribute float grl_widths;
+                attribute vec3 grl_offsets;
+                attribute float grl_colorPointers;
+
+                varying float grlCounters;
+                varying float grlColorPointer;
+
+                #ifdef GREASED_LINE_CAMERA_FACING
                     attribute vec4 grl_previousAndSide;
                     attribute vec4 grl_nextAndCounters;
-                    attribute float grl_widths;
-                    attribute vec3 grl_offsets;
-                    attribute float grl_colorPointers;
-
-                    varying float grlCounters;
-                    varying float grlColorPointer;
 
                     vec2 grlFix( vec4 i, float aspect ) {
                         vec2 res = i.xy / i.w;
                         res.x *= aspect;
                         return res;
                     }
+                #else
+                    attribute vec3 grl_slopes;
+                    attribute float grl_counters;
+                #endif
                 `,
                 // eslint-disable-next-line @typescript-eslint/naming-convention
                 CUSTOM_VERTEX_UPDATE_POSITION: `
+                #ifdef GREASED_LINE_CAMERA_FACING
                     vec3 grlPositionOffset = grl_offsets;
                     positionUpdated += grlPositionOffset;
+                #else
+                    positionUpdated = (positionUpdated + grl_offsets) + (grl_slopes * grl_widths);
+                #endif
                 `,
                 // eslint-disable-next-line @typescript-eslint/naming-convention
                 CUSTOM_VERTEX_MAIN_END: `
+                grlColorPointer = grl_colorPointers;
+
+                #ifdef GREASED_LINE_CAMERA_FACING
 
                     float grlAspect = grl_aspect_resolution_lineWidth.x;
                     float grlBaseWidth = grl_aspect_resolution_lineWidth.w;
 
-                    grlColorPointer = grl_colorPointers;
 
                     vec3 grlPrevious = grl_previousAndSide.xyz;
                     float grlSide = grl_previousAndSide.w;
@@ -311,25 +302,30 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
                         grlDir = normalize( grlDir1 + grlDir2 );
                     }
                     vec4 grlNormal = vec4( -grlDir.y, grlDir.x, 0., 1. );
-                    #ifdef GREASED_LNE_RIGHT_HANDED_COORDINATE_SYSTEM
+                    #ifdef GREASED_LINE_RIGHT_HANDED_COORDINATE_SYSTEM
                         grlNormal.xy *= -.5 * grlWidth;
                     #else
                         grlNormal.xy *= .5 * grlWidth;
                     #endif
+
                     grlNormal *= grl_projection;
+
                     #ifdef GREASED_LINE_SIZE_ATTENUATION
                         grlNormal.xy *= grlFinalPosition.w;
                         grlNormal.xy /= ( vec4( grl_aspect_resolution_lineWidth.yz, 0., 1. ) * grl_projection ).xy;
                     #endif
+
                     grlFinalPosition.xy += grlNormal.xy * grlSide;
                     gl_Position = grlFinalPosition;
 
                     vPositionW = vec3(grlFinalPosition);
-
+                #else
+                    grlCounters = grl_counters;
+                #endif
                 `,
-                // eslint-disable-next-line @typescript-eslint/naming-convention
-                "!gl_Position\\=viewProjection\\*worldPos;": "//", // remove
             };
+            this._cameraFacing && (obj["!gl_Position\\=viewProjection\\*worldPos;"] = "//"); // not needed for camera facing GRL
+            return obj;
         }
         if (shaderType === "fragment") {
             return {
@@ -383,50 +379,18 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
                             }
                         }
                     #endif
+
                 `,
             };
         }
         return null;
     }
-    /**
-     * Converts boolean to number.
-     * @param bool
-     * @returns 1 if true, 0 if false.
-     */
-    static _BooleanToNumber(bool) {
-        return bool ? 1 : 0;
-    }
-    /**
-     * Converts an array of Color3 to Uint8Array
-     * @param colors Arrray of Color3
-     * @returns Uin8Array of colors [r, g, b, a, r, g, b, a, ...]
-     */
-    static _Color3toRGBAUint8(colors) {
-        const colorTable = new Uint8Array(colors.length * 4);
-        for (let i = 0, j = 0; i < colors.length; i++) {
-            colorTable[j++] = colors[i].r * 255;
-            colorTable[j++] = colors[i].g * 255;
-            colorTable[j++] = colors[i].b * 255;
-            colorTable[j++] = 255;
-        }
-        return colorTable;
-    }
-    /**
-     * Creates a RawTexture from an RGBA color array and sets it on the plugin material instance.
-     * @param name name of the texture
-     * @param colors Uint8Array of colors
-     */
-    _createColorsTexture(name, colors) {
-        const colorsArray = GreasedLinePluginMaterial._Color3toRGBAUint8(colors);
-        this._colorsTexture = new RawTexture(colorsArray, colors.length, 1, Engine.TEXTUREFORMAT_RGBA, this._scene, false, true, this.colorsSampling);
-        this._colorsTexture.name = name;
-    }
     /**
      * Disposes the plugin material.
      */
     dispose() {
         var _a;
-        (_a = this._colorsTexture) === null || _a === void 0 ? void 0 : _a.dispose();
+        (_a = this.colorsTexture) === null || _a === void 0 ? void 0 : _a.dispose();
         super.dispose();
     }
     /**
@@ -453,19 +417,19 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
         const origColorsCount = (_b = (_a = this._colors) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
         this._colors = colors;
         if (colors === null || colors.length === 0) {
-            (_c = this._colorsTexture) === null || _c === void 0 ? void 0 : _c.dispose();
+            (_c = this.colorsTexture) === null || _c === void 0 ? void 0 : _c.dispose();
             return;
         }
         if (lazy && !forceNewTexture) {
             return;
         }
-        if (this._colorsTexture && origColorsCount === colors.length && !forceNewTexture) {
-            const colorArray = GreasedLinePluginMaterial._Color3toRGBAUint8(colors);
-            this._colorsTexture.update(colorArray);
+        if (this.colorsTexture && origColorsCount === colors.length && !forceNewTexture) {
+            const colorArray = GreasedLineTools.Color3toRGBAUint8(colors);
+            this.colorsTexture.update(colorArray);
         }
         else {
-            (_d = this._colorsTexture) === null || _d === void 0 ? void 0 : _d.dispose();
-            this._createColorsTexture(`${this._material.name}-colors-texture`, colors);
+            (_d = this.colorsTexture) === null || _d === void 0 ? void 0 : _d.dispose();
+            this.colorsTexture = GreasedLineTools.CreateColorsTexture(`${this._material.name}-colors-texture`, colors, this.colorsSampling, this._scene);
         }
     }
     /**
@@ -491,14 +455,16 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
         this._dashArray = 1 / value;
     }
     /**
-     * False means 1 unit in width = 1 unit on scene, true means 1 unit in width is reduced on the screen to make better looking lines
+     * If set to true the line will be rendered always with the same width regardless how far it is located from the camera.
+     * Not supported for non camera facing lines.
      */
     get sizeAttenuation() {
         return this._sizeAttenuation;
     }
     /**
-     * Turn on/off attenuation of the width option and widths array.
-     * @param value false means 1 unit in width = 1 unit on scene, true means 1 unit in width is reduced on the screen to make better looking lines
+     * Turn on/off size attenuation of the width option and widths array.
+     * Not supported for non camera facing lines.
+     * @param value If set to true the line will be rendered always with the same width regardless how far it is located from the camera.
      */
     set sizeAttenuation(value) {
         this._sizeAttenuation = value;
@@ -594,15 +560,10 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
         var _a;
         super.parse(source, scene, rootUrl);
         const greasedLineMaterialOptions = source.greasedLineMaterialOptions;
-        (_a = this._colorsTexture) === null || _a === void 0 ? void 0 : _a.dispose();
-        if (greasedLineMaterialOptions.colors) {
-            this._createColorsTexture(`${this._material.name}-colors-texture`, greasedLineMaterialOptions.colors);
-        }
-        else {
-            GreasedLinePluginMaterial._PrepareEmptyColorsTexture(scene);
-        }
+        (_a = this.colorsTexture) === null || _a === void 0 ? void 0 : _a.dispose();
         greasedLineMaterialOptions.color && this.setColor(greasedLineMaterialOptions.color, true);
         greasedLineMaterialOptions.colorDistributionType && (this.colorsDistributionType = greasedLineMaterialOptions.colorDistributionType);
+        greasedLineMaterialOptions.colors && (this.colors = greasedLineMaterialOptions.colors);
         greasedLineMaterialOptions.colorsSampling && (this.colorsSampling = greasedLineMaterialOptions.colorsSampling);
         greasedLineMaterialOptions.colorMode && (this.colorMode = greasedLineMaterialOptions.colorMode);
         greasedLineMaterialOptions.useColors && (this.useColors = greasedLineMaterialOptions.useColors);
@@ -614,6 +575,12 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
         greasedLineMaterialOptions.width && (this.width = greasedLineMaterialOptions.width);
         greasedLineMaterialOptions.sizeAttenuation && (this.sizeAttenuation = greasedLineMaterialOptions.sizeAttenuation);
         greasedLineMaterialOptions.resolution && (this.resolution = greasedLineMaterialOptions.resolution);
+        if (this.colors) {
+            this.colorsTexture = GreasedLineTools.CreateColorsTexture(`${this._material.name}-colors-texture`, this.colors, this.colorsSampling, scene);
+        }
+        else {
+            GreasedLineTools.PrepareEmptyColorsTexture(scene);
+        }
         this.markAllDefinesAsDirty();
     }
     /**
@@ -623,9 +590,9 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
     copyTo(plugin) {
         var _a;
         const dest = plugin;
-        (_a = dest._colorsTexture) === null || _a === void 0 ? void 0 : _a.dispose();
+        (_a = dest.colorsTexture) === null || _a === void 0 ? void 0 : _a.dispose();
         if (this._colors) {
-            dest._createColorsTexture(`${dest._material.name}-colors-texture`, this._colors);
+            dest.colorsTexture = GreasedLineTools.CreateColorsTexture(`${dest._material.name}-colors-texture`, this._colors, dest.colorsSampling, this._scene);
         }
         dest.setColor(this.color, true);
         dest.colorsDistributionType = this.colorsDistributionType;
@@ -642,34 +609,10 @@ export class GreasedLinePluginMaterial extends MaterialPluginBase {
         dest.resolution = this.resolution;
         dest.markAllDefinesAsDirty();
     }
-    /**
-     * A minimum size texture for the colors sampler2D when there is no colors texture defined yet.
-     * For fast switching using the useColors property without the need to use defines.
-     * @param scene Scene
-     */
-    static _PrepareEmptyColorsTexture(scene) {
-        if (!this._EmptyColorsTexture) {
-            const colorsArray = new Uint8Array(4);
-            GreasedLinePluginMaterial._EmptyColorsTexture = new RawTexture(colorsArray, 1, 1, Engine.TEXTUREFORMAT_RGBA, scene, false, false, RawTexture.NEAREST_NEAREST);
-            GreasedLinePluginMaterial._EmptyColorsTexture.name = "grlEmptyColorsTexture";
-        }
-    }
 }
 /**
  * Plugin name
  */
 GreasedLinePluginMaterial.GREASED_LINE_MATERIAL_NAME = "GreasedLinePluginMaterial";
-/**
- * Default line color for newly created lines
- */
-GreasedLinePluginMaterial.DEFAULT_COLOR = Color3.White();
-/**
- * Default line width when sizeAttenuation is true
- */
-GreasedLinePluginMaterial.DEFAULT_WIDTH_ATTENUATED = 1;
-/**
- * Defaule line width
- */
-GreasedLinePluginMaterial.DEFAULT_WIDTH = 0.1;
 RegisterClass(`BABYLON.${GreasedLinePluginMaterial.GREASED_LINE_MATERIAL_NAME}`, GreasedLinePluginMaterial);
 //# sourceMappingURL=greasedLinePluginMaterial.js.map