babylonjs-procedural-textures 6.10.0 → 6.11.1

package/babylonjs.proceduralTextures.js

@@ -7,39 +7,52 @@
 		exports["babylonjs-procedural-textures"] = factory(require("babylonjs"));
 	else
 		root["PROCEDURALTEXTURES"] = factory(root["BABYLON"]);
-})((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), (__WEBPACK_EXTERNAL_MODULE_core_Misc_decorators__) => {
+})((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), (__WEBPACK_EXTERNAL_MODULE_babylonjs_Misc_decorators__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "../../../lts/proceduralTextures/dist/brick/brickProceduralTexture.fragment.js":
-/*!*************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/brick/brickProceduralTexture.fragment.js ***!
-  \*************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/brick/brickProceduralTexture.fragment.ts":
+/*!************************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/brick/brickProceduralTexture.fragment.ts ***!
+  \************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   brickProceduralTexturePixelShader: () => (/* binding */ brickProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "brickProceduralTexturePixelShader";
-var shader = "precision highp float;varying vec2 vPosition;varying vec2 vUV;uniform float numberOfBricksHeight;uniform float numberOfBricksWidth;uniform vec3 brickColor;uniform vec3 jointColor;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}\nfloat noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}\nfloat fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}\nreturn total;}\nfloat roundF(float number){return sign(number)*floor(abs(number)+0.5);}\n#define CUSTOM_FRAGMENT_DEFINITIONS\nvoid main(void)\n{float brickW=1.0/numberOfBricksWidth;float brickH=1.0/numberOfBricksHeight;float jointWPercentage=0.01;float jointHPercentage=0.05;vec3 color=brickColor;float yi=vUV.y/brickH;float nyi=roundF(yi);float xi=vUV.x/brickW;if (mod(floor(yi),2.0)==0.0){xi=xi-0.5;}\nfloat nxi=roundF(xi);vec2 brickvUV=vec2((xi-floor(xi))/brickH,(yi-floor(yi))/ brickW);if (yi<nyi+jointHPercentage && yi>nyi-jointHPercentage){color=mix(jointColor,vec3(0.37,0.25,0.25),(yi-nyi)/jointHPercentage+0.2);}\nelse if (xi<nxi+jointWPercentage && xi>nxi-jointWPercentage){color=mix(jointColor,vec3(0.44,0.44,0.44),(xi-nxi)/jointWPercentage+0.2);}\nelse {float brickColorSwitch=mod(floor(yi)+floor(xi),3.0);if (brickColorSwitch==0.0)\ncolor=mix(color,vec3(0.33,0.33,0.33),0.3);else if (brickColorSwitch==2.0)\ncolor=mix(color,vec3(0.11,0.11,0.11),0.3);}\ngl_FragColor=vec4(color,1.0);}";
+const name = "brickProceduralTexturePixelShader";
+const shader = `precision highp float;varying vec2 vPosition;varying vec2 vUV;uniform float numberOfBricksHeight;uniform float numberOfBricksWidth;uniform vec3 brickColor;uniform vec3 jointColor;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}
+float noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}
+float fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}
+return total;}
+float roundF(float number){return sign(number)*floor(abs(number)+0.5);}
+#define CUSTOM_FRAGMENT_DEFINITIONS
+void main(void)
+{float brickW=1.0/numberOfBricksWidth;float brickH=1.0/numberOfBricksHeight;float jointWPercentage=0.01;float jointHPercentage=0.05;vec3 color=brickColor;float yi=vUV.y/brickH;float nyi=roundF(yi);float xi=vUV.x/brickW;if (mod(floor(yi),2.0)==0.0){xi=xi-0.5;}
+float nxi=roundF(xi);vec2 brickvUV=vec2((xi-floor(xi))/brickH,(yi-floor(yi))/ brickW);if (yi<nyi+jointHPercentage && yi>nyi-jointHPercentage){color=mix(jointColor,vec3(0.37,0.25,0.25),(yi-nyi)/jointHPercentage+0.2);}
+else if (xi<nxi+jointWPercentage && xi>nxi-jointWPercentage){color=mix(jointColor,vec3(0.44,0.44,0.44),(xi-nxi)/jointWPercentage+0.2);}
+else {float brickColorSwitch=mod(floor(yi)+floor(xi),3.0);if (brickColorSwitch==0.0)
+color=mix(color,vec3(0.33,0.33,0.33),0.3);else if (brickColorSwitch==2.0)
+color=mix(color,vec3(0.11,0.11,0.11),0.3);}
+gl_FragColor=vec4(color,1.0);}`;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var brickProceduralTexturePixelShader = { name: name, shader: shader };
+const brickProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/brick/brickProceduralTexture.js":
-/*!****************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/brick/brickProceduralTexture.js ***!
-  \****************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/brick/brickProceduralTexture.ts":
+/*!***************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/brick/brickProceduralTexture.ts ***!
+  \***************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -47,86 +60,67 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   BrickProceduralTexture: () => (/* binding */ BrickProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _brickProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./brickProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/brick/brickProceduralTexture.fragment.js");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _brickProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./brickProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/brick/brickProceduralTexture.fragment.ts");
 
 
 
 
 
 
-var BrickProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(BrickProceduralTexture, _super);
-    function BrickProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "brickProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this._numberOfBricksHeight = 15;
-        _this._numberOfBricksWidth = 5;
-        _this._jointColor = new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.72, 0.72, 0.72);
-        _this._brickColor = new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.77, 0.47, 0.4);
-        _this.updateShaderUniforms();
-        return _this;
+class BrickProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "brickProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this._numberOfBricksHeight = 15;
+        this._numberOfBricksWidth = 5;
+        this._jointColor = new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.72, 0.72, 0.72);
+        this._brickColor = new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.77, 0.47, 0.4);
+        this.updateShaderUniforms();
     }
-    BrickProceduralTexture.prototype.updateShaderUniforms = function () {
+    updateShaderUniforms() {
         this.setFloat("numberOfBricksHeight", this._numberOfBricksHeight);
         this.setFloat("numberOfBricksWidth", this._numberOfBricksWidth);
         this.setColor3("brickColor", this._brickColor);
         this.setColor3("jointColor", this._jointColor);
-    };
-    Object.defineProperty(BrickProceduralTexture.prototype, "numberOfBricksHeight", {
-        get: function () {
-            return this._numberOfBricksHeight;
-        },
-        set: function (value) {
-            this._numberOfBricksHeight = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BrickProceduralTexture.prototype, "numberOfBricksWidth", {
-        get: function () {
-            return this._numberOfBricksWidth;
-        },
-        set: function (value) {
-            this._numberOfBricksWidth = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BrickProceduralTexture.prototype, "jointColor", {
-        get: function () {
-            return this._jointColor;
-        },
-        set: function (value) {
-            this._jointColor = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BrickProceduralTexture.prototype, "brickColor", {
-        get: function () {
-            return this._brickColor;
-        },
-        set: function (value) {
-            this._brickColor = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
+    get numberOfBricksHeight() {
+        return this._numberOfBricksHeight;
+    }
+    set numberOfBricksHeight(value) {
+        this._numberOfBricksHeight = value;
+        this.updateShaderUniforms();
+    }
+    get numberOfBricksWidth() {
+        return this._numberOfBricksWidth;
+    }
+    set numberOfBricksWidth(value) {
+        this._numberOfBricksWidth = value;
+        this.updateShaderUniforms();
+    }
+    get jointColor() {
+        return this._jointColor;
+    }
+    set jointColor(value) {
+        this._jointColor = value;
+        this.updateShaderUniforms();
+    }
+    get brickColor() {
+        return this._brickColor;
+    }
+    set brickColor(value) {
+        this._brickColor = value;
+        this.updateShaderUniforms();
+    }
     /**
      * Serializes this brick procedural texture
      * @returns a serialized brick procedural texture object
      */
-    BrickProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.BrickProceduralTexture";
         return serializationObject;
-    };
+    }
     /**
      * Creates a Brick Procedural Texture from parsed brick procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -134,73 +128,83 @@ var BrickProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing brick procedural texture information
      * @returns a parsed Brick Procedural Texture
      */
-    BrickProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new BrickProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new BrickProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], BrickProceduralTexture.prototype, "numberOfBricksHeight", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], BrickProceduralTexture.prototype, "numberOfBricksWidth", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
-    ], BrickProceduralTexture.prototype, "jointColor", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
-    ], BrickProceduralTexture.prototype, "brickColor", null);
-    return BrickProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.BrickProceduralTexture", BrickProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], BrickProceduralTexture.prototype, "numberOfBricksHeight", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], BrickProceduralTexture.prototype, "numberOfBricksWidth", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
+], BrickProceduralTexture.prototype, "jointColor", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
+], BrickProceduralTexture.prototype, "brickColor", null);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.BrickProceduralTexture", BrickProceduralTexture);
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/brick/index.js":
-/*!***********************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/brick/index.js ***!
-  \***********************************************************/
+/***/ "../../../dev/proceduralTextures/src/brick/index.ts":
+/*!**********************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/brick/index.ts ***!
+  \**********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   BrickProceduralTexture: () => (/* reexport safe */ _brickProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.BrickProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _brickProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./brickProceduralTexture */ "../../../lts/proceduralTextures/dist/brick/brickProceduralTexture.js");
+/* harmony import */ var _brickProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./brickProceduralTexture */ "../../../dev/proceduralTextures/src/brick/brickProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/cloud/cloudProceduralTexture.fragment.js":
-/*!*************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/cloud/cloudProceduralTexture.fragment.js ***!
-  \*************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/cloud/cloudProceduralTexture.fragment.ts":
+/*!************************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/cloud/cloudProceduralTexture.fragment.ts ***!
+  \************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   cloudProceduralTexturePixelShader: () => (/* binding */ cloudProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "cloudProceduralTexturePixelShader";
-var shader = "precision highp float;varying vec2 vUV;uniform vec4 skyColor;uniform vec4 cloudColor;uniform float amplitude;uniform int numOctaves;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}\nfloat noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}\nfloat fbm(vec2 n) {float total=0.0,ampl=amplitude;\n#ifdef WEBGL2\nfor (int i=0; i<numOctaves; i++) {\n#else\nfor (int i=0; i<4; i++) {\n#endif\ntotal+=noise(n)*ampl;n+=n;ampl*=0.5;}\nreturn total;}\nvoid main() {vec2 p=vUV*12.0;vec4 c=mix(skyColor,cloudColor,fbm(p));gl_FragColor=c;}\n";
+const name = "cloudProceduralTexturePixelShader";
+const shader = `precision highp float;varying vec2 vUV;uniform vec4 skyColor;uniform vec4 cloudColor;uniform float amplitude;uniform int numOctaves;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}
+float noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}
+float fbm(vec2 n) {float total=0.0,ampl=amplitude;
+#ifdef WEBGL2
+for (int i=0; i<numOctaves; i++) {
+#else
+for (int i=0; i<4; i++) {
+#endif
+total+=noise(n)*ampl;n+=n;ampl*=0.5;}
+return total;}
+void main() {vec2 p=vUV*12.0;vec4 c=mix(skyColor,cloudColor,fbm(p));gl_FragColor=c;}
+`;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var cloudProceduralTexturePixelShader = { name: name, shader: shader };
+const cloudProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/cloud/cloudProceduralTexture.js":
-/*!****************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/cloud/cloudProceduralTexture.js ***!
-  \****************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/cloud/cloudProceduralTexture.ts":
+/*!***************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/cloud/cloudProceduralTexture.ts ***!
+  \***************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -208,86 +212,67 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   CloudProceduralTexture: () => (/* binding */ CloudProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _cloudProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cloudProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/cloud/cloudProceduralTexture.fragment.js");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _cloudProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cloudProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/cloud/cloudProceduralTexture.fragment.ts");
 
 
 
 
 
 
-var CloudProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(CloudProceduralTexture, _super);
-    function CloudProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "cloudProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this._skyColor = new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color4(0.15, 0.68, 1.0, 1.0);
-        _this._cloudColor = new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color4(1, 1, 1, 1.0);
-        _this._amplitude = 1;
-        _this._numOctaves = 4;
-        _this.updateShaderUniforms();
-        return _this;
+class CloudProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "cloudProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this._skyColor = new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color4(0.15, 0.68, 1.0, 1.0);
+        this._cloudColor = new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color4(1, 1, 1, 1.0);
+        this._amplitude = 1;
+        this._numOctaves = 4;
+        this.updateShaderUniforms();
     }
