@galacean/engine-core 1.6.0-alpha.1 → 1.6.0-beta.0

package/dist/main.js

@@ -4265,6 +4265,15 @@ __decorate([
     return CullMode;
 }({});
 
+/**
+ * Render queue type.
+ */ var RenderQueueType = /*#__PURE__*/ function(RenderQueueType) {
+    /** Opaque queue. */ RenderQueueType[RenderQueueType["Opaque"] = 0] = "Opaque";
+    /** Opaque queue, alpha cutoff. */ RenderQueueType[RenderQueueType["AlphaTest"] = 1] = "AlphaTest";
+    /** Transparent queue, rendering from back to front to ensure correct rendering of transparent objects. */ RenderQueueType[RenderQueueType["Transparent"] = 2] = "Transparent";
+    return RenderQueueType;
+}({});
+
 var RenderStateElementKey = /*#__PURE__*/ function(RenderStateElementKey) {
     /** Blend state enabled for target 0 key. */ RenderStateElementKey[RenderStateElementKey["BlendStateEnabled0"] = 0] = "BlendStateEnabled0";
     /** Blend state color blend operation for target 0 key. */ RenderStateElementKey[RenderStateElementKey["BlendStateColorBlendOperation0"] = 1] = "BlendStateColorBlendOperation0";
@@ -4298,15 +4307,6 @@ var RenderStateElementKey = /*#__PURE__*/ function(RenderStateElementKey) {
     return RenderStateElementKey;
 }({});
 
-/**
- * Render queue type.
- */ var RenderQueueType = /*#__PURE__*/ function(RenderQueueType) {
-    /** Opaque queue. */ RenderQueueType[RenderQueueType["Opaque"] = 0] = "Opaque";
-    /** Opaque queue, alpha cutoff. */ RenderQueueType[RenderQueueType["AlphaTest"] = 1] = "AlphaTest";
-    /** Transparent queue, rendering from back to front to ensure correct rendering of transparent objects. */ RenderQueueType[RenderQueueType["Transparent"] = 2] = "Transparent";
-    return RenderQueueType;
-}({});
-
 /**
  * Shader data grouping.
  */ var ShaderDataGroup = /*#__PURE__*/ function(ShaderDataGroup) {
@@ -4318,6 +4318,14 @@ var RenderStateElementKey = /*#__PURE__*/ function(RenderStateElementKey) {
     return ShaderDataGroup;
 }({});
 
+/**
+ * Shader language belongs to.
+ */ var ShaderLanguage = /*#__PURE__*/ function(ShaderLanguage) {
+    /** GLSL ES 100. */ ShaderLanguage[ShaderLanguage["GLSLES100"] = 0] = "GLSLES100";
+    /** GLSL ES 300. */ ShaderLanguage[ShaderLanguage["GLSLES300"] = 1] = "GLSLES300";
+    return ShaderLanguage;
+}({});
+
 /**
  * Shader Property type.
  */ var ShaderPropertyType = /*#__PURE__*/ function(ShaderPropertyType) {
@@ -4350,51 +4358,6 @@ var RenderStateElementKey = /*#__PURE__*/ function(RenderStateElementKey) {
     return StencilOperation;
 }({});
 
-var ShaderPlatformTarget = /*#__PURE__*/ function(ShaderPlatformTarget) {
-    ShaderPlatformTarget[ShaderPlatformTarget["GLES100"] = 0] = "GLES100";
-    ShaderPlatformTarget[ShaderPlatformTarget["GLES300"] = 1] = "GLES300";
-    return ShaderPlatformTarget;
-}({});
-
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-    return arr2;
-}
-
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-
-function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
-    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-
-    if (it) return (it = it.call(o)).next.bind(it);
-    // Fallback for engines without symbol support
-    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike && o && typeof o.length === "number") {
-        if (it) o = it;
-
-        var i = 0;
-
-        return function() {
-            if (i >= o.length) return { done: true };
-
-            return { done: false, value: o[i++] };
-        };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 /**
  * Shader macro。
  */ var ShaderMacro = /*#__PURE__*/ function() {
@@ -4628,7 +4591,7 @@ function _extends() {
 
 var camera_declare = "uniform vec3 camera_Position;\nuniform vec3 camera_Forward; "; // eslint-disable-line
 
-var common = "#define PI 3.14159265359\n#define RECIPROCAL_PI 0.31830988618\n#define EPSILON 1e-6\n#define LOG2 1.442695\n#define HALF_MIN 6.103515625e-5  // 2^-14, the same value for 10, 11 and 16-bit: https://www.khronos.org/opengl/wiki/Small_Float_Formats\n#define HALF_EPS 4.8828125e-4    // 2^-11, machine epsilon: 1 + EPS = 1 (half of the ULP for 1.0f)\n\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n\nfloat pow2(float x ) {\n    return x * x;\n}\n\nvec4 RGBMToLinear(vec4 value, float maxRange ) {\n    return vec4( value.rgb * value.a * maxRange, 1.0 );\n}\n\nvec4 gammaToLinear(vec4 value){\n    return vec4( pow(value.rgb, vec3(2.2)), value.a);\n}\n\nvec4 linearToGamma(vec4 value){\n\tvalue = max(value, 0.0);\n    return vec4( pow(value.rgb, vec3(1.0 / 2.2)), value.a);\n}\n\n\n// https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_framebuffer_sRGB.txt\n// https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_texture_sRGB_decode.txt\nfloat sRGBToLinear(float value){\n    float linearRGBLo  = value / 12.92;\n    float linearRGBHi  = pow((value + 0.055) / 1.055, 2.4);\n    float linearRGB    = (value <= 0.04045) ? linearRGBLo : linearRGBHi;\n    return linearRGB;\n}\n\nvec4 sRGBToLinear(vec4 value){\n   return vec4(sRGBToLinear(value.r), sRGBToLinear(value.g), sRGBToLinear(value.b), value.a);\n}\n\nfloat linearToSRGB(float value){\n\tvalue = max(value, 0.0);\n    return (value <= 0.0031308) ? (value * 12.9232102) : 1.055 * pow(value, 1.0 / 2.4) - 0.055;\n}\n\nvec4 linearToSRGB(vec4 value){\n    return vec4(linearToSRGB(value.r), linearToSRGB(value.g), linearToSRGB(value.b), value.a);\n}\n\n// Compatible with devices that do not even support EXT_sRGB in WebGL1.0.\nvec4 texture2DSRGB(sampler2D tex, vec2 uv) {\n\tvec4 color = texture2D(tex, uv);\n\t#ifdef ENGINE_NO_SRGB\n\t\tcolor = sRGBToLinear(color);\n\t#endif\n\treturn color;\n}\n\n#ifdef HAS_TEX_LOD\n\tvec4 texture2DLodSRGB(sampler2D tex, vec2 uv, float lod) {\n\t\tvec4 color = texture2DLodEXT(tex, uv, lod);\n\t\t#ifdef ENGINE_NO_SRGB\n\t\t\tcolor = sRGBToLinear(color);\n\t\t#endif\n\t\treturn color;\n\t}\n#endif\n\n\nvec4 outputSRGBCorrection(vec4 linearIn){\n    #ifdef ENGINE_OUTPUT_SRGB_CORRECT\n    \treturn linearToSRGB(linearIn);\n    #else \n    \treturn linearIn;\n    #endif\n}\n\n\nuniform vec4 camera_DepthBufferParams;\nuniform vec4 camera_ProjectionParams;\n\nfloat remapDepthBufferLinear01(float depth){\n\treturn 1.0 / (camera_DepthBufferParams.x * depth + camera_DepthBufferParams.y);\n}\n\nfloat remapDepthBufferEyeDepth(float depth){\n\t#ifdef CAMERA_ORTHOGRAPHIC\n\t\treturn camera_ProjectionParams.y + (camera_ProjectionParams.z - camera_ProjectionParams.y) * depth;\n\t#else\n\t\treturn 1.0 / (camera_DepthBufferParams.z * depth + camera_DepthBufferParams.w);\n\t#endif\n}\n\n// From Next Generation Post Processing in Call of Duty: Advanced Warfare [Jimenez 2014]\n// http://advances.realtimerendering.com/s2014/index.html\n// sampleCoord must not be normalized (e.g. window coordinates)\nfloat interleavedGradientNoise(vec2 sampleCoord)\n{\n\tconst vec3 magic = vec3(0.06711056, 0.00583715, 52.9829189);\n\treturn fract(magic.z * fract(dot(sampleCoord, magic.xy)));\n}\n\n#ifdef GRAPHICS_API_WEBGL2\n\t#define INVERSE_MAT(mat) inverse(mat)\n#else\n\tmat2 inverseMat(mat2 m) {\n\t\treturn mat2(m[1][1],-m[0][1],\n\t\t\t\t-m[1][0], m[0][0]) / (m[0][0]*m[1][1] - m[0][1]*m[1][0]);\n\t}\n\tmat3 inverseMat(mat3 m) {\n\t\tfloat a00 = m[0][0], a01 = m[0][1], a02 = m[0][2];\n\t\tfloat a10 = m[1][0], a11 = m[1][1], a12 = m[1][2];\n\t\tfloat a20 = m[2][0], a21 = m[2][1], a22 = m[2][2];\n\n\t\tfloat b01 = a22 * a11 - a12 * a21;\n\t\tfloat b11 = -a22 * a10 + a12 * a20;\n\t\tfloat b21 = a21 * a10 - a11 * a20;\n\n\t\tfloat det = a00 * b01 + a01 * b11 + a02 * b21;\n\n\t\treturn mat3(b01, (-a22 * a01 + a02 * a21), (a12 * a01 - a02 * a11),\n\t\t\t\t\tb11, (a22 * a00 - a02 * a20), (-a12 * a00 + a02 * a10),\n\t\t\t\t\tb21, (-a21 * a00 + a01 * a20), (a11 * a00 - a01 * a10)) / det;\n\t}\n\tmat4 inverseMat(mat4 m) {\n\t\tfloat a00 = m[0][0], a01 = m[0][1], a02 = m[0][2], a03 = m[0][3],\n\t\t\ta10 = m[1][0], a11 = m[1][1], a12 = m[1][2], a13 = m[1][3],\n\t\t\ta20 = m[2][0], a21 = m[2][1], a22 = m[2][2], a23 = m[2][3],\n\t\t\ta30 = m[3][0], a31 = m[3][1], a32 = m[3][2], a33 = m[3][3],\n\n\t\t\tb00 = a00 * a11 - a01 * a10,\n\t\t\tb01 = a00 * a12 - a02 * a10,\n\t\t\tb02 = a00 * a13 - a03 * a10,\n\t\t\tb03 = a01 * a12 - a02 * a11,\n\t\t\tb04 = a01 * a13 - a03 * a11,\n\t\t\tb05 = a02 * a13 - a03 * a12,\n\t\t\tb06 = a20 * a31 - a21 * a30,\n\t\t\tb07 = a20 * a32 - a22 * a30,\n\t\t\tb08 = a20 * a33 - a23 * a30,\n\t\t\tb09 = a21 * a32 - a22 * a31,\n\t\t\tb10 = a21 * a33 - a23 * a31,\n\t\t\tb11 = a22 * a33 - a23 * a32,\n\n\t\t\tdet = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;\n\n\t\treturn mat4(\n\t\t\ta11 * b11 - a12 * b10 + a13 * b09,\n\t\t\ta02 * b10 - a01 * b11 - a03 * b09,\n\t\t\ta31 * b05 - a32 * b04 + a33 * b03,\n\t\t\ta22 * b04 - a21 * b05 - a23 * b03,\n\t\t\ta12 * b08 - a10 * b11 - a13 * b07,\n\t\t\ta00 * b11 - a02 * b08 + a03 * b07,\n\t\t\ta32 * b02 - a30 * b05 - a33 * b01,\n\t\t\ta20 * b05 - a22 * b02 + a23 * b01,\n\t\t\ta10 * b10 - a11 * b08 + a13 * b06,\n\t\t\ta01 * b08 - a00 * b10 - a03 * b06,\n\t\t\ta30 * b04 - a31 * b02 + a33 * b00,\n\t\t\ta21 * b02 - a20 * b04 - a23 * b00,\n\t\t\ta11 * b07 - a10 * b09 - a12 * b06,\n\t\t\ta00 * b09 - a01 * b07 + a02 * b06,\n\t\t\ta31 * b01 - a30 * b03 - a32 * b00,\n\t\t\ta20 * b03 - a21 * b01 + a22 * b00) / det;\n\t}\n\n\t#define INVERSE_MAT(mat) inverseMat(mat)\n#endif\n\n\nvec3 safeNormalize(vec3 inVec) {\n    float dp3 = max(float(HALF_MIN), dot(inVec, inVec));\n    return inVec * inversesqrt(dp3);\n}\n"; // eslint-disable-line
+var common = "#define PI 3.14159265359\n#define RECIPROCAL_PI 0.31830988618\n#define EPSILON 1e-6\n#define LOG2 1.442695\n#define HALF_MIN 6.103515625e-5  // 2^-14, the same value for 10, 11 and 16-bit: https://www.khronos.org/opengl/wiki/Small_Float_Formats\n#define HALF_EPS 4.8828125e-4    // 2^-11, machine epsilon: 1 + EPS = 1 (half of the ULP for 1.0f)\n\n#define saturate( a ) clamp( a, 0.0, 1.0 )\n\nfloat pow2(float x ) {\n    return x * x;\n}\n\nvec4 RGBMToLinear(vec4 value, float maxRange ) {\n    return vec4( value.rgb * value.a * maxRange, 1.0 );\n}\n\nvec4 gammaToLinear(vec4 value){\n    return vec4( pow(value.rgb, vec3(2.2)), value.a);\n}\n\nvec4 linearToGamma(vec4 value){\n\tvalue = max(value, 0.0);\n    return vec4( pow(value.rgb, vec3(1.0 / 2.2)), value.a);\n}\n\n\n// https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_framebuffer_sRGB.txt\n// https://www.khronos.org/registry/OpenGL/extensions/EXT/EXT_texture_sRGB_decode.txt\nfloat sRGBToLinear(float value){\n    float linearRGBLo  = value / 12.92;\n    float linearRGBHi  = pow((value + 0.055) / 1.055, 2.4);\n    float linearRGB    = (value <= 0.04045) ? linearRGBLo : linearRGBHi;\n    return linearRGB;\n}\n\nvec4 sRGBToLinear(vec4 value){\n   return vec4(sRGBToLinear(value.r), sRGBToLinear(value.g), sRGBToLinear(value.b), value.a);\n}\n\nfloat linearToSRGB(float value){\n\tvalue = max(value, 0.0);\n    return (value <= 0.0031308) ? (value * 12.9232102) : 1.055 * pow(value, 1.0 / 2.4) - 0.055;\n}\n\nvec4 linearToSRGB(vec4 value){\n    return vec4(linearToSRGB(value.r), linearToSRGB(value.g), linearToSRGB(value.b), value.a);\n}\n\n// Compatible with devices that do not even support EXT_sRGB in WebGL1.0.\nvec4 texture2DSRGB(sampler2D tex, vec2 uv) {\n\tvec4 color = texture2D(tex, uv);\n\t#ifdef ENGINE_NO_SRGB\n\t\tcolor = sRGBToLinear(color);\n\t#endif\n\treturn color;\n}\n\nvec4 outputSRGBCorrection(vec4 linearIn){\n    #ifdef ENGINE_OUTPUT_SRGB_CORRECT\n    \treturn linearToSRGB(linearIn);\n    #else \n    \treturn linearIn;\n    #endif\n}\n\n\nuniform vec4 camera_DepthBufferParams;\nuniform vec4 camera_ProjectionParams;\n\nfloat remapDepthBufferLinear01(float depth){\n\treturn 1.0 / (camera_DepthBufferParams.x * depth + camera_DepthBufferParams.y);\n}\n\nfloat remapDepthBufferEyeDepth(float depth){\n\t#ifdef CAMERA_ORTHOGRAPHIC\n\t\treturn camera_ProjectionParams.y + (camera_ProjectionParams.z - camera_ProjectionParams.y) * depth;\n\t#else\n\t\treturn 1.0 / (camera_DepthBufferParams.z * depth + camera_DepthBufferParams.w);\n\t#endif\n}\n\n// From Next Generation Post Processing in Call of Duty: Advanced Warfare [Jimenez 2014]\n// http://advances.realtimerendering.com/s2014/index.html\n// sampleCoord must not be normalized (e.g. window coordinates)\nfloat interleavedGradientNoise(vec2 sampleCoord)\n{\n\tconst vec3 magic = vec3(0.06711056, 0.00583715, 52.9829189);\n\treturn fract(magic.z * fract(dot(sampleCoord, magic.xy)));\n}\n\n#ifdef GRAPHICS_API_WEBGL2\n\t#define INVERSE_MAT(mat) inverse(mat)\n#else\n\tmat2 inverseMat(mat2 m) {\n\t\treturn mat2(m[1][1],-m[0][1],\n\t\t\t\t-m[1][0], m[0][0]) / (m[0][0]*m[1][1] - m[0][1]*m[1][0]);\n\t}\n\tmat3 inverseMat(mat3 m) {\n\t\tfloat a00 = m[0][0], a01 = m[0][1], a02 = m[0][2];\n\t\tfloat a10 = m[1][0], a11 = m[1][1], a12 = m[1][2];\n\t\tfloat a20 = m[2][0], a21 = m[2][1], a22 = m[2][2];\n\n\t\tfloat b01 = a22 * a11 - a12 * a21;\n\t\tfloat b11 = -a22 * a10 + a12 * a20;\n\t\tfloat b21 = a21 * a10 - a11 * a20;\n\n\t\tfloat det = a00 * b01 + a01 * b11 + a02 * b21;\n\n\t\treturn mat3(b01, (-a22 * a01 + a02 * a21), (a12 * a01 - a02 * a11),\n\t\t\t\t\tb11, (a22 * a00 - a02 * a20), (-a12 * a00 + a02 * a10),\n\t\t\t\t\tb21, (-a21 * a00 + a01 * a20), (a11 * a00 - a01 * a10)) / det;\n\t}\n\tmat4 inverseMat(mat4 m) {\n\t\tfloat a00 = m[0][0], a01 = m[0][1], a02 = m[0][2], a03 = m[0][3],\n\t\t\ta10 = m[1][0], a11 = m[1][1], a12 = m[1][2], a13 = m[1][3],\n\t\t\ta20 = m[2][0], a21 = m[2][1], a22 = m[2][2], a23 = m[2][3],\n\t\t\ta30 = m[3][0], a31 = m[3][1], a32 = m[3][2], a33 = m[3][3],\n\n\t\t\tb00 = a00 * a11 - a01 * a10,\n\t\t\tb01 = a00 * a12 - a02 * a10,\n\t\t\tb02 = a00 * a13 - a03 * a10,\n\t\t\tb03 = a01 * a12 - a02 * a11,\n\t\t\tb04 = a01 * a13 - a03 * a11,\n\t\t\tb05 = a02 * a13 - a03 * a12,\n\t\t\tb06 = a20 * a31 - a21 * a30,\n\t\t\tb07 = a20 * a32 - a22 * a30,\n\t\t\tb08 = a20 * a33 - a23 * a30,\n\t\t\tb09 = a21 * a32 - a22 * a31,\n\t\t\tb10 = a21 * a33 - a23 * a31,\n\t\t\tb11 = a22 * a33 - a23 * a32,\n\n\t\t\tdet = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;\n\n\t\treturn mat4(\n\t\t\ta11 * b11 - a12 * b10 + a13 * b09,\n\t\t\ta02 * b10 - a01 * b11 - a03 * b09,\n\t\t\ta31 * b05 - a32 * b04 + a33 * b03,\n\t\t\ta22 * b04 - a21 * b05 - a23 * b03,\n\t\t\ta12 * b08 - a10 * b11 - a13 * b07,\n\t\t\ta00 * b11 - a02 * b08 + a03 * b07,\n\t\t\ta32 * b02 - a30 * b05 - a33 * b01,\n\t\t\ta20 * b05 - a22 * b02 + a23 * b01,\n\t\t\ta10 * b10 - a11 * b08 + a13 * b06,\n\t\t\ta01 * b08 - a00 * b10 - a03 * b06,\n\t\t\ta30 * b04 - a31 * b02 + a33 * b00,\n\t\t\ta21 * b02 - a20 * b04 - a23 * b00,\n\t\t\ta11 * b07 - a10 * b09 - a12 * b06,\n\t\t\ta00 * b09 - a01 * b07 + a02 * b06,\n\t\t\ta31 * b01 - a30 * b03 - a32 * b00,\n\t\t\ta20 * b03 - a21 * b01 + a22 * b00) / det;\n\t}\n\n\t#define INVERSE_MAT(mat) inverseMat(mat)\n#endif\n\n\nvec3 safeNormalize(vec3 inVec) {\n    float dp3 = max(float(HALF_MIN), dot(inVec, inVec));\n    return inVec * inversesqrt(dp3);\n}\n"; // eslint-disable-line
 
 var common_vert = "attribute vec3 POSITION;\n\n#ifdef RENDERER_HAS_UV\n    attribute vec2 TEXCOORD_0;\n#endif\n\n#ifdef RENDERER_HAS_UV1\n    attribute vec2 TEXCOORD_1;\n#endif\n\n#ifdef RENDERER_HAS_SKIN\n    attribute vec4 JOINTS_0;\n    attribute vec4 WEIGHTS_0;\n\n    #ifdef RENDERER_USE_JOINT_TEXTURE\n        uniform sampler2D renderer_JointSampler;\n        uniform float renderer_JointCount;\n\n        mat4 getJointMatrix(sampler2D smp, float index)\n        {\n            float base = index / renderer_JointCount;\n            float hf = 0.5 / renderer_JointCount;\n            float v = base + hf;\n\n            vec4 m0 = texture2D(smp, vec2(0.125, v ));\n            vec4 m1 = texture2D(smp, vec2(0.375, v ));\n            vec4 m2 = texture2D(smp, vec2(0.625, v ));\n            vec4 m3 = texture2D(smp, vec2(0.875, v ));\n\n            return mat4(m0, m1, m2, m3);\n\n        }\n\n    #else\n        uniform mat4 renderer_JointMatrix[ RENDERER_JOINTS_NUM ];\n    #endif\n#endif\n\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\n    attribute vec4 COLOR_0;\n#endif\n\n\n#include <transform_declare>\n#include <camera_declare>\n\nuniform vec4 material_TilingOffset;\n\n\n#ifndef MATERIAL_OMIT_NORMAL\n    #ifdef RENDERER_HAS_NORMAL\n        attribute vec3 NORMAL;\n    #endif\n\n    #ifdef RENDERER_HAS_TANGENT\n        attribute vec4 TANGENT;\n    #endif\n#endif"; // eslint-disable-line
 
@@ -4891,11 +4854,11 @@ var ShaderFactory = /*#__PURE__*/ function() {
         shader = shader.replace(/\bvarying\b/g, isFrag ? "in" : "out");
         shader = shader.replace(/\btexture(2D|Cube)\b/g, "texture");
         shader = shader.replace(/\btexture2DProj\b/g, "textureProj");
+        shader = shader.replace(/\btexture(2D|Cube)LodEXT\b/g, "textureLod");
+        shader = shader.replace(/\btexture(2D|Cube)GradEXT\b/g, "textureGrad");
+        shader = shader.replace(/\btexture2DProjLodEXT\b/g, "textureProjLod");
+        shader = shader.replace(/\btexture2DProjGradEXT\b/g, "textureProjGrad");
         if (isFrag) {
-            shader = shader.replace(/\btexture(2D|Cube)LodEXT\b/g, "textureLod");
-            shader = shader.replace(/\btexture(2D|Cube)GradEXT\b/g, "textureGrad");
-            shader = shader.replace(/\btexture2DProjLodEXT\b/g, "textureProjLod");
-            shader = shader.replace(/\btexture2DProjGradEXT\b/g, "textureProjGrad");
             shader = shader.replace(/\bgl_FragDepthEXT\b/g, "gl_FragDepth");
             if (!ShaderFactory._has300Output(shader)) {
                 var isMRT = /\bgl_FragData\[.+?\]/g.test(shader);
@@ -4904,7 +4867,7 @@ var ShaderFactory = /*#__PURE__*/ function() {
                     var result = shader.match(/\bgl_FragData\[.+?\]/g);
                     shader = this._replaceMRTShader(shader, result);
                 } else {
-                    shader = shader.replace(/void\s+?main\s*\(/g, "out vec4 glFragColor;\nvoid main(");
+                    shader = "out vec4 glFragColor;\n" + shader;
                     shader = shader.replace(/\bgl_FragColor\b/g, "glFragColor");
                 }
             }
@@ -5601,47 +5564,29 @@ ShaderTagKey._nameMap = Object.create(null);
 }();
 ShaderProgram._counter = 0;
 
-/**
- * @internal
- * Shader pass type
- */ var ShaderType = /*#__PURE__*/ function(ShaderType) {
-    /** init by glsl */ ShaderType[ShaderType["Canonical"] = 0] = "Canonical";
-    /** init by shader-lab */ ShaderType[ShaderType["ShaderLab"] = 1] = "ShaderLab";
-    return ShaderType;
-}({});
-
+var precisionStr = "\n    #ifdef GL_FRAGMENT_PRECISION_HIGH\n      precision highp float;\n      precision highp int;\n    #else\n      precision mediump float;\n      precision mediump int;\n    #endif\n    ";
 /**
  * Shader pass containing vertex and fragment source.
  */ var ShaderPass = /*#__PURE__*/ function(ShaderPart) {
     _inherits(ShaderPass, ShaderPart);
-    function ShaderPass(nameOrVertexSource, vertexSourceOrFragmentSourceOrCode, fragmentSourceOrTagsOrVertexEntry, fragmentEntryOrTags, tags) {
+    function ShaderPass(nameOrVertexSource, vertexSourceOrFragmentSource, fragmentSourceOrTags, tags) {
         var _this;
-        _this = ShaderPart.call(this) || this, /** @internal */ _this._shaderPassId = 0, /** @internal */ _this._renderStateDataMap = {}, /** @internal */ _this._shaderProgramPools = [], /** @internal */ _this._path = "", _this._platformMacros = [];
+        _this = ShaderPart.call(this) || this, /** @internal */ _this._shaderPassId = 0, /** @internal */ _this._renderStateDataMap = {}, /** @internal */ _this._shaderProgramPools = [];
         _this._shaderPassId = ShaderPass._shaderPassCounter++;
-        _this._type = ShaderType.Canonical;
-        if (typeof fragmentEntryOrTags === "string") {
+        if (typeof fragmentSourceOrTags === "string") {
             _this._name = nameOrVertexSource;
-            _this._shaderLabSource = vertexSourceOrFragmentSourceOrCode;
-            _this._vertexEntry = fragmentSourceOrTagsOrVertexEntry;
-            _this._fragmentEntry = fragmentEntryOrTags;
+            _this._vertexSource = vertexSourceOrFragmentSource;
+            _this._fragmentSource = fragmentSourceOrTags;
             tags = _extends({
                 pipelineStage: PipelineStage.Forward
             }, tags);
-            _this._type = ShaderType.ShaderLab;
-        } else if (typeof fragmentSourceOrTagsOrVertexEntry === "string") {
-            _this._name = nameOrVertexSource;
-            _this._vertexSource = vertexSourceOrFragmentSourceOrCode;
-            _this._fragmentSource = fragmentSourceOrTagsOrVertexEntry;
-            tags = fragmentEntryOrTags != null ? fragmentEntryOrTags : {
-                pipelineStage: PipelineStage.Forward
-            };
         } else {
             _this._name = "Default";
             _this._vertexSource = nameOrVertexSource;
-            _this._fragmentSource = vertexSourceOrFragmentSourceOrCode;
-            tags = fragmentSourceOrTagsOrVertexEntry != null ? fragmentSourceOrTagsOrVertexEntry : {
+            _this._fragmentSource = vertexSourceOrFragmentSource;
+            tags = _extends({
                 pipelineStage: PipelineStage.Forward
-            };
+            }, fragmentSourceOrTags);
         }
         for(var key in tags){
             _this.setTag(key, tags[key]);
@@ -5657,11 +5602,7 @@ ShaderProgram._counter = 0;
         if (shaderProgram) {
             return shaderProgram;
         }
-        if (this._type === ShaderType.Canonical) {
-            shaderProgram = this._getCanonicalShaderProgram(engine, macroCollection);
-        } else {
-            shaderProgram = this._compileShaderProgram(engine, macroCollection, this._vertexEntry, this._fragmentEntry);
-        }
+        shaderProgram = this._getCanonicalShaderProgram(engine, macroCollection);
         shaderProgramPool.cache(shaderProgram);
         return shaderProgram;
     };
@@ -5677,55 +5618,37 @@ ShaderProgram._counter = 0;
         // Clear array storing multiple engine shader program pools
         shaderProgramPools.length = 0;
     };
-    /**
-   * Shader Lab compilation
-   */ _proto._compileShaderProgram = function _compileShaderProgram(engine, macroCollection, vertexEntry, fragmentEntry) {
-        var _this = this, path = _this._path, platformMacros = _this._platformMacros;
+    _proto._getCanonicalShaderProgram = function _getCanonicalShaderProgram(engine, macroCollection) {
         var isWebGL2 = engine._hardwareRenderer.isWebGL2;
-        var macros = new Array();
-        ShaderMacro._getMacrosElements(macroCollection, macros);
-        platformMacros.length = 0;
+        var shaderMacroList = new Array();
+        ShaderMacro._getMacrosElements(macroCollection, shaderMacroList);
+        shaderMacroList.push(ShaderMacro.getByName(isWebGL2 ? "GRAPHICS_API_WEBGL2" : "GRAPHICS_API_WEBGL1"));
         if (engine._hardwareRenderer.canIUse(GLCapabilityType.shaderTextureLod)) {
-            platformMacros.push("HAS_TEX_LOD");
+            shaderMacroList.push(ShaderMacro.getByName("HAS_TEX_LOD"));
         }
         if (engine._hardwareRenderer.canIUse(GLCapabilityType.standardDerivatives)) {
-            platformMacros.push("HAS_DERIVATIVES");
-        }
-        if (isWebGL2) {
-            platformMacros.push("GRAPHICS_API_WEBGL2");
+            shaderMacroList.push(ShaderMacro.getByName("HAS_DERIVATIVES"));
+        }
+        // Compatible with non-shaderlab syntax
+        var noIncludeVertex = ShaderFactory.parseIncludes(this._vertexSource);
+        var noIncludeFrag = ShaderFactory.parseIncludes(this._fragmentSource);
+        // Parse macros when use shaderlab
+        if (this._platformTarget != undefined) {
+            noIncludeVertex = Shader._shaderLab._parseMacros(noIncludeVertex, shaderMacroList);
+            noIncludeFrag = Shader._shaderLab._parseMacros(noIncludeFrag, shaderMacroList);
         } else {
-            platformMacros.push("GRAPHICS_API_WEBGL1");
+            var macroNameStr = ShaderFactory.parseCustomMacros(shaderMacroList);
+            noIncludeVertex = macroNameStr + noIncludeVertex;
+            noIncludeFrag = macroNameStr + noIncludeFrag;
         }
-        var start = performance.now();
-        var shaderProgramSource = Shader._shaderLab._parseShaderPass(this._shaderLabSource, vertexEntry, fragmentEntry, macros, isWebGL2 ? ShaderPlatformTarget.GLES300 : ShaderPlatformTarget.GLES100, platformMacros, new URL(path, ShaderPass._shaderRootPath).href);
-        Logger.info("[ShaderLab compilation] cost time: " + (performance.now() - start) + "ms");
-        if (shaderProgramSource) {
-            return new ShaderProgram(engine, shaderProgramSource.vertex, shaderProgramSource.fragment);
-        } else {
-            return new ShaderProgram(engine, "", "");
+        // Need to convert to 300 es when the target is GLSL ES 100 or unkdown
+        if (isWebGL2 && (this._platformTarget == undefined || this._platformTarget === ShaderLanguage.GLSLES100)) {
+            noIncludeVertex = ShaderFactory.convertTo300(noIncludeVertex);
+            noIncludeFrag = ShaderFactory.convertTo300(noIncludeFrag, true);
         }
-    };
-    // TODO: remove it after migrate all shader to `ShaderLab`.
-    _proto._getCanonicalShaderProgram = function _getCanonicalShaderProgram(engine, macroCollection) {
-        var isWebGL2 = engine._hardwareRenderer.isWebGL2;
-        var macroNameList = new Array();
-        ShaderMacro._getMacrosElements(macroCollection, macroNameList);
-        var macroNameStr = ShaderFactory.parseCustomMacros(macroNameList);
         var versionStr = isWebGL2 ? "#version 300 es" : "#version 100";
-        var graphicAPI = isWebGL2 ? "#define GRAPHICS_API_WEBGL2" : "#define GRAPHICS_API_WEBGL1";
-        var precisionStr = "\n    #ifdef GL_FRAGMENT_PRECISION_HIGH\n      precision highp float;\n      precision highp int;\n    #else\n      precision mediump float;\n      precision mediump int;\n    #endif\n    ";
-        if (engine._hardwareRenderer.canIUse(GLCapabilityType.shaderTextureLod)) {
-            precisionStr += "#define HAS_TEX_LOD\n";
-        }
-        if (engine._hardwareRenderer.canIUse(GLCapabilityType.standardDerivatives)) {
-            precisionStr += "#define HAS_DERIVATIVES\n";
-        }
-        var vertexSource = " " + versionStr + "\n        " + graphicAPI + "\n        " + macroNameStr + "\n      " + ShaderFactory.parseIncludes(this._vertexSource);
-        var fragmentSource = " " + versionStr + "\n        " + graphicAPI + "\n        " + (isWebGL2 ? "" : ShaderFactory._shaderExtension) + "\n        " + precisionStr + "\n        " + macroNameStr + "\n      " + ShaderFactory.parseIncludes(this._fragmentSource);
-        if (isWebGL2) {
-            vertexSource = ShaderFactory.convertTo300(vertexSource);
-            fragmentSource = ShaderFactory.convertTo300(fragmentSource, true);
-        }
+        var vertexSource = " " + versionStr + " \n        " + noIncludeVertex + "\n      ";
+        var fragmentSource = " " + versionStr + "\n        " + (isWebGL2 ? "" : ShaderFactory._shaderExtension) + "\n        " + precisionStr + "\n        " + noIncludeFrag + "\n      ";
         var shaderProgram = new ShaderProgram(engine, vertexSource, fragmentSource);
         return shaderProgram;
     };
@@ -6407,18 +6330,6 @@ __decorate([
     }
     var _proto = Shader.prototype;
     /**
-   * @internal
-   * path should follow the specifications of [URL.origin](https://developer.mozilla.org/en-US/docs/Web/API/URL/origin), like: `shaders://root/`
-   */ _proto._registerPath = function _registerPath(path) {
-        for(var _iterator = _create_for_of_iterator_helper_loose(this._subShaders), _step; !(_step = _iterator()).done;){
-            var subShader = _step.value;
-            for(var _iterator1 = _create_for_of_iterator_helper_loose(subShader.passes), _step1; !(_step1 = _iterator1()).done;){
-                var shaderPass = _step1.value;
-                shaderPass._path = path;
-            }
-        }
-    };
-    /**
    * Compile shader variant by macro name list.
    *
    * @remarks
@@ -6474,74 +6385,82 @@ __decorate([
    */ _proto._addReferCount = function _addReferCount(value) {
         this._refCount += value;
     };
-    Shader.create = function create(nameOrShaderSource, vertexSourceOrShaderPassesOrSubShaders, fragmentSource) {
+    Shader.create = function create(nameOrShaderSource, vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget, fragmentSourceOrPath) {
         var shader;
         var shaderMap = Shader._shaderMap;
-        if (!vertexSourceOrShaderPassesOrSubShaders) {
-            if (!Shader._shaderLab) {
+        if (vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget == undefined) {
+            vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget = ShaderLanguage.GLSLES100;
+        }
+        if (typeof vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget === "number") {
+            var shaderLab = Shader._shaderLab;
+            if (!shaderLab) {
                 throw "ShaderLab has not been set up yet.";
             }
-            var shaderContent = Shader._shaderLab._parseShaderContent(nameOrShaderSource);
-            if (shaderMap[shaderContent.name]) {
-                console.error('Shader named "' + shaderContent.name + '" already exists.');
+            var shaderSource = shaderLab._parseShaderSource(nameOrShaderSource);
+            if (shaderMap[shaderSource.name]) {
+                console.error('Shader named "' + shaderSource.name + '" already exists.');
                 return;
             }
-            var subShaderList = shaderContent.subShaders.map(function(subShaderContent) {
-                var passList = subShaderContent.passes.map(function(passInfo) {
-                    if (passInfo.isUsePass) {
+            var subShaderList = shaderSource.subShaders.map(function(subShaderSource) {
+                var passList = subShaderSource.passes.map(function(passSource) {
+                    if (passSource.isUsePass) {
                         var _Shader_find_subShaders_find, _Shader_find;
-                        // Use pass reference
-                        var paths = passInfo.name.split("/");
-                        return (_Shader_find = Shader.find(paths[0])) == null ? void 0 : (_Shader_find_subShaders_find = _Shader_find.subShaders.find(function(subShader) {
-                            return subShader.name === paths[1];
+                        var _passSource_name_split = passSource.name.split("/"), shaderName = _passSource_name_split[0], subShaderName = _passSource_name_split[1], passName = _passSource_name_split[2];
+                        return (_Shader_find = Shader.find(shaderName)) == null ? void 0 : (_Shader_find_subShaders_find = _Shader_find.subShaders.find(function(subShader) {
+                            return subShader.name === subShaderName;
                         })) == null ? void 0 : _Shader_find_subShaders_find.passes.find(function(pass) {
-                            return pass.name === paths[2];
+                            return pass.name === passName;
                         });
                     }
-                    var shaderPassContent = new ShaderPass(passInfo.name, passInfo.contents, passInfo.vertexEntry, passInfo.fragmentEntry, passInfo.tags);
-                    var _passInfo_renderStates = passInfo.renderStates, constantMap = _passInfo_renderStates.constantMap, variableMap = _passInfo_renderStates.variableMap;
+                    var shaderPassSource = Shader._shaderLab._parseShaderPass(passSource.contents, passSource.vertexEntry, passSource.fragmentEntry, vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget, new URL(fragmentSourceOrPath != null ? fragmentSourceOrPath : "", ShaderPass._shaderRootPath).href);
+                    if (!shaderPassSource) {
+                        throw 'Shader pass "' + shaderSource.name + "." + subShaderSource.name + "." + passSource.name + '" parse failed, please check the shader source code.';
+                    }
+                    var shaderPass = new ShaderPass(passSource.name, shaderPassSource.vertex, shaderPassSource.fragment, passSource.tags);
+                    shaderPass._platformTarget = vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget;
+                    var _passSource_renderStates = passSource.renderStates, constantMap = _passSource_renderStates.constantMap, variableMap = _passSource_renderStates.variableMap;
                     // Compatible shader lab no render state use material `renderState` to modify render state
                     if (Object.keys(constantMap).length > 0 || Object.keys(variableMap).length > 0) {
                         // Parse const render state
                         var renderState = new RenderState();
-                        shaderPassContent._renderState = renderState;
                         for(var k in constantMap){
-                            Shader._applyConstRenderStates(renderState, parseInt(k), constantMap[k]);
+                            Shader._applyConstRenderStates(renderState, +k, constantMap[k]);
                         }
+                        shaderPass._renderState = renderState;
                         // Parse variable render state
                         var renderStateDataMap = {};
                         for(var k1 in variableMap){
                             renderStateDataMap[k1] = ShaderProperty.getByName(variableMap[k1]);
                         }
-                        shaderPassContent._renderStateDataMap = renderStateDataMap;
+                        shaderPass._renderStateDataMap = renderStateDataMap;
                     }
-                    return shaderPassContent;
+                    return shaderPass;
                 });
-                return new SubShader(subShaderContent.name, passList, subShaderContent.tags);
+                return new SubShader(subShaderSource.name, passList, subShaderSource.tags);
             });
-            shader = new Shader(shaderContent.name, subShaderList);
-            shaderMap[shaderContent.name] = shader;
+            shader = new Shader(shaderSource.name, subShaderList);
+            shaderMap[shaderSource.name] = shader;
             return shader;
         } else {
             if (shaderMap[nameOrShaderSource]) {
                 console.error('Shader named "' + nameOrShaderSource + '" already exists.');
                 return;
             }
-            if (typeof vertexSourceOrShaderPassesOrSubShaders === "string") {
-                var shaderPass = new ShaderPass(vertexSourceOrShaderPassesOrSubShaders, fragmentSource);
+            if (typeof vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget === "string") {
+                var shaderPass = new ShaderPass(vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget, fragmentSourceOrPath);
                 shader = new Shader(nameOrShaderSource, [
                     new SubShader("Default", [
                         shaderPass
                     ])
                 ]);
             } else {
-                if (vertexSourceOrShaderPassesOrSubShaders.length > 0) {
-                    if (vertexSourceOrShaderPassesOrSubShaders[0].constructor === ShaderPass) {
+                if (vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget.length > 0) {
+                    if (vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget[0].constructor === ShaderPass) {
                         shader = new Shader(nameOrShaderSource, [
-                            new SubShader("Default", vertexSourceOrShaderPassesOrSubShaders)
+                            new SubShader("Default", vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget)
                         ]);
                     } else {
-                        shader = new Shader(nameOrShaderSource, vertexSourceOrShaderPassesOrSubShaders.slice());
+                        shader = new Shader(nameOrShaderSource, vertexSourceOrShaderPassesOrSubShadersOrPlatformTarget.slice());
                     }
                 } else {
                     throw "SubShader or ShaderPass count must large than 0.";
@@ -7648,7 +7567,7 @@ function dependentComponents(componentOrComponents, dependentMode) {
     _inherits(Transform, Component);
     function Transform(entity) {
         var _this;
-        _this = Component.call(this, entity) || this, _this._position = new engineMath.Vector3(), _this._rotation = new engineMath.Vector3(), _this._rotationQuaternion = new engineMath.Quaternion(), _this._scale = new engineMath.Vector3(1, 1, 1), _this._localUniformScaling = true, _this._worldPosition = new engineMath.Vector3(), _this._worldRotation = new engineMath.Vector3(), _this._worldRotationQuaternion = new engineMath.Quaternion(), _this._worldUniformScaling = true, _this._lossyWorldScale = new engineMath.Vector3(1, 1, 1), _this._localMatrix = new engineMath.Matrix(), _this._worldMatrix = new engineMath.Matrix(), _this._worldForward = null, _this._worldRight = null, _this._worldUp = null, _this._isParentDirty = true, _this._parentTransformCache = null, _this._dirtyFlag = 188;
+        _this = Component.call(this, entity) || this, _this._position = new engineMath.Vector3(), _this._rotation = new engineMath.Vector3(), _this._rotationQuaternion = new engineMath.Quaternion(), _this._scale = new engineMath.Vector3(1, 1, 1), _this._localUniformScaling = true, _this._worldPosition = new engineMath.Vector3(), _this._worldRotation = new engineMath.Vector3(), _this._worldRotationQuaternion = new engineMath.Quaternion(), _this._worldUniformScaling = true, _this._lossyWorldScale = new engineMath.Vector3(1, 1, 1), _this._localMatrix = new engineMath.Matrix(), _this._worldMatrix = new engineMath.Matrix(), _this._worldForward = null, _this._worldRight = null, _this._worldUp = null, _this._isParentDirty = true, _this._parentTransformCache = null, _this._dirtyFlag = 510;
         _this._onPositionChanged = _this._onPositionChanged.bind(_this);
         _this._onWorldPositionChanged = _this._onWorldPositionChanged.bind(_this);
         _this._onRotationChanged = _this._onRotationChanged.bind(_this);
@@ -7813,11 +7732,23 @@ function dependentComponents(componentOrComponents, dependentMode) {
     /**
    * @internal
    */ _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
-        target._position.copyFrom(this.position);
-        target._rotation.copyFrom(this.rotation);
-        target._scale.copyFrom(this.scale);
+        var position = target._position, rotation = target._rotation, scale = target._scale;
+        // @ts-ignore
+        position._onValueChanged = rotation._onValueChanged = scale._onValueChanged = null;
+        position.copyFrom(this.position);
+        rotation.copyFrom(this.rotation);
+        scale.copyFrom(this.scale);
+        // @ts-ignore
+        position._onValueChanged = target._onPositionChanged;
+        // @ts-ignore
+        rotation._onValueChanged = target._onRotationChanged;
+        // @ts-ignore
+        scale._onValueChanged = target._onScaleChanged;
+    };
+    _proto._onLocalMatrixChanging = function _onLocalMatrixChanging() {
+        this._setDirtyFlagFalse(64);
     };
-    _proto._onWorldMatrixChange = function _onWorldMatrixChange() {
+    _proto._onWorldMatrixChanging = function _onWorldMatrixChanging() {
         this._setDirtyFlagFalse(128);
     };
     _proto._isContainDirtyFlags = function _isContainDirtyFlags(targetDirtyFlags) {
@@ -8267,9 +8198,9 @@ function dependentComponents(componentOrComponents, dependentMode) {
                 // @ts-ignore
                 position._onValueChanged = rotationQuaternion._onValueChanged = scale._onValueChanged = null;
                 value.decompose(position, rotationQuaternion, scale);
-                this._onLocalMatrixChanging == null ? void 0 : this._onLocalMatrixChanging.call(this);
+                this._onLocalMatrixChanging();
                 this._setDirtyFlagTrue(1);
-                this._setDirtyFlagFalse(64 | 2);
+                this._setDirtyFlagFalse(2);
                 // @ts-ignore
                 position._onValueChanged = this._onPositionChanged;
                 // @ts-ignore
@@ -8314,7 +8245,7 @@ function dependentComponents(componentOrComponents, dependentMode) {
                     this._localMatrix.copyFrom(value);
                 }
                 this.localMatrix = this._localMatrix;
-                this._onWorldMatrixChange();
+                this._onWorldMatrixChanging();
             }
         },
         {
@@ -8363,40 +8294,40 @@ Transform._tempMat32 = new engineMath.Matrix3x3();
 Transform._tempMat41 = new engineMath.Matrix();
 Transform._tempMat42 = new engineMath.Matrix();
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_position", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_rotation", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_rotationQuaternion", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_scale", void 0);
 __decorate([
     assignmentClone
 ], Transform.prototype, "_localUniformScaling", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_worldPosition", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_worldRotation", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_worldRotationQuaternion", void 0);
 __decorate([
-    assignmentClone
+    ignoreClone
 ], Transform.prototype, "_worldUniformScaling", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_lossyWorldScale", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_localMatrix", void 0);
 __decorate([
-    deepClone
+    ignoreClone
 ], Transform.prototype, "_worldMatrix", void 0);
 __decorate([
     ignoreClone
@@ -8413,6 +8344,9 @@ __decorate([
 __decorate([
     ignoreClone
 ], Transform.prototype, "_parentTransformCache", void 0);
+__decorate([
+    ignoreClone
+], Transform.prototype, "_dirtyFlag", void 0);
 __decorate([
     ignoreClone
 ], Transform.prototype, "_onPositionChanged", null);
@@ -8457,6 +8391,7 @@ __decorate([
     /** WorldMatrix | WorldPosition | WorldScale */ TransformModifyFlags[TransformModifyFlags["WmWpWs"] = 164] = "WmWpWs";
     /** WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale */ TransformModifyFlags[TransformModifyFlags["WmWpWeWqWs"] = 188] = "WmWpWeWqWs";
     /** WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale | WorldUniformScaling */ TransformModifyFlags[TransformModifyFlags["WmWpWeWqWsWus"] = 444] = "WmWpWeWqWsWus";
+    /** LocalQuat | LocalMatrix | WorldMatrix | WorldPosition | WorldEuler | WorldQuat | WorldScale | WorldUniformScaling */ TransformModifyFlags[TransformModifyFlags["LqLmWmWpWeWqWsWus"] = 510] = "LqLmWmWpWeWqWsWus";
     return TransformModifyFlags;
 }({});
 
@@ -10935,9 +10870,9 @@ var scalableAmbientOcclusionFS = "// Ambient Occlusion, largely inspired from:\n
         // projection[0][0] is at index 0 (X scaling)
         // projection[1][1] is at index 5 (Y scaling)
         // The inverse values we need are:
-        var invProjectionSacleX = 1.0 / projectionScaleX;
+        var invProjectionScaleX = 1.0 / projectionScaleX;
         var invProjectionScaleY = 1.0 / projectionScaleY;
-        var invProjScaleXY = this._invProjScaleXY.set(invProjectionSacleX * 2.0, invProjectionScaleY * 2.0);
+        var invProjScaleXY = this._invProjScaleXY.set(invProjectionScaleX * 2.0, invProjectionScaleY * 2.0);
         shaderData.setVector2(ScalableAmbientObscurancePass._invProjScaleXYProp, invProjScaleXY);
         var quality = ambientOcclusion.quality, radius = ambientOcclusion.radius;
         this._updateBlurKernel(shaderData, quality);
@@ -10983,9 +10918,6 @@ var scalableAmbientOcclusionFS = "// Ambient Occlusion, largely inspired from:\n
             this._blurRenderTarget = null;
         }
         this._depthRenderTarget = null;
-        var material = this._material;
-        material._addReferCount(-1);
-        material.destroy();
     };
     _proto._updateBlurKernel = function _updateBlurKernel(blurShaderData, quality) {
         if (quality === this._quality) {
@@ -19099,7 +19031,7 @@ var BlendShapeFrameDirty = /*#__PURE__*/ function(BlendShapeFrameDirty) {
                 continue;
             }
             if (material.destroyed || material.shader.destroyed) {
-                material = this.engine._meshMagentaMaterial;
+                material = this.engine._basicResources.meshMagentaMaterial;
             }
             var subRenderElement = subRenderElementPool.get();
             subRenderElement.set(this, material, mesh._primitive, subMeshes[i1]);
@@ -23089,6 +23021,8 @@ __decorate([
         this.spriteDefaultMaterial = this._create2DMaterial(engine, Shader.find("Sprite"));
         this.textDefaultMaterial = this._create2DMaterial(engine, Shader.find("Text"));
         this.spriteMaskDefaultMaterial = this._createSpriteMaskMaterial(engine);
+        this.meshMagentaMaterial = this._createMagentaMaterial(engine, "unlit");
+        this.particleMagentaMaterial = this._createMagentaMaterial(engine, "particle-shader");
     }
     var _proto = BasicResources.prototype;
     /**
@@ -23194,6 +23128,12 @@ __decorate([
         material.isGCIgnored = true;
         return material;
     };
+    _proto._createMagentaMaterial = function _createMagentaMaterial(engine, shaderName) {
+        var material = new Material(engine, Shader.find(shaderName));
+        material.isGCIgnored = true;
+        material.shaderData.setColor("material_BaseColor", new engineMath.Color(1.0, 0.0, 1.01, 1.0));
+        return material;
+    };
     _proto._createSpriteMaskMaterial = function _createSpriteMaskMaterial(engine) {
         var material = new Material(engine, Shader.find("SpriteMask"));
         material.isGCIgnored = true;
@@ -25772,9 +25712,9 @@ ParticleBufferUtils.boundsFloatStride = 8;
 ParticleBufferUtils.boundsTimeOffset = 6;
 ParticleBufferUtils.boundsMaxLifetimeOffset = 7;
 
-var blitFs = "#include <common>\n\nuniform mediump sampler2D renderer_BlitTexture;\n#ifdef HAS_TEX_LOD\n\tuniform float renderer_BlitMipLevel;\n#endif\n\nuniform vec4 renderer_SourceScaleOffset;\n\nvarying vec2 v_uv;\n\nvoid main() {\n\tvec2 uv = v_uv;\n\tuv = uv * renderer_SourceScaleOffset.xy + renderer_SourceScaleOffset.zw;\n\n\t#ifdef HAS_TEX_LOD\n\t\tgl_FragColor = texture2DLodSRGB( renderer_BlitTexture, uv, renderer_BlitMipLevel );\n\t#else\n\t\tgl_FragColor = texture2DSRGB( renderer_BlitTexture, uv );\n\t#endif\n}\n\n"; // eslint-disable-line
+var blitFs = "#include <common>\n\nuniform mediump sampler2D renderer_BlitTexture;\n#ifdef HAS_TEX_LOD\n\tuniform float renderer_BlitMipLevel;\n#endif\n\nuniform vec4 renderer_SourceScaleOffset;\n\nvarying vec2 v_uv;\n\n#ifdef HAS_TEX_LOD\n\tvec4 texture2DLodSRGB(sampler2D tex, vec2 uv, float lod) {\n\t\tvec4 color = texture2DLodEXT(tex, uv, lod);\n\t\t#ifdef ENGINE_NO_SRGB\n\t\t\tcolor = sRGBToLinear(color);\n\t\t#endif\n\t\treturn color;\n\t}\n#endif\n\nvoid main() {\n\tvec2 uv = v_uv;\n\tuv = uv * renderer_SourceScaleOffset.xy + renderer_SourceScaleOffset.zw;\n\n\t#ifdef HAS_TEX_LOD\n\t\tgl_FragColor = texture2DLodSRGB( renderer_BlitTexture, uv, renderer_BlitMipLevel );\n\t#else\n\t\tgl_FragColor = texture2DSRGB( renderer_BlitTexture, uv );\n\t#endif\n}\n\n"; // eslint-disable-line
 
-var blitScreenFs = "#include <common>\n\nuniform mediump sampler2D renderer_BlitTexture;\n#ifdef HAS_TEX_LOD\n\tuniform float renderer_BlitMipLevel;\n#endif\n\nvarying vec2 v_uv;\n\nvoid main() {\n\tvec2 uv = v_uv;\n\t// Screen uv is flipped\n\tuv.y = 1.0 - uv.y;\n\n\t#ifdef HAS_TEX_LOD\n\t\tgl_FragColor = texture2DLodSRGB( renderer_BlitTexture, uv, renderer_BlitMipLevel );\n\t#else\n\t\tgl_FragColor = texture2D( renderer_BlitTexture, uv );\n\t#endif\n\n\t// Color space in screen is in gamma space but without sRGB texture, so we need to convert it to linear space manually\n\tgl_FragColor = sRGBToLinear(gl_FragColor);\n}\n\n"; // eslint-disable-line
+var blitScreenFs = "#include <common>\n\nuniform mediump sampler2D renderer_BlitTexture;\n#ifdef HAS_TEX_LOD\n\tuniform float renderer_BlitMipLevel;\n#endif\n\nvarying vec2 v_uv;\n\n#ifdef HAS_TEX_LOD\n\tvec4 texture2DLodSRGB(sampler2D tex, vec2 uv, float lod) {\n\t\tvec4 color = texture2DLodEXT(tex, uv, lod);\n\t\t#ifdef ENGINE_NO_SRGB\n\t\t\tcolor = sRGBToLinear(color);\n\t\t#endif\n\t\treturn color;\n\t}\n#endif\n\nvoid main() {\n\tvec2 uv = v_uv;\n\t// Screen uv is flipped\n\tuv.y = 1.0 - uv.y;\n\n\t#ifdef HAS_TEX_LOD\n\t\tgl_FragColor = texture2DLodSRGB( renderer_BlitTexture, uv, renderer_BlitMipLevel );\n\t#else\n\t\tgl_FragColor = texture2D( renderer_BlitTexture, uv );\n\t#endif\n\n\t// Color space in screen is in gamma space but without sRGB texture, so we need to convert it to linear space manually\n\tgl_FragColor = sRGBToLinear(gl_FragColor);\n}\n\n"; // eslint-disable-line
 
 var skyProceduralFs = "// This code uses the Unity skybox-Procedural shader algorithm, developed by Unity and licensed under the Unity Companion License. \n// The original implementation can be found at unity build-in shader(DefaultResourcesExtra/Skybox-Procedural.shader)\n\n#include <common>\n\nconst float MIE_G = -0.990;\nconst float MIE_G2 = 0.9801;\nconst float SKY_GROUND_THRESHOLD = 0.02;\n\nuniform float material_SunSize;\nuniform float material_SunSizeConvergence;\nuniform vec4 scene_SunlightColor;\nuniform vec3 scene_SunlightDirection;\n\nvarying vec3 v_GroundColor;\nvarying vec3 v_SkyColor;\n\n#ifdef MATERIAL_SUN_HIGH_QUALITY\n\tvarying vec3 v_Vertex;\n#elif defined(MATERIAL_SUN_SIMPLE)\n\tvarying vec3 v_RayDir;\n#else\n\tvarying float v_SkyGroundFactor;\n#endif\n\n#if defined(MATERIAL_SUN_HIGH_QUALITY)||defined(MATERIAL_SUN_SIMPLE)\n\tvarying vec3 v_SunColor;\n#endif\n\n// Calculates the Mie phase function\nfloat getMiePhase(float eyeCos, float eyeCos2) {\n\tfloat temp = 1.0 + MIE_G2 - 2.0 * MIE_G * eyeCos;\n\ttemp = pow(temp, pow(material_SunSize,0.65) * 10.0);\n\ttemp = max(temp,1.0e-4); // prevent division by zero, esp. in half precision\n\ttemp = 1.5 * ((1.0 - MIE_G2) / (2.0 + MIE_G2)) * (1.0 + eyeCos2) / temp;\n\treturn temp;\n}\n\n// Calculates the sun shape\nfloat calcSunAttenuation(vec3 lightPos, vec3 ray) {\n\t#ifdef MATERIAL_SUN_HIGH_QUALITY\n\t\tfloat focusedEyeCos = pow(clamp(dot(lightPos, ray),0.0,1.0), material_SunSizeConvergence);\n\t\treturn getMiePhase(-focusedEyeCos, focusedEyeCos * focusedEyeCos);\n\t#else //MATERIAL_SUN_SIMPLE\n\t\tvec3 delta = lightPos - ray;\n\t\tfloat dist = length(delta);\n\t\tfloat spot = 1.0 - smoothstep(0.0, material_SunSize, dist);\n\t\treturn spot * spot;\n\t#endif\n}\n\nvoid main() {\n\t// if y > 1 [eyeRay.y < -SKY_GROUND_THRESHOLD] - ground\n\t// if y >= 0 and < 1 [eyeRay.y <= 0 and > -SKY_GROUND_THRESHOLD] - horizon\n\t// if y < 0 [eyeRay.y > 0] - sky\n\tvec3 col = vec3(0.0, 0.0, 0.0);\n\n\t#ifdef MATERIAL_SUN_HIGH_QUALITY\n\t\tvec3 ray = normalize(v_Vertex);\n\t\tfloat y = ray.y / SKY_GROUND_THRESHOLD;\n\t#elif defined(MATERIAL_SUN_SIMPLE) \n\t\tvec3 ray = v_RayDir;\n\t\tfloat y = ray.y / SKY_GROUND_THRESHOLD;\t\n\t#else\n\t\tfloat y = v_SkyGroundFactor;\n\t#endif\n\n\t// if we did precalculate color in vprog: just do lerp between them\n\tcol = mix(v_SkyColor, v_GroundColor, clamp(y,0.0,1.0));\n\n\t#if defined(MATERIAL_SUN_HIGH_QUALITY)||defined(MATERIAL_SUN_SIMPLE)\n\t\tif (y < 0.0)\n\t\t\tcol += v_SunColor * calcSunAttenuation(-scene_SunlightDirection, -ray);\n\t#endif\n\n\n\tgl_FragColor = vec4(col, 1.0);\n}\n\n"; // eslint-disable-line
 
@@ -26102,14 +26042,6 @@ ShaderPool.init();
         if (!hardwareRenderer.canIUse(GLCapabilityType.sRGB)) {
             _this._macroCollection.enable(Engine._noSRGBSupportMacro);
         }
-        var meshMagentaMaterial = new Material(_this, Shader.find("unlit"));
-        meshMagentaMaterial.isGCIgnored = true;
-        meshMagentaMaterial.shaderData.setColor("material_BaseColor", new engineMath.Color(1.0, 0.0, 1.01, 1.0));
-        _this._meshMagentaMaterial = meshMagentaMaterial;
-        var particleMagentaMaterial = new Material(_this, Shader.find("particle-shader"));
-        particleMagentaMaterial.isGCIgnored = true;
-        particleMagentaMaterial.shaderData.setColor("material_BaseColor", new engineMath.Color(1.0, 0.0, 1.01, 1.0));
-        _this._particleMagentaMaterial = particleMagentaMaterial;
         _this._basicResources = new BasicResources(_this);
         _this._particleBufferUtils = new ParticleBufferUtils(_this);
         var uberPass = new PostProcessUberPass(_this);
@@ -28250,6 +28182,45 @@ Scene._fogColorProperty = ShaderProperty.getByName("scene_FogColor");
 Scene._fogParamsProperty = ShaderProperty.getByName("scene_FogParams");
 Scene._prefilterdDFGProperty = ShaderProperty.getByName("scene_PrefilteredDFG");
 
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+}
+
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+
+function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+
+    if (it) return (it = it.call(o)).next.bind(it);
+    // Fallback for engines without symbol support
+    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike && o && typeof o.length === "number") {
+        if (it) o = it;
+
+        var i = 0;
+
+        return function() {
+            if (i >= o.length) return { done: true };
+
+            return { done: false, value: o[i++] };
+        };
+    }
+
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
 /**
  * Script class, used for logic writing.
  */ var Script = /*#__PURE__*/ function(Component) {
@@ -32455,7 +32426,7 @@ var ParticleStopMode = /*#__PURE__*/ function(ParticleStopMode) {
             return;
         }
         if (material.destroyed || material.shader.destroyed) {
-            material = this.engine._particleMagentaMaterial;
+            material = this.engine._basicResources.particleMagentaMaterial;
         }
         var engine = this._engine;
         var renderElement = engine._renderElementPool.get();
@@ -37415,7 +37386,7 @@ exports.RenderQueue = RenderQueue;
 exports.RenderQueueFlags = RenderQueueFlags;
 exports.RenderQueueType = RenderQueueType;
 exports.RenderState = RenderState;
-exports.RenderStateDataKey = RenderStateElementKey;
+exports.RenderStateElementKey = RenderStateElementKey;
 exports.RenderTarget = RenderTarget;
 exports.RenderTargetBlendState = RenderTargetBlendState;
 exports.RendererUpdateFlags = RendererUpdateFlags;
@@ -37432,11 +37403,11 @@ exports.Shader = Shader;
 exports.ShaderData = ShaderData;
 exports.ShaderDataGroup = ShaderDataGroup;
 exports.ShaderFactory = ShaderFactory;
+exports.ShaderLanguage = ShaderLanguage;
 exports.ShaderLib = ShaderLib;
 exports.ShaderMacro = ShaderMacro;
 exports.ShaderMacroCollection = ShaderMacroCollection;
 exports.ShaderPass = ShaderPass;
-exports.ShaderPlatformTarget = ShaderPlatformTarget;
 exports.ShaderProperty = ShaderProperty;
 exports.ShaderPropertyType = ShaderPropertyType;
 exports.ShaderTagKey = ShaderTagKey;