-    CloudProceduralTexture.prototype.updateShaderUniforms = function () {
+    updateShaderUniforms() {
         this.setColor4("skyColor", this._skyColor);
         this.setColor4("cloudColor", this._cloudColor);
         this.setFloat("amplitude", this._amplitude);
         this.setInt("numOctaves", this._numOctaves);
-    };
-    Object.defineProperty(CloudProceduralTexture.prototype, "skyColor", {
-        get: function () {
-            return this._skyColor;
-        },
-        set: function (value) {
-            this._skyColor = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CloudProceduralTexture.prototype, "cloudColor", {
-        get: function () {
-            return this._cloudColor;
-        },
-        set: function (value) {
-            this._cloudColor = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CloudProceduralTexture.prototype, "amplitude", {
-        get: function () {
-            return this._amplitude;
-        },
-        set: function (value) {
-            this._amplitude = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CloudProceduralTexture.prototype, "numOctaves", {
-        get: function () {
-            return this._numOctaves;
-        },
-        set: function (value) {
-            this._numOctaves = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
+    get skyColor() {
+        return this._skyColor;
+    }
+    set skyColor(value) {
+        this._skyColor = value;
+        this.updateShaderUniforms();
+    }
+    get cloudColor() {
+        return this._cloudColor;
+    }
+    set cloudColor(value) {
+        this._cloudColor = value;
+        this.updateShaderUniforms();
+    }
+    get amplitude() {
+        return this._amplitude;
+    }
+    set amplitude(value) {
+        this._amplitude = value;
+        this.updateShaderUniforms();
+    }
+    get numOctaves() {
+        return this._numOctaves;
+    }
+    set numOctaves(value) {
+        this._numOctaves = value;
+        this.updateShaderUniforms();
+    }
     /**
      * Serializes this cloud procedural texture
      * @returns a serialized cloud procedural texture object
      */
-    CloudProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.CloudProceduralTexture";
         return serializationObject;
-    };
+    }
     /**
      * Creates a Cloud Procedural Texture from parsed cloud procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -295,73 +280,76 @@ var CloudProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing cloud procedural texture information
      * @returns a parsed Cloud Procedural Texture
      */
-    CloudProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new CloudProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new CloudProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor4)()
-    ], CloudProceduralTexture.prototype, "skyColor", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor4)()
-    ], CloudProceduralTexture.prototype, "cloudColor", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], CloudProceduralTexture.prototype, "amplitude", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], CloudProceduralTexture.prototype, "numOctaves", null);
-    return CloudProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.CloudProceduralTexture", CloudProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor4)()
+], CloudProceduralTexture.prototype, "skyColor", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor4)()
+], CloudProceduralTexture.prototype, "cloudColor", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], CloudProceduralTexture.prototype, "amplitude", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], CloudProceduralTexture.prototype, "numOctaves", null);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.CloudProceduralTexture", CloudProceduralTexture);
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/cloud/index.js":
-/*!***********************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/cloud/index.js ***!
-  \***********************************************************/
+/***/ "../../../dev/proceduralTextures/src/cloud/index.ts":
+/*!**********************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/cloud/index.ts ***!
+  \**********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   CloudProceduralTexture: () => (/* reexport safe */ _cloudProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.CloudProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _cloudProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cloudProceduralTexture */ "../../../lts/proceduralTextures/dist/cloud/cloudProceduralTexture.js");
+/* harmony import */ var _cloudProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cloudProceduralTexture */ "../../../dev/proceduralTextures/src/cloud/cloudProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/fire/fireProceduralTexture.fragment.js":
-/*!***********************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/fire/fireProceduralTexture.fragment.js ***!
-  \***********************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/fire/fireProceduralTexture.fragment.ts":
+/*!**********************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/fire/fireProceduralTexture.fragment.ts ***!
+  \**********************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   fireProceduralTexturePixelShader: () => (/* binding */ fireProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "fireProceduralTexturePixelShader";
-var shader = "precision highp float;uniform float time;uniform vec3 c1;uniform vec3 c2;uniform vec3 c3;uniform vec3 c4;uniform vec3 c5;uniform vec3 c6;uniform vec2 speed;uniform float shift;uniform float alphaThreshold;varying vec2 vUV;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}\nfloat noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}\nfloat fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}\nreturn total;}\nvoid main() {vec2 p=vUV*8.0;float q=fbm(p-time*0.1);vec2 r=vec2(fbm(p+q+time*speed.x-p.x-p.y),fbm(p+q-time*speed.y));vec3 c=mix(c1,c2,fbm(p+r))+mix(c3,c4,r.x)-mix(c5,c6,r.y);vec3 color=c*cos(shift*vUV.y);float luminance=dot(color.rgb,vec3(0.3,0.59,0.11));gl_FragColor=vec4(color,luminance*alphaThreshold+(1.0-alphaThreshold));}";
+const name = "fireProceduralTexturePixelShader";
+const shader = `precision highp float;uniform float time;uniform vec3 c1;uniform vec3 c2;uniform vec3 c3;uniform vec3 c4;uniform vec3 c5;uniform vec3 c6;uniform vec2 speed;uniform float shift;uniform float alphaThreshold;varying vec2 vUV;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}
+float noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}
+float fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}
+return total;}
+void main() {vec2 p=vUV*8.0;float q=fbm(p-time*0.1);vec2 r=vec2(fbm(p+q+time*speed.x-p.x-p.y),fbm(p+q-time*speed.y));vec3 c=mix(c1,c2,fbm(p+r))+mix(c3,c4,r.x)-mix(c5,c6,r.y);vec3 color=c*cos(shift*vUV.y);float luminance=dot(color.rgb,vec3(0.3,0.59,0.11));gl_FragColor=vec4(color,luminance*alphaThreshold+(1.0-alphaThreshold));}`;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var fireProceduralTexturePixelShader = { name: name, shader: shader };
+const fireProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/fire/fireProceduralTexture.js":
-/*!**************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/fire/fireProceduralTexture.js ***!
-  \**************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/fire/fireProceduralTexture.ts":
+/*!*************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/fire/fireProceduralTexture.ts ***!
+  \*************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -369,9 +357,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   FireProceduralTexture: () => (/* binding */ FireProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _fireProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./fireProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/fire/fireProceduralTexture.fragment.js");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _fireProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./fireProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/fire/fireProceduralTexture.fragment.ts");
 
 
 
@@ -379,20 +367,17 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var FireProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(FireProceduralTexture, _super);
-    function FireProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "fireProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this._time = 0.0;
-        _this._speed = new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Vector2(0.5, 0.3);
-        _this._autoGenerateTime = true;
-        _this._alphaThreshold = 0.5;
-        _this._fireColors = FireProceduralTexture.RedFireColors;
-        _this.updateShaderUniforms();
-        return _this;
+class FireProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "fireProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this._time = 0.0;
+        this._speed = new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Vector2(0.5, 0.3);
+        this._autoGenerateTime = true;
+        this._alphaThreshold = 0.5;
+        this._fireColors = FireProceduralTexture.RedFireColors;
+        this.updateShaderUniforms();
     }
-    FireProceduralTexture.prototype.updateShaderUniforms = function () {
+    updateShaderUniforms() {
         this.setFloat("time", this._time);
         this.setVector2("speed", this._speed);
         this.setColor3("c1", this._fireColors[0]);
@@ -402,110 +387,74 @@ var FireProceduralTexture = /** @class */ (function (_super) {
         this.setColor3("c5", this._fireColors[4]);
         this.setColor3("c6", this._fireColors[5]);
         this.setFloat("alphaThreshold", this._alphaThreshold);
-    };
-    FireProceduralTexture.prototype.render = function (useCameraPostProcess) {
-        var scene = this.getScene();
+    }
+    render(useCameraPostProcess) {
+        const scene = this.getScene();
         if (this._autoGenerateTime && scene) {
             this._time += scene.getAnimationRatio() * 0.03;
             this.updateShaderUniforms();
         }
-        _super.prototype.render.call(this, useCameraPostProcess);
-    };
-    Object.defineProperty(FireProceduralTexture, "PurpleFireColors", {
-        get: function () {
-            return [new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 0.0, 1.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.9, 0.0, 1.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.2, 0.0, 1.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(1.0, 0.9, 1.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.1, 1.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.9, 0.9, 1.0)];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FireProceduralTexture, "GreenFireColors", {
-        get: function () {
-            return [new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 1.0, 0.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 1.0, 0.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.3, 0.4, 0.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 1.0, 0.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.2, 0.0, 0.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 1.0, 0.0)];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FireProceduralTexture, "RedFireColors", {
-        get: function () {
-            return [new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 0.0, 0.1), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.9, 0.0, 0.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.2, 0.0, 0.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(1.0, 0.9, 0.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.1, 0.1), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.9, 0.9, 0.9)];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FireProceduralTexture, "BlueFireColors", {
-        get: function () {
-            return [new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.0, 0.5), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.0, 0.0, 0.5), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.0, 0.2), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.0, 0.0, 1.0), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.2, 0.3), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.0, 0.2, 0.9)];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FireProceduralTexture.prototype, "autoGenerateTime", {
-        get: function () {
-            return this._autoGenerateTime;
-        },
-        set: function (value) {
-            this._autoGenerateTime = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FireProceduralTexture.prototype, "fireColors", {
-        get: function () {
-            return this._fireColors;
-        },
-        set: function (value) {
-            this._fireColors = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FireProceduralTexture.prototype, "time", {
-        get: function () {
-            return this._time;
-        },
-        set: function (value) {
-            this._time = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FireProceduralTexture.prototype, "speed", {
-        get: function () {
-            return this._speed;
-        },
-        set: function (value) {
-            this._speed = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FireProceduralTexture.prototype, "alphaThreshold", {
-        get: function () {
-            return this._alphaThreshold;
-        },
-        set: function (value) {
-            this._alphaThreshold = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
+        super.render(useCameraPostProcess);
+    }
+    static get PurpleFireColors() {
+        return [new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 0.0, 1.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.9, 0.0, 1.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.2, 0.0, 1.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(1.0, 0.9, 1.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.1, 1.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.9, 0.9, 1.0)];
+    }
+    static get GreenFireColors() {
+        return [new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 1.0, 0.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 1.0, 0.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.3, 0.4, 0.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 1.0, 0.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.2, 0.0, 0.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 1.0, 0.0)];
+    }
+    static get RedFireColors() {
+        return [new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.5, 0.0, 0.1), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.9, 0.0, 0.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.2, 0.0, 0.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(1.0, 0.9, 0.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.1, 0.1), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.9, 0.9, 0.9)];
+    }
+    static get BlueFireColors() {
+        return [new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.0, 0.5), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.0, 0.0, 0.5), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.0, 0.2), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.0, 0.0, 1.0), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.1, 0.2, 0.3), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.0, 0.2, 0.9)];
+    }
+    get autoGenerateTime() {
+        return this._autoGenerateTime;
+    }
+    set autoGenerateTime(value) {
+        this._autoGenerateTime = value;
+    }
+    get fireColors() {
+        return this._fireColors;
+    }
+    set fireColors(value) {
+        this._fireColors = value;
+        this.updateShaderUniforms();
+    }
+    get time() {
+        return this._time;
+    }
+    set time(value) {
+        this._time = value;
+        this.updateShaderUniforms();
+    }
+    get speed() {
+        return this._speed;
+    }
+    set speed(value) {
+        this._speed = value;
+        this.updateShaderUniforms();
+    }
+    get alphaThreshold() {
+        return this._alphaThreshold;
+    }
+    set alphaThreshold(value) {
+        this._alphaThreshold = value;
+        this.updateShaderUniforms();
+    }
     /**
      * Serializes this fire procedural texture
      * @returns a serialized fire procedural texture object
      */
-    FireProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.FireProceduralTexture";
         serializationObject.fireColors = [];
-        for (var i = 0; i < this._fireColors.length; i++) {
+        for (let i = 0; i < this._fireColors.length; i++) {
             serializationObject.fireColors.push(this._fireColors[i].asArray());
         }
         return serializationObject;
-    };
+    }
     /**
      * Creates a Fire Procedural Texture from parsed fire procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -513,78 +462,86 @@ var FireProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing fire procedural texture information
      * @returns a parsed Fire Procedural Texture
      */
-    FireProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new FireProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
-        var colors = [];
-        for (var i = 0; i < parsedTexture.fireColors.length; i++) {
-            colors.push(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3.FromArray(parsedTexture.fireColors[i]));
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new FireProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
+        const colors = [];
+        for (let i = 0; i < parsedTexture.fireColors.length; i++) {
+            colors.push(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3.FromArray(parsedTexture.fireColors[i]));
         }
         texture.fireColors = colors;
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], FireProceduralTexture.prototype, "autoGenerateTime", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], FireProceduralTexture.prototype, "time", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsVector2)()
-    ], FireProceduralTexture.prototype, "speed", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], FireProceduralTexture.prototype, "alphaThreshold", null);
-    return FireProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.FireProceduralTexture", FireProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], FireProceduralTexture.prototype, "autoGenerateTime", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], FireProceduralTexture.prototype, "time", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsVector2)()
+], FireProceduralTexture.prototype, "speed", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], FireProceduralTexture.prototype, "alphaThreshold", null);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.FireProceduralTexture", FireProceduralTexture);
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/fire/index.js":
-/*!**********************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/fire/index.js ***!
-  \**********************************************************/
+/***/ "../../../dev/proceduralTextures/src/fire/index.ts":
+/*!*********************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/fire/index.ts ***!
+  \*********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   FireProceduralTexture: () => (/* reexport safe */ _fireProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.FireProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _fireProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fireProceduralTexture */ "../../../lts/proceduralTextures/dist/fire/fireProceduralTexture.js");
+/* harmony import */ var _fireProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fireProceduralTexture */ "../../../dev/proceduralTextures/src/fire/fireProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/grass/grassProceduralTexture.fragment.js":
-/*!*************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/grass/grassProceduralTexture.fragment.js ***!
-  \*************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/grass/grassProceduralTexture.fragment.ts":
+/*!************************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/grass/grassProceduralTexture.fragment.ts ***!
+  \************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   grassProceduralTexturePixelShader: () => (/* binding */ grassProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "grassProceduralTexturePixelShader";
-var shader = "precision highp float;varying vec2 vPosition;varying vec2 vUV;uniform vec3 herb1Color;uniform vec3 herb2Color;uniform vec3 herb3Color;uniform vec3 groundColor;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}\nfloat noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}\nfloat fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}\nreturn total;}\n#define CUSTOM_FRAGMENT_DEFINITIONS\nvoid main(void) {\n#define CUSTOM_FRAGMENT_MAIN_BEGIN\nvec3 color=mix(groundColor,herb1Color,rand(gl_FragCoord.xy*4.0));color=mix(color,herb2Color,rand(gl_FragCoord.xy*8.0));color=mix(color,herb3Color,rand(gl_FragCoord.xy));color=mix(color,herb1Color,fbm(gl_FragCoord.xy*16.0));gl_FragColor=vec4(color,1.0);\n#define CUSTOM_FRAGMENT_MAIN_END\n}";
+const name = "grassProceduralTexturePixelShader";
+const shader = `precision highp float;varying vec2 vPosition;varying vec2 vUV;uniform vec3 herb1Color;uniform vec3 herb2Color;uniform vec3 herb3Color;uniform vec3 groundColor;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}
+float noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}
+float fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}
+return total;}
+#define CUSTOM_FRAGMENT_DEFINITIONS
+void main(void) {
+#define CUSTOM_FRAGMENT_MAIN_BEGIN
+vec3 color=mix(groundColor,herb1Color,rand(gl_FragCoord.xy*4.0));color=mix(color,herb2Color,rand(gl_FragCoord.xy*8.0));color=mix(color,herb3Color,rand(gl_FragCoord.xy));color=mix(color,herb1Color,fbm(gl_FragCoord.xy*16.0));gl_FragColor=vec4(color,1.0);
+#define CUSTOM_FRAGMENT_MAIN_END
+}`;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var grassProceduralTexturePixelShader = { name: name, shader: shader };
+const grassProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/grass/grassProceduralTexture.js":
-/*!****************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/grass/grassProceduralTexture.js ***!
-  \****************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/grass/grassProceduralTexture.ts":
+/*!***************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/grass/grassProceduralTexture.ts ***!
+  \***************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -592,66 +549,55 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   GrassProceduralTexture: () => (/* binding */ GrassProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _grassProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./grassProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/grass/grassProceduralTexture.fragment.js");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _grassProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./grassProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/grass/grassProceduralTexture.fragment.ts");
 
 
 
 
 
 
-var GrassProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(GrassProceduralTexture, _super);
-    function GrassProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "grassProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this._groundColor = new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(1, 1, 1);
-        _this._grassColors = [new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.29, 0.38, 0.02), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.36, 0.49, 0.09), new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.51, 0.6, 0.28)];
-        _this.updateShaderUniforms();
-        return _this;
+class GrassProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "grassProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this._groundColor = new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(1, 1, 1);
+        this._grassColors = [new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.29, 0.38, 0.02), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.36, 0.49, 0.09), new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.51, 0.6, 0.28)];
+        this.updateShaderUniforms();
     }
-    GrassProceduralTexture.prototype.updateShaderUniforms = function () {
+    updateShaderUniforms() {
         this.setColor3("herb1Color", this._grassColors[0]);
         this.setColor3("herb2Color", this._grassColors[1]);
         this.setColor3("herb3Color", this._grassColors[2]);
         this.setColor3("groundColor", this._groundColor);
-    };
-    Object.defineProperty(GrassProceduralTexture.prototype, "grassColors", {
-        get: function () {
-            return this._grassColors;
-        },
-        set: function (value) {
-            this._grassColors = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GrassProceduralTexture.prototype, "groundColor", {
-        get: function () {
-            return this._groundColor;
-        },
-        set: function (value) {
-            this._groundColor = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
+    get grassColors() {
+        return this._grassColors;
+    }
+    set grassColors(value) {
+        this._grassColors = value;
+        this.updateShaderUniforms();
+    }
+    get groundColor() {
+        return this._groundColor;
+    }
+    set groundColor(value) {
+        this._groundColor = value;
+        this.updateShaderUniforms();
+    }
     /**
      * Serializes this grass procedural texture
      * @returns a serialized grass procedural texture object
      */
-    GrassProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.GrassProceduralTexture";
         serializationObject.grassColors = [];
-        for (var i = 0; i < this._grassColors.length; i++) {
+        for (let i = 0; i < this._grassColors.length; i++) {
             serializationObject.grassColors.push(this._grassColors[i].asArray());
         }
         return serializationObject;
-    };
+    }
     /**
      * Creates a Grass Procedural Texture from parsed grass procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -659,45 +605,44 @@ var GrassProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing grass procedural texture information
      * @returns a parsed Grass Procedural Texture
      */
-    GrassProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new GrassProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
-        var colors = [];
-        for (var i = 0; i < parsedTexture.grassColors.length; i++) {
-            colors.push(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3.FromArray(parsedTexture.grassColors[i]));
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new GrassProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
+        const colors = [];
+        for (let i = 0; i < parsedTexture.grassColors.length; i++) {
+            colors.push(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3.FromArray(parsedTexture.grassColors[i]));
         }
         texture.grassColors = colors;
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
-    ], GrassProceduralTexture.prototype, "groundColor", null);
-    return GrassProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.GrassProceduralTexture", GrassProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
+], GrassProceduralTexture.prototype, "groundColor", null);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.GrassProceduralTexture", GrassProceduralTexture);
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/grass/index.js":
-/*!***********************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/grass/index.js ***!
-  \***********************************************************/
+/***/ "../../../dev/proceduralTextures/src/grass/index.ts":
+/*!**********************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/grass/index.ts ***!
+  \**********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   GrassProceduralTexture: () => (/* reexport safe */ _grassProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.GrassProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _grassProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./grassProceduralTexture */ "../../../lts/proceduralTextures/dist/grass/grassProceduralTexture.js");
+/* harmony import */ var _grassProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./grassProceduralTexture */ "../../../dev/proceduralTextures/src/grass/grassProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/index.js":
-/*!*****************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/index.js ***!
-  \*****************************************************/
+/***/ "../../../dev/proceduralTextures/src/index.ts":
+/*!****************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/index.ts ***!
+  \****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -713,16 +658,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   StarfieldProceduralTexture: () => (/* reexport safe */ _starfield_index__WEBPACK_IMPORTED_MODULE_8__.StarfieldProceduralTexture),
 /* harmony export */   WoodProceduralTexture: () => (/* reexport safe */ _wood_index__WEBPACK_IMPORTED_MODULE_9__.WoodProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _brick_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./brick/index */ "../../../lts/proceduralTextures/dist/brick/index.js");
-/* harmony import */ var _cloud_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cloud/index */ "../../../lts/proceduralTextures/dist/cloud/index.js");
-/* harmony import */ var _fire_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fire/index */ "../../../lts/proceduralTextures/dist/fire/index.js");
-/* harmony import */ var _grass_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./grass/index */ "../../../lts/proceduralTextures/dist/grass/index.js");
-/* harmony import */ var _marble_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./marble/index */ "../../../lts/proceduralTextures/dist/marble/index.js");
-/* harmony import */ var _normalMap_index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./normalMap/index */ "../../../lts/proceduralTextures/dist/normalMap/index.js");
-/* harmony import */ var _perlinNoise_index__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./perlinNoise/index */ "../../../lts/proceduralTextures/dist/perlinNoise/index.js");
-/* harmony import */ var _road_index__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./road/index */ "../../../lts/proceduralTextures/dist/road/index.js");
-/* harmony import */ var _starfield_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./starfield/index */ "../../../lts/proceduralTextures/dist/starfield/index.js");
-/* harmony import */ var _wood_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./wood/index */ "../../../lts/proceduralTextures/dist/wood/index.js");
+/* harmony import */ var _brick_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./brick/index */ "../../../dev/proceduralTextures/src/brick/index.ts");
+/* harmony import */ var _cloud_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cloud/index */ "../../../dev/proceduralTextures/src/cloud/index.ts");
+/* harmony import */ var _fire_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fire/index */ "../../../dev/proceduralTextures/src/fire/index.ts");
+/* harmony import */ var _grass_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./grass/index */ "../../../dev/proceduralTextures/src/grass/index.ts");
+/* harmony import */ var _marble_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./marble/index */ "../../../dev/proceduralTextures/src/marble/index.ts");
+/* harmony import */ var _normalMap_index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./normalMap/index */ "../../../dev/proceduralTextures/src/normalMap/index.ts");
+/* harmony import */ var _perlinNoise_index__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./perlinNoise/index */ "../../../dev/proceduralTextures/src/perlinNoise/index.ts");
+/* harmony import */ var _road_index__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./road/index */ "../../../dev/proceduralTextures/src/road/index.ts");
+/* harmony import */ var _starfield_index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./starfield/index */ "../../../dev/proceduralTextures/src/starfield/index.ts");
+/* harmony import */ var _wood_index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./wood/index */ "../../../dev/proceduralTextures/src/wood/index.ts");
 /* eslint-disable import/no-internal-modules */
 
 
@@ -738,90 +683,50 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/legacy/legacy.js":
-/*!*************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/legacy/legacy.js ***!
-  \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   BrickProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.BrickProceduralTexture),
-/* harmony export */   CloudProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.CloudProceduralTexture),
-/* harmony export */   FireProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.FireProceduralTexture),
-/* harmony export */   GrassProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.GrassProceduralTexture),
-/* harmony export */   MarbleProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.MarbleProceduralTexture),
-/* harmony export */   NormalMapProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.NormalMapProceduralTexture),
-/* harmony export */   PerlinNoiseProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.PerlinNoiseProceduralTexture),
-/* harmony export */   RoadProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.RoadProceduralTexture),
-/* harmony export */   StarfieldProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.StarfieldProceduralTexture),
-/* harmony export */   WoodProceduralTexture: () => (/* reexport safe */ _index__WEBPACK_IMPORTED_MODULE_0__.WoodProceduralTexture)
-/* harmony export */ });
-/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../index */ "../../../lts/proceduralTextures/dist/index.js");
-/* eslint-disable import/no-internal-modules */
-
-/**
- * Legacy support, defining window.BABYLON.GridMaterial... (global variable).
- *
- * This is the entry point for the UMD module.
- * The entry point for a future ESM package should be index.ts
- */
-var globalObject = typeof __webpack_require__.g !== "undefined" ? __webpack_require__.g : typeof window !== "undefined" ? window : undefined;
-if (typeof globalObject !== "undefined") {
-    globalObject.BABYLON = globalObject.BABYLON || {};
-    for (var mat in _index__WEBPACK_IMPORTED_MODULE_0__) {
-        globalObject.BABYLON[mat] = _index__WEBPACK_IMPORTED_MODULE_0__[mat];
-    }
-}
-
-
-
-/***/ }),
-
-/***/ "../../../lts/proceduralTextures/dist/marble/index.js":
-/*!************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/marble/index.js ***!
-  \************************************************************/
+/***/ "../../../dev/proceduralTextures/src/marble/index.ts":
+/*!***********************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/marble/index.ts ***!
+  \***********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   MarbleProceduralTexture: () => (/* reexport safe */ _marbleProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.MarbleProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _marbleProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./marbleProceduralTexture */ "../../../lts/proceduralTextures/dist/marble/marbleProceduralTexture.js");
+/* harmony import */ var _marbleProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./marbleProceduralTexture */ "../../../dev/proceduralTextures/src/marble/marbleProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/marble/marbleProceduralTexture.fragment.js":
-/*!***************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/marble/marbleProceduralTexture.fragment.js ***!
-  \***************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/marble/marbleProceduralTexture.fragment.ts":
+/*!**************************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/marble/marbleProceduralTexture.fragment.ts ***!
+  \**************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   marbleProceduralTexturePixelShader: () => (/* binding */ marbleProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "marbleProceduralTexturePixelShader";
-var shader = "precision highp float;\nvarying vec2 vPosition;\nvarying vec2 vUV;\nuniform float numberOfTilesHeight;\nuniform float numberOfTilesWidth;\nuniform float amplitude;\nuniform vec3 marbleColor;\nuniform vec3 jointColor;\nconst vec3 tileSize=vec3(1.1,1.0,1.1);\nconst vec3 tilePct=vec3(0.98,1.0,0.98);\nfloat rand(vec2 n) {\nreturn fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);\n}\nfloat noise(vec2 n) {\nconst vec2 d=vec2(0.0,1.0);\nvec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));\nreturn mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);\n}\nfloat turbulence(vec2 P)\n{\nfloat val=0.0;\nfloat freq=1.0;\nfor (int i=0; i<4; i++)\n{\nval+=abs(noise(P*freq)/freq);\nfreq*=2.07;\n}\nreturn val;\n}\nfloat roundF(float number){\nreturn sign(number)*floor(abs(number)+0.5);\n}\nvec3 marble_color(float x)\n{\nvec3 col;\nx=0.5*(x+1.);\nx=sqrt(x); \nx=sqrt(x);\nx=sqrt(x);\ncol=vec3(.2+.75*x); \ncol.b*=0.95; \nreturn col;\n}\nvoid main()\n{\nfloat brickW=1.0/numberOfTilesWidth;\nfloat brickH=1.0/numberOfTilesHeight;\nfloat jointWPercentage=0.01;\nfloat jointHPercentage=0.01;\nvec3 color=marbleColor;\nfloat yi=vUV.y/brickH;\nfloat nyi=roundF(yi);\nfloat xi=vUV.x/brickW;\nif (mod(floor(yi),2.0)==0.0){\nxi=xi-0.5;\n}\nfloat nxi=roundF(xi);\nvec2 brickvUV=vec2((xi-floor(xi))/brickH,(yi-floor(yi))/brickW);\nif (yi<nyi+jointHPercentage && yi>nyi-jointHPercentage){\ncolor=mix(jointColor,vec3(0.37,0.25,0.25),(yi-nyi)/jointHPercentage+0.2);\n}\nelse if (xi<nxi+jointWPercentage && xi>nxi-jointWPercentage){\ncolor=mix(jointColor,vec3(0.44,0.44,0.44),(xi-nxi)/jointWPercentage+0.2);\n}\nelse {\nfloat t=6.28*brickvUV.x/(tileSize.x+noise(vec2(vUV)*6.0));\nt+=amplitude*turbulence(brickvUV.xy);\nt=sin(t);\ncolor=marble_color(t);\n}\ngl_FragColor=vec4(color,0.0);\n}";
+const name = "marbleProceduralTexturePixelShader";
+const shader = `precision highp float;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var marbleProceduralTexturePixelShader = { name: name, shader: shader };
+const marbleProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/marble/marbleProceduralTexture.js":
-/*!******************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/marble/marbleProceduralTexture.js ***!
-  \******************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/marble/marbleProceduralTexture.ts":
+/*!*****************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/marble/marbleProceduralTexture.ts ***!
+  \*****************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -829,86 +734,67 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   MarbleProceduralTexture: () => (/* binding */ MarbleProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _marbleProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./marbleProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/marble/marbleProceduralTexture.fragment.js");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _marbleProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./marbleProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/marble/marbleProceduralTexture.fragment.ts");
 
 
 
 
 
 
-var MarbleProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(MarbleProceduralTexture, _super);
-    function MarbleProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "marbleProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this._numberOfTilesHeight = 3;
-        _this._numberOfTilesWidth = 3;
-        _this._amplitude = 9.0;
-        _this._jointColor = new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.72, 0.72, 0.72);
-        _this.updateShaderUniforms();
-        return _this;
+class MarbleProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "marbleProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this._numberOfTilesHeight = 3;
+        this._numberOfTilesWidth = 3;
+        this._amplitude = 9.0;
+        this._jointColor = new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.72, 0.72, 0.72);
+        this.updateShaderUniforms();
     }
-    MarbleProceduralTexture.prototype.updateShaderUniforms = function () {
+    updateShaderUniforms() {
         this.setFloat("numberOfTilesHeight", this._numberOfTilesHeight);
         this.setFloat("numberOfTilesWidth", this._numberOfTilesWidth);
         this.setFloat("amplitude", this._amplitude);
         this.setColor3("jointColor", this._jointColor);
-    };
-    Object.defineProperty(MarbleProceduralTexture.prototype, "numberOfTilesHeight", {
-        get: function () {
-            return this._numberOfTilesHeight;
-        },
-        set: function (value) {
-            this._numberOfTilesHeight = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MarbleProceduralTexture.prototype, "amplitude", {
-        get: function () {
-            return this._amplitude;
-        },
-        set: function (value) {
-            this._amplitude = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MarbleProceduralTexture.prototype, "numberOfTilesWidth", {
-        get: function () {
-            return this._numberOfTilesWidth;
-        },
-        set: function (value) {
-            this._numberOfTilesWidth = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MarbleProceduralTexture.prototype, "jointColor", {
-        get: function () {
-            return this._jointColor;
-        },
-        set: function (value) {
-            this._jointColor = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
+    get numberOfTilesHeight() {
+        return this._numberOfTilesHeight;
+    }
+    set numberOfTilesHeight(value) {
+        this._numberOfTilesHeight = value;
+        this.updateShaderUniforms();
+    }
+    get amplitude() {
+        return this._amplitude;
+    }
+    set amplitude(value) {
+        this._amplitude = value;
+        this.updateShaderUniforms();
+    }
+    get numberOfTilesWidth() {
+        return this._numberOfTilesWidth;
+    }
+    set numberOfTilesWidth(value) {
+        this._numberOfTilesWidth = value;
+        this.updateShaderUniforms();
+    }
+    get jointColor() {
+        return this._jointColor;
+    }
+    set jointColor(value) {
+        this._jointColor = value;
+        this.updateShaderUniforms();
+    }
     /**
      * Serializes this marble procedural texture
      * @returns a serialized marble procedural texture object
      */
-    MarbleProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.MarbleProceduralTexture";
         return serializationObject;
-    };
+    }
     /**
      * Creates a Marble Procedural Texture from parsed marble procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -916,73 +802,76 @@ var MarbleProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing marble procedural texture information
      * @returns a parsed Marble Procedural Texture
      */
-    MarbleProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new MarbleProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new MarbleProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], MarbleProceduralTexture.prototype, "numberOfTilesHeight", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], MarbleProceduralTexture.prototype, "amplitude", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], MarbleProceduralTexture.prototype, "numberOfTilesWidth", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], MarbleProceduralTexture.prototype, "jointColor", null);
-    return MarbleProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.MarbleProceduralTexture", MarbleProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], MarbleProceduralTexture.prototype, "numberOfTilesHeight", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], MarbleProceduralTexture.prototype, "amplitude", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], MarbleProceduralTexture.prototype, "numberOfTilesWidth", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], MarbleProceduralTexture.prototype, "jointColor", null);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.MarbleProceduralTexture", MarbleProceduralTexture);
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/normalMap/index.js":
-/*!***************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/normalMap/index.js ***!
-  \***************************************************************/
+/***/ "../../../dev/proceduralTextures/src/normalMap/index.ts":
+/*!**************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/normalMap/index.ts ***!
+  \**************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   NormalMapProceduralTexture: () => (/* reexport safe */ _normalMapProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.NormalMapProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _normalMapProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./normalMapProceduralTexture */ "../../../lts/proceduralTextures/dist/normalMap/normalMapProceduralTexture.js");
+/* harmony import */ var _normalMapProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./normalMapProceduralTexture */ "../../../dev/proceduralTextures/src/normalMap/normalMapProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/normalMap/normalMapProceduralTexture.fragment.js":
-/*!*********************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/normalMap/normalMapProceduralTexture.fragment.js ***!
-  \*********************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/normalMap/normalMapProceduralTexture.fragment.ts":
+/*!********************************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/normalMap/normalMapProceduralTexture.fragment.ts ***!
+  \********************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   normalMapProceduralTexturePixelShader: () => (/* binding */ normalMapProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "normalMapProceduralTexturePixelShader";
-var shader = "precision highp float;uniform sampler2D baseSampler;uniform float size;varying vec2 vUV;const vec3 LUMA_COEFFICIENT=vec3(0.2126,0.7152,0.0722);float lumaAtCoord(vec2 coord)\n{vec3 pixel=texture2D(baseSampler,coord).rgb;float luma=dot(pixel,LUMA_COEFFICIENT);return luma;}\nvoid main()\n{float lumaU0=lumaAtCoord(vUV+vec2(-1.0, 0.0)/size);float lumaU1=lumaAtCoord(vUV+vec2( 1.0, 0.0)/size);float lumaV0=lumaAtCoord(vUV+vec2( 0.0,-1.0)/size);float lumaV1=lumaAtCoord(vUV+vec2( 0.0, 1.0)/size);vec2 slope=(vec2(lumaU0-lumaU1,lumaV0-lumaV1)+1.0)*0.5;gl_FragColor=vec4(slope,1.0,1.0);}\n";
+const name = "normalMapProceduralTexturePixelShader";
+const shader = `precision highp float;uniform sampler2D baseSampler;uniform float size;varying vec2 vUV;const vec3 LUMA_COEFFICIENT=vec3(0.2126,0.7152,0.0722);float lumaAtCoord(vec2 coord)
+{vec3 pixel=texture2D(baseSampler,coord).rgb;float luma=dot(pixel,LUMA_COEFFICIENT);return luma;}
+void main()
+{float lumaU0=lumaAtCoord(vUV+vec2(-1.0, 0.0)/size);float lumaU1=lumaAtCoord(vUV+vec2( 1.0, 0.0)/size);float lumaV0=lumaAtCoord(vUV+vec2( 0.0,-1.0)/size);float lumaV1=lumaAtCoord(vUV+vec2( 0.0, 1.0)/size);vec2 slope=(vec2(lumaU0-lumaU1,lumaV0-lumaV1)+1.0)*0.5;gl_FragColor=vec4(slope,1.0,1.0);}
+`;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var normalMapProceduralTexturePixelShader = { name: name, shader: shader };
+const normalMapProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/normalMap/normalMapProceduralTexture.js":
-/*!************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/normalMap/normalMapProceduralTexture.js ***!
-  \************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/normalMap/normalMapProceduralTexture.ts":
+/*!***********************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/normalMap/normalMapProceduralTexture.ts ***!
+  \***********************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -990,60 +879,53 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   NormalMapProceduralTexture: () => (/* binding */ NormalMapProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _normalMapProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./normalMapProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/normalMap/normalMapProceduralTexture.fragment.js");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _normalMapProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./normalMapProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/normalMap/normalMapProceduralTexture.fragment.ts");
 
 
 
 
 
-var NormalMapProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(NormalMapProceduralTexture, _super);
-    function NormalMapProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "normalMapProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this.updateShaderUniforms();
-        return _this;
+class NormalMapProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "normalMapProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this.updateShaderUniforms();
     }
-    NormalMapProceduralTexture.prototype.updateShaderUniforms = function () {
+    updateShaderUniforms() {
         this.setTexture("baseSampler", this._baseTexture);
         this.setFloat("size", this.getRenderSize());
-    };
-    NormalMapProceduralTexture.prototype.render = function (useCameraPostProcess) {
-        _super.prototype.render.call(this, useCameraPostProcess);
-    };
-    NormalMapProceduralTexture.prototype.resize = function (size, generateMipMaps) {
-        _super.prototype.resize.call(this, size, generateMipMaps);
+    }
+    render(useCameraPostProcess) {
+        super.render(useCameraPostProcess);
+    }
+    resize(size, generateMipMaps) {
+        super.resize(size, generateMipMaps);
         // We need to update the "size" uniform
         this.updateShaderUniforms();
-    };
-    NormalMapProceduralTexture.prototype.isReady = function () {
+    }
+    isReady() {
         if (!this._baseTexture || !this._baseTexture.isReady()) {
             return false;
         }
-        return _super.prototype.isReady.call(this);
-    };
-    Object.defineProperty(NormalMapProceduralTexture.prototype, "baseTexture", {
-        get: function () {
-            return this._baseTexture;
-        },
-        set: function (texture) {
-            this._baseTexture = texture;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
+        return super.isReady();
+    }
+    get baseTexture() {
+        return this._baseTexture;
+    }
+    set baseTexture(texture) {
+        this._baseTexture = texture;
+        this.updateShaderUniforms();
+    }
     /**
      * Serializes this normal map procedural texture
      * @returns a serialized normal map procedural texture object
      */
-    NormalMapProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.NormalMapProceduralTexture";
         return serializationObject;
-    };
+    }
     /**
      * Creates a Normal Map Procedural Texture from parsed normal map procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -1051,64 +933,101 @@ var NormalMapProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing normal map procedural texture information
      * @returns a parsed Normal Map Procedural Texture
      */
-    NormalMapProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new NormalMapProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new NormalMapProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsTexture)()
-    ], NormalMapProceduralTexture.prototype, "baseTexture", null);
-    return NormalMapProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.NormalMapProceduralTexture", NormalMapProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsTexture)()
+], NormalMapProceduralTexture.prototype, "baseTexture", null);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.NormalMapProceduralTexture", NormalMapProceduralTexture);
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/perlinNoise/index.js":
-/*!*****************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/perlinNoise/index.js ***!
-  \*****************************************************************/
+/***/ "../../../dev/proceduralTextures/src/perlinNoise/index.ts":
+/*!****************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/perlinNoise/index.ts ***!
+  \****************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   PerlinNoiseProceduralTexture: () => (/* reexport safe */ _perlinNoiseProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.PerlinNoiseProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _perlinNoiseProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./perlinNoiseProceduralTexture */ "../../../lts/proceduralTextures/dist/perlinNoise/perlinNoiseProceduralTexture.js");
+/* harmony import */ var _perlinNoiseProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./perlinNoiseProceduralTexture */ "../../../dev/proceduralTextures/src/perlinNoise/perlinNoiseProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/perlinNoise/perlinNoiseProceduralTexture.fragment.js":
-/*!*************************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/perlinNoise/perlinNoiseProceduralTexture.fragment.js ***!
-  \*************************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/perlinNoise/perlinNoiseProceduralTexture.fragment.ts":
+/*!************************************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/perlinNoise/perlinNoiseProceduralTexture.fragment.ts ***!
+  \************************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   perlinNoiseProceduralTexturePixelShader: () => (/* binding */ perlinNoiseProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "perlinNoiseProceduralTexturePixelShader";
-var shader = "precision highp float;uniform float size;uniform float time;uniform float translationSpeed;varying vec2 vUV;float r(float n)\n{return fract(cos(n*89.42)*343.42);}\nvec2 r(vec2 n)\n{return vec2(r(n.x*23.62-300.0+n.y*34.35),r(n.x*45.13+256.0+n.y*38.89)); }\nfloat worley(vec2 n,float s)\n{float dis=1.0;for(int x=-1; x<=1; x++)\n{for(int y=-1; y<=1; y++)\n{vec2 p=floor(n/s)+vec2(x,y);float d=length(r(p)+vec2(x,y)-fract(n/s));if (dis>d)\ndis=d;}}\nreturn 1.0-dis;}\nvec3 hash33(vec3 p3)\n{p3=fract(p3*vec3(0.1031,0.11369,0.13787));p3+=dot(p3,p3.yxz+19.19);return -1.0+2.0*fract(vec3((p3.x+p3.y)*p3.z,(p3.x+p3.z)*p3.y,(p3.y+p3.z)*p3.x));}\nfloat perlinNoise(vec3 p)\n{vec3 pi=floor(p);vec3 pf=p-pi;vec3 w=pf*pf*(3.0-2.0*pf);return mix(\nmix(\nmix(\ndot(pf-vec3(0,0,0),hash33(pi+vec3(0,0,0))),\ndot(pf-vec3(1,0,0),hash33(pi+vec3(1,0,0))),w.x\n),mix(\ndot(pf-vec3(0,0,1),hash33(pi+vec3(0,0,1))),\ndot(pf-vec3(1,0,1),hash33(pi+vec3(1,0,1))),w.x\n),w.z\n),mix(\nmix(\ndot(pf-vec3(0,1,0),hash33(pi+vec3(0,1,0))),\ndot(pf-vec3(1,1,0),hash33(pi+vec3(1,1,0))),w.x\n),mix(\ndot(pf-vec3(0,1,1),hash33(pi+vec3(0,1,1))),\ndot(pf-vec3(1,1,1),hash33(pi+vec3(1,1,1))),w.x\n),w.z\n),w.y\n);}\n#define CUSTOM_FRAGMENT_DEFINITIONS\nvoid main(void)\n{vec2 uv=gl_FragCoord.xy+translationSpeed;float dis=(\n1.0+perlinNoise(vec3(uv/vec2(size,size),time*0.05)*8.0))\n* (1.0+(worley(uv,32.0)+ 0.5*worley(2.0*uv,32.0)+0.25*worley(4.0*uv,32.0))\n);gl_FragColor=vec4(vec3(dis/4.0),1.0);}\n";
+const name = "perlinNoiseProceduralTexturePixelShader";
+const shader = `precision highp float;uniform float size;uniform float time;uniform float translationSpeed;varying vec2 vUV;float r(float n)
+{return fract(cos(n*89.42)*343.42);}
+vec2 r(vec2 n)
+{return vec2(r(n.x*23.62-300.0+n.y*34.35),r(n.x*45.13+256.0+n.y*38.89)); }
+float worley(vec2 n,float s)
+{float dis=1.0;for(int x=-1; x<=1; x++)
+{for(int y=-1; y<=1; y++)
+{vec2 p=floor(n/s)+vec2(x,y);float d=length(r(p)+vec2(x,y)-fract(n/s));if (dis>d)
+dis=d;}}
+return 1.0-dis;}
+vec3 hash33(vec3 p3)
+{p3=fract(p3*vec3(0.1031,0.11369,0.13787));p3+=dot(p3,p3.yxz+19.19);return -1.0+2.0*fract(vec3((p3.x+p3.y)*p3.z,(p3.x+p3.z)*p3.y,(p3.y+p3.z)*p3.x));}
+float perlinNoise(vec3 p)
+{vec3 pi=floor(p);vec3 pf=p-pi;vec3 w=pf*pf*(3.0-2.0*pf);return mix(
+mix(
+mix(
+dot(pf-vec3(0,0,0),hash33(pi+vec3(0,0,0))),
+dot(pf-vec3(1,0,0),hash33(pi+vec3(1,0,0))),w.x
+),mix(
+dot(pf-vec3(0,0,1),hash33(pi+vec3(0,0,1))),
+dot(pf-vec3(1,0,1),hash33(pi+vec3(1,0,1))),w.x
+),w.z
+),mix(
+mix(
+dot(pf-vec3(0,1,0),hash33(pi+vec3(0,1,0))),
+dot(pf-vec3(1,1,0),hash33(pi+vec3(1,1,0))),w.x
+),mix(
+dot(pf-vec3(0,1,1),hash33(pi+vec3(0,1,1))),
+dot(pf-vec3(1,1,1),hash33(pi+vec3(1,1,1))),w.x
+),w.z
+),w.y
+);}
+#define CUSTOM_FRAGMENT_DEFINITIONS
+void main(void)
+{vec2 uv=gl_FragCoord.xy+translationSpeed;float dis=(
+1.0+perlinNoise(vec3(uv/vec2(size,size),time*0.05)*8.0))
+* (1.0+(worley(uv,32.0)+ 0.5*worley(2.0*uv,32.0)+0.25*worley(4.0*uv,32.0))
+);gl_FragColor=vec4(vec3(dis/4.0),1.0);}
+`;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var perlinNoiseProceduralTexturePixelShader = { name: name, shader: shader };
+const perlinNoiseProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/perlinNoise/perlinNoiseProceduralTexture.js":
-/*!****************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/perlinNoise/perlinNoiseProceduralTexture.js ***!
-  \****************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/perlinNoise/perlinNoiseProceduralTexture.ts":
+/*!***************************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/perlinNoise/perlinNoiseProceduralTexture.ts ***!
+  \***************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -1116,54 +1035,51 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   PerlinNoiseProceduralTexture: () => (/* binding */ PerlinNoiseProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _perlinNoiseProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./perlinNoiseProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/perlinNoise/perlinNoiseProceduralTexture.fragment.js");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _perlinNoiseProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./perlinNoiseProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/perlinNoise/perlinNoiseProceduralTexture.fragment.ts");
 
 
 
 
 
-var PerlinNoiseProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(PerlinNoiseProceduralTexture, _super);
-    function PerlinNoiseProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "perlinNoiseProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this.time = 0.0;
-        _this.timeScale = 1.0;
-        _this.translationSpeed = 1.0;
-        _this._currentTranslation = 0;
-        _this.updateShaderUniforms();
-        return _this;
+class PerlinNoiseProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "perlinNoiseProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this.time = 0.0;
+        this.timeScale = 1.0;
+        this.translationSpeed = 1.0;
+        this._currentTranslation = 0;
+        this.updateShaderUniforms();
     }
-    PerlinNoiseProceduralTexture.prototype.updateShaderUniforms = function () {
+    updateShaderUniforms() {
         this.setFloat("size", this.getRenderSize());
-        var scene = this.getScene();
+        const scene = this.getScene();
         if (!scene) {
             return;
         }
-        var deltaTime = scene.getEngine().getDeltaTime();
+        const deltaTime = scene.getEngine().getDeltaTime();
         this.time += deltaTime;
         this.setFloat("time", (this.time * this.timeScale) / 1000);
         this._currentTranslation += (deltaTime * this.translationSpeed) / 1000.0;
         this.setFloat("translationSpeed", this._currentTranslation);
-    };
-    PerlinNoiseProceduralTexture.prototype.render = function (useCameraPostProcess) {
+    }
+    render(useCameraPostProcess) {
         this.updateShaderUniforms();
-        _super.prototype.render.call(this, useCameraPostProcess);
-    };
-    PerlinNoiseProceduralTexture.prototype.resize = function (size, generateMipMaps) {
-        _super.prototype.resize.call(this, size, generateMipMaps);
-    };
+        super.render(useCameraPostProcess);
+    }
+    resize(size, generateMipMaps) {
+        super.resize(size, generateMipMaps);
+    }
     /**
      * Serializes this perlin noise procedural texture
      * @returns a serialized perlin noise procedural texture object
      */
-    PerlinNoiseProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.PerlinNoiseProceduralTexture";
         return serializationObject;
-    };
+    }
     /**
      * Creates a Perlin Noise Procedural Texture from parsed perlin noise procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -1171,70 +1087,79 @@ var PerlinNoiseProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing perlin noise procedural texture information
      * @returns a parsed Perlin Noise Procedural Texture
      */
-    PerlinNoiseProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new PerlinNoiseProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new PerlinNoiseProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], PerlinNoiseProceduralTexture.prototype, "time", void 0);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], PerlinNoiseProceduralTexture.prototype, "timeScale", void 0);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], PerlinNoiseProceduralTexture.prototype, "translationSpeed", void 0);
-    return PerlinNoiseProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.PerlinNoiseProceduralTexture", PerlinNoiseProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], PerlinNoiseProceduralTexture.prototype, "time", void 0);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], PerlinNoiseProceduralTexture.prototype, "timeScale", void 0);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], PerlinNoiseProceduralTexture.prototype, "translationSpeed", void 0);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.PerlinNoiseProceduralTexture", PerlinNoiseProceduralTexture);
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/road/index.js":
-/*!**********************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/road/index.js ***!
-  \**********************************************************/
+/***/ "../../../dev/proceduralTextures/src/road/index.ts":
+/*!*********************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/road/index.ts ***!
+  \*********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   RoadProceduralTexture: () => (/* reexport safe */ _roadProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.RoadProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _roadProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./roadProceduralTexture */ "../../../lts/proceduralTextures/dist/road/roadProceduralTexture.js");
+/* harmony import */ var _roadProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./roadProceduralTexture */ "../../../dev/proceduralTextures/src/road/roadProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/road/roadProceduralTexture.fragment.js":
-/*!***********************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/road/roadProceduralTexture.fragment.js ***!
-  \***********************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/road/roadProceduralTexture.fragment.ts":
+/*!**********************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/road/roadProceduralTexture.fragment.ts ***!
+  \**********************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   roadProceduralTexturePixelShader: () => (/* binding */ roadProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "roadProceduralTexturePixelShader";
-var shader = "precision highp float;varying vec2 vUV; \nuniform vec3 roadColor;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}\nfloat noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}\nfloat fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}\nreturn total;}\n#define CUSTOM_FRAGMENT_DEFINITIONS\nvoid main(void) {\n#define CUSTOM_FRAGMENT_MAIN_BEGIN\nfloat ratioy=mod(gl_FragCoord.y*100.0 ,fbm(vUV*2.0));vec3 color=roadColor*ratioy;gl_FragColor=vec4(color,1.0);\n#define CUSTOM_FRAGMENT_MAIN_END\n}";
+const name = "roadProceduralTexturePixelShader";
+const shader = `precision highp float;varying vec2 vUV; 
+uniform vec3 roadColor;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}
+float noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}
+float fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}
+return total;}
+#define CUSTOM_FRAGMENT_DEFINITIONS
+void main(void) {
+#define CUSTOM_FRAGMENT_MAIN_BEGIN
+float ratioy=mod(gl_FragCoord.y*100.0 ,fbm(vUV*2.0));vec3 color=roadColor*ratioy;gl_FragColor=vec4(color,1.0);
+#define CUSTOM_FRAGMENT_MAIN_END
+}`;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var roadProceduralTexturePixelShader = { name: name, shader: shader };
+const roadProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/road/roadProceduralTexture.js":
-/*!**************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/road/roadProceduralTexture.js ***!
-  \**************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/road/roadProceduralTexture.ts":
+/*!*************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/road/roadProceduralTexture.ts ***!
+  \*************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -1242,47 +1167,40 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   RoadProceduralTexture: () => (/* binding */ RoadProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _roadProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./roadProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/road/roadProceduralTexture.fragment.js");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _roadProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./roadProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/road/roadProceduralTexture.fragment.ts");
 
 
 
 
 
 
-var RoadProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(RoadProceduralTexture, _super);
-    function RoadProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "roadProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this._roadColor = new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.53, 0.53, 0.53);
-        _this.updateShaderUniforms();
-        return _this;
+class RoadProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "roadProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this._roadColor = new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.53, 0.53, 0.53);
+        this.updateShaderUniforms();
     }
-    RoadProceduralTexture.prototype.updateShaderUniforms = function () {
+    updateShaderUniforms() {
         this.setColor3("roadColor", this._roadColor);
-    };
-    Object.defineProperty(RoadProceduralTexture.prototype, "roadColor", {
-        get: function () {
-            return this._roadColor;
-        },
-        set: function (value) {
-            this._roadColor = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
+    get roadColor() {
+        return this._roadColor;
+    }
+    set roadColor(value) {
+        this._roadColor = value;
+        this.updateShaderUniforms();
+    }
     /**
      * Serializes this road procedural texture
      * @returns a serialized road procedural texture object
      */
-    RoadProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.RoadProceduralTexture";
         return serializationObject;
-    };
+    }
     /**
      * Creates a Road Procedural Texture from parsed road procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -1290,64 +1208,78 @@ var RoadProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing road procedural texture information
      * @returns a parsed Road Procedural Texture
      */
-    RoadProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new RoadProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new RoadProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
-    ], RoadProceduralTexture.prototype, "roadColor", null);
-    return RoadProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.RoadProceduralTexture", RoadProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
+], RoadProceduralTexture.prototype, "roadColor", null);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.RoadProceduralTexture", RoadProceduralTexture);
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/starfield/index.js":
-/*!***************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/starfield/index.js ***!
-  \***************************************************************/
+/***/ "../../../dev/proceduralTextures/src/starfield/index.ts":
+/*!**************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/starfield/index.ts ***!
+  \**************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   StarfieldProceduralTexture: () => (/* reexport safe */ _starfieldProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.StarfieldProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _starfieldProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./starfieldProceduralTexture */ "../../../lts/proceduralTextures/dist/starfield/starfieldProceduralTexture.js");
+/* harmony import */ var _starfieldProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./starfieldProceduralTexture */ "../../../dev/proceduralTextures/src/starfield/starfieldProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/starfield/starfieldProceduralTexture.fragment.js":
-/*!*********************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/starfield/starfieldProceduralTexture.fragment.js ***!
-  \*********************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/starfield/starfieldProceduralTexture.fragment.ts":
+/*!********************************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/starfield/starfieldProceduralTexture.fragment.ts ***!
+  \********************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   starfieldProceduralTexturePixelShader: () => (/* binding */ starfieldProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "starfieldProceduralTexturePixelShader";
-var shader = "precision highp float;\n#define volsteps 20\n#define iterations 15\nvarying vec2 vPosition;varying vec2 vUV;uniform float time;uniform float alpha;uniform float beta;uniform float zoom;uniform float formuparam;uniform float stepsize;uniform float tile;uniform float brightness;uniform float darkmatter;uniform float distfading;uniform float saturation;void main()\n{vec3 dir=vec3(vUV*zoom,1.);float localTime=time*0.0001;mat2 rot1=mat2(cos(alpha),sin(alpha),-sin(alpha),cos(alpha));mat2 rot2=mat2(cos(beta),sin(beta),-sin(beta),cos(beta));dir.xz*=rot1;dir.xy*=rot2;vec3 from_=vec3(1.,.5,0.5);from_+=vec3(-2.,localTime*2.,localTime);from_.xz*=rot1;from_.xy*=rot2;float s=0.1,fade=1.;vec3 v=vec3(0.);for (int r=0; r<volsteps; r++) {vec3 p=from_+s*dir*.5;p=abs(vec3(tile)-mod(p,vec3(tile*2.))); \nfloat pa,a=pa=0.;for (int i=0; i<iterations; i++) {p=abs(p)/dot(p,p)-formuparam; \na+=abs(length(p)-pa); \npa=length(p);}\nfloat dm=max(0.,darkmatter-a*a*.001); \na*=a*a; \nif (r>6) fade*=1.-dm; \nv+=fade;v+=vec3(s,s*s,s*s*s*s)*a*brightness*fade; \nfade*=distfading; \ns+=stepsize;}\nv=mix(vec3(length(v)),v,saturation); \ngl_FragColor=vec4(v*.01,1.);}";
+const name = "starfieldProceduralTexturePixelShader";
+const shader = `precision highp float;
+#define volsteps 20
+#define iterations 15
+varying vec2 vPosition;varying vec2 vUV;uniform float time;uniform float alpha;uniform float beta;uniform float zoom;uniform float formuparam;uniform float stepsize;uniform float tile;uniform float brightness;uniform float darkmatter;uniform float distfading;uniform float saturation;void main()
+{vec3 dir=vec3(vUV*zoom,1.);float localTime=time*0.0001;mat2 rot1=mat2(cos(alpha),sin(alpha),-sin(alpha),cos(alpha));mat2 rot2=mat2(cos(beta),sin(beta),-sin(beta),cos(beta));dir.xz*=rot1;dir.xy*=rot2;vec3 from_=vec3(1.,.5,0.5);from_+=vec3(-2.,localTime*2.,localTime);from_.xz*=rot1;from_.xy*=rot2;float s=0.1,fade=1.;vec3 v=vec3(0.);for (int r=0; r<volsteps; r++) {vec3 p=from_+s*dir*.5;p=abs(vec3(tile)-mod(p,vec3(tile*2.))); 
+float pa,a=pa=0.;for (int i=0; i<iterations; i++) {p=abs(p)/dot(p,p)-formuparam; 
+a+=abs(length(p)-pa); 
+pa=length(p);}
+float dm=max(0.,darkmatter-a*a*.001); 
+a*=a*a; 
+if (r>6) fade*=1.-dm; 
+v+=fade;v+=vec3(s,s*s,s*s*s*s)*a*brightness*fade; 
+fade*=distfading; 
+s+=stepsize;}
+v=mix(vec3(length(v)),v,saturation); 
+gl_FragColor=vec4(v*.01,1.);}`;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var starfieldProceduralTexturePixelShader = { name: name, shader: shader };
+const starfieldProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/starfield/starfieldProceduralTexture.js":
-/*!************************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/starfield/starfieldProceduralTexture.js ***!
-  \************************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/starfield/starfieldProceduralTexture.ts":
+/*!***********************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/starfield/starfieldProceduralTexture.ts ***!
+  \***********************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -1355,34 +1287,31 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   StarfieldProceduralTexture: () => (/* binding */ StarfieldProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _starfieldProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./starfieldProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/starfield/starfieldProceduralTexture.fragment.js");
-
-
-
-
-
-var StarfieldProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(StarfieldProceduralTexture, _super);
-    function StarfieldProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "starfieldProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this._time = 1;
-        _this._alpha = 0.5;
-        _this._beta = 0.8;
-        _this._zoom = 0.8;
-        _this._formuparam = 0.53;
-        _this._stepsize = 0.1;
-        _this._tile = 0.85;
-        _this._brightness = 0.0015;
-        _this._darkmatter = 0.4;
-        _this._distfading = 0.73;
-        _this._saturation = 0.85;
-        _this.updateShaderUniforms();
-        return _this;
-    }
-    StarfieldProceduralTexture.prototype.updateShaderUniforms = function () {
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _starfieldProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./starfieldProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/starfield/starfieldProceduralTexture.fragment.ts");
+
+
+
+
+
+class StarfieldProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "starfieldProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this._time = 1;
+        this._alpha = 0.5;
+        this._beta = 0.8;
+        this._zoom = 0.8;
+        this._formuparam = 0.53;
+        this._stepsize = 0.1;
+        this._tile = 0.85;
+        this._brightness = 0.0015;
+        this._darkmatter = 0.4;
+        this._distfading = 0.73;
+        this._saturation = 0.85;
+        this.updateShaderUniforms();
+    }
+    updateShaderUniforms() {
         this.setFloat("time", this._time);
         this.setFloat("alpha", this._alpha);
         this.setFloat("beta", this._beta);
@@ -1394,137 +1323,93 @@ var StarfieldProceduralTexture = /** @class */ (function (_super) {
         this.setFloat("darkmatter", this._darkmatter);
         this.setFloat("distfading", this._distfading);
         this.setFloat("saturation", this._saturation);
-    };
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "time", {
-        get: function () {
-            return this._time;
-        },
-        set: function (value) {
-            this._time = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "alpha", {
-        get: function () {
-            return this._alpha;
-        },
-        set: function (value) {
-            this._alpha = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "beta", {
-        get: function () {
-            return this._beta;
-        },
-        set: function (value) {
-            this._beta = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "formuparam", {
-        get: function () {
-            return this._formuparam;
-        },
-        set: function (value) {
-            this._formuparam = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "stepsize", {
-        get: function () {
-            return this._stepsize;
-        },
-        set: function (value) {
-            this._stepsize = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "zoom", {
-        get: function () {
-            return this._zoom;
-        },
-        set: function (value) {
-            this._zoom = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "tile", {
-        get: function () {
-            return this._tile;
-        },
-        set: function (value) {
-            this._tile = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "brightness", {
-        get: function () {
-            return this._brightness;
-        },
-        set: function (value) {
-            this._brightness = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "darkmatter", {
-        get: function () {
-            return this._darkmatter;
-        },
-        set: function (value) {
-            this._darkmatter = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "distfading", {
-        get: function () {
-            return this._distfading;
-        },
-        set: function (value) {
-            this._distfading = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(StarfieldProceduralTexture.prototype, "saturation", {
-        get: function () {
-            return this._saturation;
-        },
-        set: function (value) {
-            this._saturation = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
+    get time() {
+        return this._time;
+    }
+    set time(value) {
+        this._time = value;
+        this.updateShaderUniforms();
+    }
+    get alpha() {
+        return this._alpha;
+    }
+    set alpha(value) {
+        this._alpha = value;
+        this.updateShaderUniforms();
+    }
+    get beta() {
+        return this._beta;
+    }
+    set beta(value) {
+        this._beta = value;
+        this.updateShaderUniforms();
+    }
+    get formuparam() {
+        return this._formuparam;
+    }
+    set formuparam(value) {
+        this._formuparam = value;
+        this.updateShaderUniforms();
+    }
+    get stepsize() {
+        return this._stepsize;
+    }
+    set stepsize(value) {
+        this._stepsize = value;
+        this.updateShaderUniforms();
+    }
+    get zoom() {
+        return this._zoom;
+    }
+    set zoom(value) {
+        this._zoom = value;
+        this.updateShaderUniforms();
+    }
+    get tile() {
+        return this._tile;
+    }
+    set tile(value) {
+        this._tile = value;
+        this.updateShaderUniforms();
+    }
+    get brightness() {
+        return this._brightness;
+    }
+    set brightness(value) {
+        this._brightness = value;
+        this.updateShaderUniforms();
+    }
+    get darkmatter() {
+        return this._darkmatter;
+    }
+    set darkmatter(value) {
+        this._darkmatter = value;
+        this.updateShaderUniforms();
+    }
+    get distfading() {
+        return this._distfading;
+    }
+    set distfading(value) {
+        this._distfading = value;
+        this.updateShaderUniforms();
+    }
+    get saturation() {
+        return this._saturation;
+    }
+    set saturation(value) {
+        this._saturation = value;
+        this.updateShaderUniforms();
+    }
     /**
      * Serializes this starfield procedural texture
      * @returns a serialized starfield procedural texture object
      */
-    StarfieldProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.StarfieldProceduralTexture";
         return serializationObject;
-    };
+    }
     /**
      * Creates a Starfield Procedural Texture from parsed startfield procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -1532,94 +1417,102 @@ var StarfieldProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing startfield procedural texture information
      * @returns a parsed Starfield Procedural Texture
      */
-    StarfieldProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new StarfieldProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new StarfieldProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "time", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "alpha", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "beta", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "formuparam", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "stepsize", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "zoom", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "tile", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "brightness", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "darkmatter", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "distfading", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], StarfieldProceduralTexture.prototype, "saturation", null);
-    return StarfieldProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.StarfieldProceduralTexture", StarfieldProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "time", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "alpha", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "beta", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "formuparam", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "stepsize", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "zoom", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "tile", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "brightness", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "darkmatter", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "distfading", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], StarfieldProceduralTexture.prototype, "saturation", null);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.StarfieldProceduralTexture", StarfieldProceduralTexture);
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/wood/index.js":
-/*!**********************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/wood/index.js ***!
-  \**********************************************************/
+/***/ "../../../dev/proceduralTextures/src/wood/index.ts":
+/*!*********************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/wood/index.ts ***!
+  \*********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   WoodProceduralTexture: () => (/* reexport safe */ _woodProceduralTexture__WEBPACK_IMPORTED_MODULE_0__.WoodProceduralTexture)
 /* harmony export */ });
-/* harmony import */ var _woodProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./woodProceduralTexture */ "../../../lts/proceduralTextures/dist/wood/woodProceduralTexture.js");
+/* harmony import */ var _woodProceduralTexture__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./woodProceduralTexture */ "../../../dev/proceduralTextures/src/wood/woodProceduralTexture.ts");
 
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/wood/woodProceduralTexture.fragment.js":
-/*!***********************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/wood/woodProceduralTexture.fragment.js ***!
-  \***********************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/wood/woodProceduralTexture.fragment.ts":
+/*!**********************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/wood/woodProceduralTexture.fragment.ts ***!
+  \**********************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   woodProceduralTexturePixelShader: () => (/* binding */ woodProceduralTexturePixelShader)
 /* harmony export */ });
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Engines/shaderStore */ "core/Misc/decorators");
-/* harmony import */ var core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Engines/shaderStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__);
 // Do not edit.
 
-var name = "woodProceduralTexturePixelShader";
-var shader = "precision highp float;varying vec2 vPosition;varying vec2 vUV;uniform float ampScale;uniform vec3 woodColor;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}\nfloat noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}\nfloat fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}\nreturn total;}\n#define CUSTOM_FRAGMENT_DEFINITIONS\nvoid main(void) {\n#define CUSTOM_FRAGMENT_MAIN_BEGIN\nfloat ratioy=mod(vUV.x*ampScale,2.0+fbm(vUV*0.8));vec3 wood=woodColor*ratioy;gl_FragColor=vec4(wood,1.0);\n#define CUSTOM_FRAGMENT_MAIN_END\n}";
+const name = "woodProceduralTexturePixelShader";
+const shader = `precision highp float;varying vec2 vPosition;varying vec2 vUV;uniform float ampScale;uniform vec3 woodColor;float rand(vec2 n) {return fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);}
+float noise(vec2 n) {const vec2 d=vec2(0.0,1.0);vec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));return mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);}
+float fbm(vec2 n) {float total=0.0,amplitude=1.0;for (int i=0; i<4; i++) {total+=noise(n)*amplitude;n+=n;amplitude*=0.5;}
+return total;}
+#define CUSTOM_FRAGMENT_DEFINITIONS
+void main(void) {
+#define CUSTOM_FRAGMENT_MAIN_BEGIN
+float ratioy=mod(vUV.x*ampScale,2.0+fbm(vUV*0.8));vec3 wood=woodColor*ratioy;gl_FragColor=vec4(wood,1.0);
+#define CUSTOM_FRAGMENT_MAIN_END
+}`;
 // Sideeffect
-core_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
+babylonjs_Engines_shaderStore__WEBPACK_IMPORTED_MODULE_0__.ShaderStore.ShadersStore[name] = shader;
 /** @internal */
-var woodProceduralTexturePixelShader = { name: name, shader: shader };
+const woodProceduralTexturePixelShader = { name, shader };
 
 
 /***/ }),
 
-/***/ "../../../lts/proceduralTextures/dist/wood/woodProceduralTexture.js":
-/*!**************************************************************************!*\
-  !*** ../../../lts/proceduralTextures/dist/wood/woodProceduralTexture.js ***!
-  \**************************************************************************/
+/***/ "../../../dev/proceduralTextures/src/wood/woodProceduralTexture.ts":
+/*!*************************************************************************!*\
+  !*** ../../../dev/proceduralTextures/src/wood/woodProceduralTexture.ts ***!
+  \*************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -1627,60 +1520,49 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   WoodProceduralTexture: () => (/* binding */ WoodProceduralTexture)
 /* harmony export */ });
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ "../../../../node_modules/tslib/tslib.es6.mjs");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core/Misc/typeStore */ "core/Misc/decorators");
-/* harmony import */ var core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _woodProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./woodProceduralTexture.fragment */ "../../../lts/proceduralTextures/dist/wood/woodProceduralTexture.fragment.js");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/typeStore */ "babylonjs/Misc/decorators");
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _woodProceduralTexture_fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./woodProceduralTexture.fragment */ "../../../dev/proceduralTextures/src/wood/woodProceduralTexture.fragment.ts");
 
 
 
 
 
 
-var WoodProceduralTexture = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(WoodProceduralTexture, _super);
-    function WoodProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
-        if (scene === void 0) { scene = null; }
-        var _this = _super.call(this, name, size, "woodProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
-        _this._ampScale = 100.0;
-        _this._woodColor = new core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.32, 0.17, 0.09);
-        _this.updateShaderUniforms();
-        return _this;
+class WoodProceduralTexture extends babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture {
+    constructor(name, size, scene = null, fallbackTexture, generateMipMaps) {
+        super(name, size, "woodProceduralTexture", scene, fallbackTexture, generateMipMaps);
+        this._ampScale = 100.0;
+        this._woodColor = new babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.Color3(0.32, 0.17, 0.09);
+        this.updateShaderUniforms();
     }
-    WoodProceduralTexture.prototype.updateShaderUniforms = function () {
+    updateShaderUniforms() {
         this.setFloat("ampScale", this._ampScale);
         this.setColor3("woodColor", this._woodColor);
-    };
-    Object.defineProperty(WoodProceduralTexture.prototype, "ampScale", {
-        get: function () {
-            return this._ampScale;
-        },
-        set: function (value) {
-            this._ampScale = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(WoodProceduralTexture.prototype, "woodColor", {
-        get: function () {
-            return this._woodColor;
-        },
-        set: function (value) {
-            this._woodColor = value;
-            this.updateShaderUniforms();
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
+    get ampScale() {
+        return this._ampScale;
+    }
+    set ampScale(value) {
+        this._ampScale = value;
+        this.updateShaderUniforms();
+    }
+    get woodColor() {
+        return this._woodColor;
+    }
+    set woodColor(value) {
+        this._woodColor = value;
+        this.updateShaderUniforms();
+    }
     /**
      * Serializes this wood procedural texture
      * @returns a serialized wood procedural texture object
      */
-    WoodProceduralTexture.prototype.serialize = function () {
-        var serializationObject = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
+    serialize() {
+        const serializationObject = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Serialize(this, super.serialize());
         serializationObject.customType = "BABYLON.WoodProceduralTexture";
         return serializationObject;
-    };
+    }
     /**
      * Creates a Wood Procedural Texture from parsed wood procedural texture data
      * @param parsedTexture defines parsed texture data
@@ -1688,30 +1570,69 @@ var WoodProceduralTexture = /** @class */ (function (_super) {
      * @param rootUrl defines the root URL containing wood procedural texture information
      * @returns a parsed Wood Procedural Texture
      */
-    WoodProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
-        var texture = core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(function () { return new WoodProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
+    static Parse(parsedTexture, scene, rootUrl) {
+        const texture = babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.SerializationHelper.Parse(() => new WoodProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps), parsedTexture, scene, rootUrl);
         return texture;
-    };
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
-    ], WoodProceduralTexture.prototype, "ampScale", null);
-    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
-        (0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
-    ], WoodProceduralTexture.prototype, "woodColor", null);
-    return WoodProceduralTexture;
-}(core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.ProceduralTexture));
-(0,core_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.WoodProceduralTexture", WoodProceduralTexture);
+    }
+}
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serialize)()
+], WoodProceduralTexture.prototype, "ampScale", null);
+(0,tslib__WEBPACK_IMPORTED_MODULE_2__.__decorate)([
+    (0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.serializeAsColor3)()
+], WoodProceduralTexture.prototype, "woodColor", null);
+(0,babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_0__.RegisterClass)("BABYLON.WoodProceduralTexture", WoodProceduralTexture);
+
+
+/***/ }),
+
+/***/ "../../../lts/proceduralTextures/src/legacy/legacy.ts":
+/*!************************************************************!*\
+  !*** ../../../lts/proceduralTextures/src/legacy/legacy.ts ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BrickProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.BrickProceduralTexture),
+/* harmony export */   CloudProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.CloudProceduralTexture),
+/* harmony export */   FireProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.FireProceduralTexture),
+/* harmony export */   GrassProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.GrassProceduralTexture),
+/* harmony export */   MarbleProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.MarbleProceduralTexture),
+/* harmony export */   NormalMapProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.NormalMapProceduralTexture),
+/* harmony export */   PerlinNoiseProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.PerlinNoiseProceduralTexture),
+/* harmony export */   RoadProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.RoadProceduralTexture),
+/* harmony export */   StarfieldProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.StarfieldProceduralTexture),
+/* harmony export */   WoodProceduralTexture: () => (/* reexport safe */ procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__.WoodProceduralTexture)
+/* harmony export */ });
+/* harmony import */ var procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! procedural-textures/index */ "../../../dev/proceduralTextures/src/index.ts");
+/* eslint-disable import/no-internal-modules */
+
+/**
+ * Legacy support, defining window.BABYLON.GridMaterial... (global variable).
+ *
+ * This is the entry point for the UMD module.
+ * The entry point for a future ESM package should be index.ts
+ */
+const globalObject = typeof __webpack_require__.g !== "undefined" ? __webpack_require__.g : typeof window !== "undefined" ? window : undefined;
+if (typeof globalObject !== "undefined") {
+    globalObject.BABYLON = globalObject.BABYLON || {};
+    for (const mat in procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__) {
+        globalObject.BABYLON[mat] = procedural_textures_index__WEBPACK_IMPORTED_MODULE_0__[mat];
+    }
+}
+
 
 
 /***/ }),
 
-/***/ "core/Misc/decorators":
+/***/ "babylonjs/Misc/decorators":
 /*!****************************************************************************************************!*\
   !*** external {"root":"BABYLON","commonjs":"babylonjs","commonjs2":"babylonjs","amd":"babylonjs"} ***!
   \****************************************************************************************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE_core_Misc_decorators__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_babylonjs_Misc_decorators__;
 
 /***/ }),
 
@@ -2168,12 +2089,12 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   proceduralTextures: () => (/* reexport module object */ procedural_textures_legacy_legacy__WEBPACK_IMPORTED_MODULE_0__)
+/* harmony export */   proceduralTextures: () => (/* reexport module object */ _lts_procedural_textures_legacy_legacy__WEBPACK_IMPORTED_MODULE_0__)
 /* harmony export */ });
-/* harmony import */ var procedural_textures_legacy_legacy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! procedural-textures/legacy/legacy */ "../../../lts/proceduralTextures/dist/legacy/legacy.js");
+/* harmony import */ var _lts_procedural_textures_legacy_legacy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @lts/procedural-textures/legacy/legacy */ "../../../lts/proceduralTextures/src/legacy/legacy.ts");
 
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (procedural_textures_legacy_legacy__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_lts_procedural_textures_legacy_legacy__WEBPACK_IMPORTED_MODULE_0__);
 
 })();