@galacean/engine 1.2.0-alpha.11 → 1.2.0-alpha.13

package/dist/browser.js

@@ -8123,7 +8123,7 @@
         };
         return _extends$2.apply(this, arguments);
     }
-    var camera_declare = "#define GLSLIFY 1\nuniform vec3 camera_Position;uniform vec3 camera_Forward;"; // eslint-disable-line
+    var camera_declare = "#define GLSLIFY 1\nuniform vec3 camera_Position;uniform vec3 camera_Forward;uniform vec4 camera_ProjectionParams;"; // eslint-disable-line
     var common = "#define GLSLIFY 1\n#define PI 3.14159265359\n#define RECIPROCAL_PI 0.31830988618\n#define EPSILON 1e-6\n#define LOG2 1.442695\n#define saturate( a ) clamp( a, 0.0, 1.0 )\nfloat pow2(float x){return x*x;}vec4 RGBMToLinear(vec4 value,float maxRange){return vec4(value.rgb*value.a*maxRange,1.0);}vec4 gammaToLinear(vec4 srgbIn){return vec4(pow(srgbIn.rgb,vec3(2.2)),srgbIn.a);}vec4 linearToGamma(vec4 linearIn){return vec4(pow(linearIn.rgb,vec3(1.0/2.2)),linearIn.a);}uniform vec4 camera_DepthBufferParams;float remapDepthBufferLinear01(float z){return 1.0/(camera_DepthBufferParams.x*z+camera_DepthBufferParams.y);}\n#ifdef GRAPHICS_API_WEBGL2\n#define INVERSE_MAT(mat) inverse(mat)\n#else\nmat2 inverseMat(mat2 m){return mat2(m[1][1],-m[0][1],-m[1][0],m[0][0])/(m[0][0]*m[1][1]-m[0][1]*m[1][0]);}mat3 inverseMat(mat3 m){float a00=m[0][0],a01=m[0][1],a02=m[0][2];float a10=m[1][0],a11=m[1][1],a12=m[1][2];float a20=m[2][0],a21=m[2][1],a22=m[2][2];float b01=a22*a11-a12*a21;float b11=-a22*a10+a12*a20;float b21=a21*a10-a11*a20;float det=a00*b01+a01*b11+a02*b21;return mat3(b01,(-a22*a01+a02*a21),(a12*a01-a02*a11),b11,(a22*a00-a02*a20),(-a12*a00+a02*a10),b21,(-a21*a00+a01*a20),(a11*a00-a01*a10))/det;}mat4 inverseMat(mat4 m){float a00=m[0][0],a01=m[0][1],a02=m[0][2],a03=m[0][3],a10=m[1][0],a11=m[1][1],a12=m[1][2],a13=m[1][3],a20=m[2][0],a21=m[2][1],a22=m[2][2],a23=m[2][3],a30=m[3][0],a31=m[3][1],a32=m[3][2],a33=m[3][3],b00=a00*a11-a01*a10,b01=a00*a12-a02*a10,b02=a00*a13-a03*a10,b03=a01*a12-a02*a11,b04=a01*a13-a03*a11,b05=a02*a13-a03*a12,b06=a20*a31-a21*a30,b07=a20*a32-a22*a30,b08=a20*a33-a23*a30,b09=a21*a32-a22*a31,b10=a21*a33-a23*a31,b11=a22*a33-a23*a32,det=b00*b11-b01*b10+b02*b09+b03*b08-b04*b07+b05*b06;return mat4(a11*b11-a12*b10+a13*b09,a02*b10-a01*b11-a03*b09,a31*b05-a32*b04+a33*b03,a22*b04-a21*b05-a23*b03,a12*b08-a10*b11-a13*b07,a00*b11-a02*b08+a03*b07,a32*b02-a30*b05-a33*b01,a20*b05-a22*b02+a23*b01,a10*b10-a11*b08+a13*b06,a01*b08-a00*b10-a03*b06,a30*b04-a31*b02+a33*b00,a21*b02-a20*b04-a23*b00,a11*b07-a10*b09-a12*b06,a00*b09-a01*b07+a02*b06,a31*b01-a30*b03-a32*b00,a20*b03-a21*b01+a22*b00)/det;}\n#define INVERSE_MAT(mat) inverseMat(mat)\n#endif\n"; // eslint-disable-line
     var common_vert = "#define GLSLIFY 1\nattribute vec3 POSITION;\n#ifdef RENDERER_HAS_UV\nattribute vec2 TEXCOORD_0;\n#endif\n#ifdef RENDERER_HAS_UV1\nattribute vec2 TEXCOORD_1;\n#endif\n#ifdef RENDERER_HAS_SKIN\nattribute vec4 JOINTS_0;attribute vec4 WEIGHTS_0;\n#ifdef RENDERER_USE_JOINT_TEXTURE\nuniform sampler2D renderer_JointSampler;uniform float renderer_JointCount;mat4 getJointMatrix(sampler2D smp,float index){float base=index/renderer_JointCount;float hf=0.5/renderer_JointCount;float v=base+hf;vec4 m0=texture2D(smp,vec2(0.125,v));vec4 m1=texture2D(smp,vec2(0.375,v));vec4 m2=texture2D(smp,vec2(0.625,v));vec4 m3=texture2D(smp,vec2(0.875,v));return mat4(m0,m1,m2,m3);}\n#else\nuniform mat4 renderer_JointMatrix[RENDERER_JOINTS_NUM];\n#endif\n#endif\n#ifdef RENDERER_ENABLE_VERTEXCOLOR\nattribute vec4 COLOR_0;\n#endif\n#include <transform_declare>\n#include <camera_declare>\nuniform vec4 material_TilingOffset;\n#ifndef MATERIAL_OMIT_NORMAL\n#ifdef RENDERER_HAS_NORMAL\nattribute vec3 NORMAL;\n#endif\n#ifdef RENDERER_HAS_TANGENT\nattribute vec4 TANGENT;\n#endif\n#endif\n"; // eslint-disable-line
     var transform_declare = "#define GLSLIFY 1\nuniform mat4 renderer_LocalMat;uniform mat4 renderer_ModelMat;uniform mat4 camera_ViewMat;uniform mat4 camera_ProjMat;uniform mat4 renderer_MVMat;uniform mat4 renderer_MVPMat;uniform mat4 renderer_NormalMat;"; // eslint-disable-line
@@ -8216,7 +8216,7 @@
         horizontal_billboard: horizontal_billboard,
         particle_mesh: particle_mesh
     };
-    var normal_get = "#define GLSLIFY 1\nvec3 getNormal(bool isFrontFacing){\n#ifdef RENDERER_HAS_NORMAL\nvec3 normal=normalize(v_normal);\n#elif defined(HAS_DERIVATIVES)\nvec3 pos_dx=dFdx(v_pos);vec3 pos_dy=dFdy(v_pos);vec3 normal=normalize(cross(pos_dx,pos_dy));\n#else\nvec3 normal=vec3(0,0,1);\n#endif\nnormal*=float(isFrontFacing)*2.0-1.0;return normal;}vec3 getNormalByNormalTexture(mat3 tbn,sampler2D normalTexture,float normalIntensity,vec2 uv,bool isFrontFacing){vec3 normal=texture2D(normalTexture,uv).rgb;normal=normalize(tbn*((2.0*normal-1.0)*vec3(normalIntensity,normalIntensity,1.0)));normal*=float(isFrontFacing)*2.0-1.0;return normal;}mat3 getTBN(bool isFrontFacing){\n#if defined(RENDERER_HAS_NORMAL) && defined(RENDERER_HAS_TANGENT) && ( defined(MATERIAL_HAS_NORMALTEXTURE) || defined(MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE) || defined(MATERIAL_ENABLE_ANISOTROPY) )\nmat3 tbn=v_TBN;\n#else\nvec3 normal=getNormal(isFrontFacing);vec3 position=v_pos;vec2 uv=isFrontFacing? v_uv:-v_uv;\n#ifdef HAS_DERIVATIVES\nvec3 dp1=dFdx(position);vec3 dp2=dFdy(position);vec2 duv1=dFdx(uv);vec2 duv2=dFdy(uv);vec3 dp2perp=cross(dp2,normal);vec3 dp1perp=cross(normal,dp1);vec3 tangent=dp2perp*duv1.x+dp1perp*duv2.x;vec3 bitangent=dp2perp*duv1.y+dp1perp*duv2.y;float invmax=inversesqrt(max(dot(tangent,tangent),dot(bitangent,bitangent)));mat3 tbn=mat3(tangent*invmax,bitangent*invmax,normal);\n#else\nmat3 tbn=mat3(vec3(0.0),vec3(0.0),normal);\n#endif\n#endif\nreturn tbn;}"; // eslint-disable-line
+    var normal_get = "#define GLSLIFY 1\nvec3 getNormal(bool isFrontFacing){\n#ifdef RENDERER_HAS_NORMAL\nvec3 normal=normalize(v_normal);\n#elif defined(HAS_DERIVATIVES)\nvec3 pos_dx=dFdx(v_pos);vec3 pos_dy=dFdy(v_pos);vec3 normal=normalize(cross(pos_dx,pos_dy));normal*=camera_ProjectionParams.x;\n#else\nvec3 normal=vec3(0,0,1);\n#endif\nnormal*=float(isFrontFacing)*2.0-1.0;return normal;}vec3 getNormalByNormalTexture(mat3 tbn,sampler2D normalTexture,float normalIntensity,vec2 uv,bool isFrontFacing){vec3 normal=texture2D(normalTexture,uv).rgb;normal=normalize(tbn*((2.0*normal-1.0)*vec3(normalIntensity,normalIntensity,1.0)));normal*=float(isFrontFacing)*2.0-1.0;return normal;}mat3 getTBN(bool isFrontFacing){\n#if defined(RENDERER_HAS_NORMAL) && defined(RENDERER_HAS_TANGENT) && ( defined(MATERIAL_HAS_NORMALTEXTURE) || defined(MATERIAL_HAS_CLEAR_COAT_NORMAL_TEXTURE) || defined(MATERIAL_ENABLE_ANISOTROPY) )\nmat3 tbn=v_TBN;\n#else\nvec3 normal=getNormal(isFrontFacing);vec3 position=v_pos;vec2 uv=isFrontFacing? v_uv:-v_uv;\n#ifdef HAS_DERIVATIVES\nvec3 dp1=dFdx(position);vec3 dp2=dFdy(position);vec2 duv1=dFdx(uv);vec2 duv2=dFdy(uv);vec3 dp2perp=cross(dp2,normal);vec3 dp1perp=cross(normal,dp1);vec3 tangent=dp2perp*duv1.x+dp1perp*duv2.x;vec3 bitangent=dp2perp*duv1.y+dp1perp*duv2.y;float denom=max(dot(tangent,tangent),dot(bitangent,bitangent));float invmax=(denom==0.0)? 0.0 : camera_ProjectionParams.x/sqrt(denom);mat3 tbn=mat3(tangent*invmax,bitangent*invmax,normal);\n#else\nmat3 tbn=mat3(vec3(0.0),vec3(0.0),normal);\n#endif\n#endif\nreturn tbn;}"; // eslint-disable-line
     var ShaderLib = _extends$2({
         common: common,
         common_vert: common_vert,
@@ -9685,10 +9685,11 @@
             renderStateDataMap && this._applyShaderDataValue(renderStateDataMap, shaderData);
             var hardwareRenderer = engine._hardwareRenderer;
             var lastRenderState = engine._lastRenderState;
+            var context = engine._renderContext;
             this.blendState._apply(hardwareRenderer, lastRenderState);
             this.depthState._apply(hardwareRenderer, lastRenderState);
             this.stencilState._apply(hardwareRenderer, lastRenderState);
-            this.rasterState._apply(hardwareRenderer, lastRenderState, frontFaceInvert);
+            this.rasterState._apply(hardwareRenderer, lastRenderState, context.flipProjection ? !frontFaceInvert : frontFaceInvert);
         };
         return RenderState;
     }();
@@ -10684,22 +10685,26 @@
        * @internal
        */ _proto._updateTransformShaderData = function _updateTransformShaderData(context, worldMatrix) {
             var shaderData = this.shaderData;
-            var virtualCamera = context.virtualCamera;
             var mvMatrix = this._mvMatrix;
-            var mvpMatrix = this._mvpMatrix;
             var mvInvMatrix = this._mvInvMatrix;
             var normalMatrix = this._normalMatrix;
-            Matrix.multiply(virtualCamera.viewMatrix, worldMatrix, mvMatrix);
-            Matrix.multiply(virtualCamera.viewProjectionMatrix, worldMatrix, mvpMatrix);
+            Matrix.multiply(context.viewMatrix, worldMatrix, mvMatrix);
             Matrix.invert(mvMatrix, mvInvMatrix);
             Matrix.invert(worldMatrix, normalMatrix);
             normalMatrix.transpose();
             shaderData.setMatrix(exports.Renderer._localMatrixProperty, this.entity.transform.localMatrix);
             shaderData.setMatrix(exports.Renderer._worldMatrixProperty, worldMatrix);
             shaderData.setMatrix(exports.Renderer._mvMatrixProperty, mvMatrix);
-            shaderData.setMatrix(exports.Renderer._mvpMatrixProperty, mvpMatrix);
             shaderData.setMatrix(exports.Renderer._mvInvMatrixProperty, mvInvMatrix);
             shaderData.setMatrix(exports.Renderer._normalMatrixProperty, normalMatrix);
+            this._updateMVPShaderData(context, worldMatrix);
+        };
+        /**
+       * @internal
+       */ _proto._updateMVPShaderData = function _updateMVPShaderData(context, worldMatrix) {
+            var mvpMatrix = this._mvpMatrix;
+            Matrix.multiply(context.viewProjectionMatrix, worldMatrix, mvpMatrix);
+            this.shaderData.setMatrix(exports.Renderer._mvpMatrixProperty, mvpMatrix);
         };
         /**
        * @internal
@@ -19304,14 +19309,31 @@
      * @internal
      * Rendering context.
      */ var RenderContext = /*#__PURE__*/ function() {
-        var RenderContext = function RenderContext() {};
+        var RenderContext = function RenderContext() {
+            this._projectionParams = new Vector4();
+            this.flipProjection = false;
+        };
         var _proto = RenderContext.prototype;
-        _proto.applyVirtualCamera = function applyVirtualCamera(virtualCamera) {
+        _proto.applyVirtualCamera = function applyVirtualCamera(virtualCamera, flipProjection) {
             this.virtualCamera = virtualCamera;
+            this.flipProjection = flipProjection;
             var shaderData = this.camera.shaderData;
-            shaderData.setMatrix(RenderContext._viewMatrixProperty, virtualCamera.viewMatrix);
-            shaderData.setMatrix(RenderContext._projectionMatrixProperty, virtualCamera.projectionMatrix);
-            shaderData.setMatrix(RenderContext.vpMatrixProperty, virtualCamera.viewProjectionMatrix);
+            var viewMatrix = virtualCamera.viewMatrix, projectionMatrix = virtualCamera.projectionMatrix, viewProjectionMatrix = virtualCamera.viewProjectionMatrix;
+            if (flipProjection) {
+                Matrix.multiply(RenderContext._flipYMatrix, projectionMatrix, RenderContext._flipYProjectionMatrix);
+                Matrix.multiply(RenderContext._flipYProjectionMatrix, viewMatrix, RenderContext._flipYViewProjectionMatrix);
+                projectionMatrix = RenderContext._flipYProjectionMatrix;
+                viewProjectionMatrix = RenderContext._flipYViewProjectionMatrix;
+            }
+            this.viewMatrix = viewMatrix;
+            this.projectionMatrix = projectionMatrix;
+            this.viewProjectionMatrix = viewProjectionMatrix;
+            shaderData.setMatrix(RenderContext._viewMatrixProperty, viewMatrix);
+            shaderData.setMatrix(RenderContext._projectionMatrixProperty, projectionMatrix);
+            shaderData.setMatrix(RenderContext.vpMatrixProperty, viewProjectionMatrix);
+            var projectionParams = this._projectionParams;
+            projectionParams.set(flipProjection ? -1 : 1, virtualCamera.nearClipPlane, virtualCamera.farClipPlane, 0);
+            shaderData.setVector4(RenderContext._cameraProjectionProperty, projectionParams);
         };
         return RenderContext;
     }();
@@ -19321,12 +19343,24 @@
     (function() {
         RenderContext.pipelineStageKey = ShaderTagKey.getByName("pipelineStage");
     })();
+    (function() {
+        /** @internal */ RenderContext._flipYMatrix = new Matrix(1, 0, 0, 0, 0, -1);
+    })();
+    (function() {
+        RenderContext._cameraProjectionProperty = ShaderProperty.getByName("camera_ProjectionParams");
+    })();
     (function() {
         RenderContext._viewMatrixProperty = ShaderProperty.getByName("camera_ViewMat");
     })();
     (function() {
         RenderContext._projectionMatrixProperty = ShaderProperty.getByName("camera_ProjMat");
     })();
+    (function() {
+        RenderContext._flipYProjectionMatrix = new Matrix();
+    })();
+    (function() {
+        RenderContext._flipYViewProjectionMatrix = new Matrix();
+    })();
     var RenderData = /*#__PURE__*/ function() {
         var RenderData = function RenderData() {};
         var _proto = RenderData.prototype;
@@ -24438,6 +24472,9 @@
             // view-proj matrix
             Matrix.multiply(projectionMatrix, viewProjMatrix, viewProjMatrix);
             var originViewProjMatrix = cameraShaderData.getMatrix(RenderContext.vpMatrixProperty);
+            if (context.flipProjection) {
+                Matrix.multiply(RenderContext._flipYMatrix, viewProjMatrix, viewProjMatrix);
+            }
             cameraShaderData.setMatrix(RenderContext.vpMatrixProperty, viewProjMatrix);
             var compileMacros = Shader._compileMacros;
             ShaderMacroCollection.unionCollection(context.camera._globalShaderMacro, materialShaderData._macroCollection, compileMacros);
@@ -26743,6 +26780,8 @@
         this.viewMatrix = new Matrix();
         this.projectionMatrix = new Matrix();
         this.viewProjectionMatrix = new Matrix();
+        this.nearClipPlane = 0.1;
+        this.farClipPlane = 100;
         /** Only orth mode use. */ this.forward = new Vector3();
     };
     /**
@@ -27025,7 +27064,7 @@
     })();
     (function() {
         // prettier-ignore
-        /** @internal */ ShadowUtils._shadowMapCoordMatrix = new Matrix(0.5, 0.0, 0.0, 0.0, 0.0, 0.5, 0.0, 0.0, 0.0, 0.0, 0.5, 0.0, 0.5, 0.5, 0.5, 1.0);
+        /** @internal */ ShadowUtils._shadowMapCoordMatrix = new Matrix(0.5, 0.0, 0.0, 0.0, 0.0, -0.5, 0.0, 0.0, 0.0, 0.0, 0.5, 0.0, 0.5, 0.5, 0.5, 1.0);
     })();
     (function() {
         ShadowUtils._frustumCorners = [
@@ -27376,6 +27415,7 @@
                     rhi.viewport(x, y, shadowTileResolution, shadowTileResolution);
                     // for no cascade is for the edge,for cascade is for the beyond maxCascade pixel can use (0,0,0) trick sample the shadowMap
                     rhi.scissor(x + 1, y + 1, shadowTileResolution - 2, shadowTileResolution - 2);
+                    // @todo: It is more appropriate to prevent duplication based on `virtualCamera` at `RenderQueue#render`.
                     engine._renderCount++;
                     opaqueQueue.render(camera, exports.Layer.Everything, exports.PipelineStage.ShadowCaster);
                     alphaTestQueue.render(camera, exports.Layer.Everything, exports.PipelineStage.ShadowCaster);
@@ -27486,7 +27526,7 @@
             var sceneShaderData = this._camera.scene.shaderData;
             sceneShaderData.setVector2(CascadedShadowCasterPass._lightShadowBiasProperty, this._shadowBias);
             sceneShaderData.setVector3(CascadedShadowCasterPass._lightDirectionProperty, light.direction);
-            context.applyVirtualCamera(virtualCamera);
+            context.applyVirtualCamera(virtualCamera, true);
         };
         return CascadedShadowCasterPass;
     }(PipelinePass);
@@ -27672,19 +27712,25 @@
             var scene = camera.scene;
             var cullingResults = this._cullingResults;
             var sunlight = scene._lightManager._sunlight;
+            var depthOnlyPass = this._depthOnlyPass;
+            var depthPassEnabled = camera.depthTextureMode === exports.DepthTextureMode.PrePass && depthOnlyPass._supportDepthTexture;
+            var rt2DEnabled = camera.renderTarget && cubeFace == undefined;
             camera.engine._spriteMaskManager.clear();
             if (scene.castShadows && sunlight && sunlight.shadowType !== exports.ShadowType.None) {
                 this._cascadedShadowCaster.onRender(context);
             }
             cullingResults.reset();
             this._allSpriteMasks.length = 0;
-            context.applyVirtualCamera(camera._virtualCamera);
-            this._callRender(context);
+            context.applyVirtualCamera(camera._virtualCamera, depthPassEnabled || rt2DEnabled);
+            this._prepareRender(context);
             cullingResults.sort();
-            var depthOnlyPass = this._depthOnlyPass;
-            if (camera.depthTextureMode === exports.DepthTextureMode.PrePass && depthOnlyPass._supportDepthTexture) {
+            if (depthPassEnabled) {
                 depthOnlyPass.onConfig(camera);
                 depthOnlyPass.onRender(context, cullingResults);
+                if (!rt2DEnabled) {
+                    context.applyVirtualCamera(camera._virtualCamera, false);
+                    this._updateMVPShaderData(context);
+                }
             } else {
                 camera.shaderData.setTexture(exports.Camera._cameraDepthTextureProperty, camera.engine._whiteTexture2D);
             }
@@ -27801,9 +27847,9 @@
             (pass._renderState || material.renderState)._apply(engine, false, pass._renderStateDataMap, material.shaderData);
             rhi.drawPrimitive(mesh._primitive, mesh.subMesh, program);
         };
-        _proto._callRender = function _callRender(context) {
-            var engine = context.camera.engine;
+        _proto._prepareRender = function _prepareRender(context) {
             var camera = context.camera;
+            var engine = camera.engine;
             var renderers = camera.scene._componentsManager._renderers;
             var elements = renderers._elements;
             for(var i = renderers.length - 1; i >= 0; --i){
@@ -27822,6 +27868,15 @@
                 renderer._prepareRender(context);
             }
         };
+        _proto._updateMVPShaderData = function _updateMVPShaderData(context) {
+            var camera = context.camera;
+            var renderers = camera.scene._componentsManager._renderers;
+            var elements = renderers._elements;
+            for(var i = renderers.length - 1; i >= 0; --i){
+                var renderer = elements[i];
+                renderer._updateMVPShaderData(context, renderer.entity.transform.worldMatrix);
+            }
+        };
         _create_class$2(BasicRenderPipeline, [
             {
                 key: "defaultRenderPass",
@@ -27889,8 +27944,6 @@
             _this._shaderData = new ShaderData(ShaderDataGroup.Camera);
             _this._isCustomViewMatrix = false;
             _this._isCustomProjectionMatrix = false;
-            _this._nearClipPlane = 0.1;
-            _this._farClipPlane = 100;
             _this._fieldOfView = 45;
             _this._orthographicSize = 10;
             _this._isProjectionDirty = true;
@@ -28115,9 +28168,6 @@
             //@ts-ignore
             this._viewport._onValueChanged = null;
             this.engine.canvas._sizeUpdateFlagManager.removeListener(this._onPixelViewportChanged);
-            //@ts-ignore
-            this._viewport._onValueChanged = null;
-            this.engine.canvas._sizeUpdateFlagManager.removeListener(this._onPixelViewportChanged);
             this._entity = null;
             this._globalShaderMacro = null;
             this._frustum = null;
@@ -28173,7 +28223,7 @@
             shaderData.setVector3(exports.Camera._cameraForwardProperty, transform.worldForward);
             shaderData.setVector3(exports.Camera._cameraUpProperty, transform.worldUp);
             var depthBufferParams = this._depthBufferParams;
-            var farDivideNear = this._farClipPlane / this._nearClipPlane;
+            var farDivideNear = this.farClipPlane / this.nearClipPlane;
             depthBufferParams.set(1.0 - farDivideNear, farDivideNear, 0, 0);
             shaderData.setVector4(exports.Camera._cameraDepthBufferParamsProperty, depthBufferParams);
         };
@@ -28214,10 +28264,10 @@
                 get: /**
        * Near clip plane - the closest point to the camera when rendering occurs.
        */ function get() {
-                    return this._nearClipPlane;
+                    return this._virtualCamera.nearClipPlane;
                 },
                 set: function set(value) {
-                    this._nearClipPlane = value;
+                    this._virtualCamera.nearClipPlane = value;
                     this._projectionMatrixChange();
                 }
             },
@@ -28226,10 +28276,10 @@
                 get: /**
        * Far clip plane - the furthest point to the camera when rendering occurs.
        */ function get() {
-                    return this._farClipPlane;
+                    return this._virtualCamera.farClipPlane;
                 },
                 set: function set(value) {
-                    this._farClipPlane = value;
+                    this._virtualCamera.farClipPlane = value;
                     this._projectionMatrixChange();
                 }
             },
@@ -28365,11 +28415,11 @@
                     this._isProjectionDirty = false;
                     var aspectRatio = this.aspectRatio;
                     if (!virtualCamera.isOrthographic) {
-                        Matrix.perspective(MathUtil.degreeToRadian(this._fieldOfView), aspectRatio, this._nearClipPlane, this._farClipPlane, projectionMatrix);
+                        Matrix.perspective(MathUtil.degreeToRadian(this._fieldOfView), aspectRatio, this.nearClipPlane, this.farClipPlane, projectionMatrix);
                     } else {
                         var width = this._orthographicSize * aspectRatio;
                         var height = this._orthographicSize;
-                        Matrix.ortho(-width, width, -height, height, this._nearClipPlane, this._farClipPlane, projectionMatrix);
+                        Matrix.ortho(-width, width, -height, height, this.nearClipPlane, this.farClipPlane, projectionMatrix);
                     }
                     return projectionMatrix;
                 },
@@ -35969,6 +36019,7 @@
         Shader: Shader,
         ShaderData: ShaderData,
         ShaderFactory: ShaderFactory,
+        ShaderLib: ShaderLib,
         ShaderMacro: ShaderMacro,
         ShaderMacroCollection: ShaderMacroCollection,
         ShaderPass: ShaderPass,
@@ -40233,7 +40284,9 @@
         };
         GLTFUtils.getAccessorBuffer = function getAccessorBuffer(context, bufferViews, accessor) {
             var componentType = accessor.componentType;
-            var bufferView = bufferViews[accessor.bufferView];
+            var _accessor_bufferView;
+            var bufferViewIndex = (_accessor_bufferView = accessor.bufferView) != null ? _accessor_bufferView : 0;
+            var bufferView = bufferViews[bufferViewIndex];
             return context.get(exports.GLTFParserType.BufferView, accessor.bufferView).then(function(bufferViewData) {
                 var bufferIndex = bufferView.buffer;
                 var _bufferViewData_byteOffset;
@@ -40250,7 +40303,7 @@
                 // According to the glTF official documentation only byteStride not undefined is allowed
                 if (bufferStride !== undefined && bufferStride !== elementStride) {
                     var bufferSlice = Math.floor(byteOffset / bufferStride);
-                    var bufferCacheKey = accessor.bufferView + ":" + componentType + ":" + bufferSlice + ":" + accessorCount;
+                    var bufferCacheKey = bufferViewIndex + ":" + componentType + ":" + bufferSlice + ":" + accessorCount;
                     var accessorBufferCache = context.accessorBufferCache;
                     bufferInfo = accessorBufferCache[bufferCacheKey];
                     if (!bufferInfo) {
@@ -40291,7 +40344,8 @@
        * Get accessor data.
        */ GLTFUtils.getAccessorData = function getAccessorData(glTF, accessor, buffers) {
             var bufferViews = glTF.bufferViews;
-            var bufferView = bufferViews[accessor.bufferView];
+            var _accessor_bufferView;
+            var bufferView = bufferViews[(_accessor_bufferView = accessor.bufferView) != null ? _accessor_bufferView : 0];
             var arrayBuffer = buffers[bufferView.buffer];
             var accessorByteOffset = accessor.hasOwnProperty("byteOffset") ? accessor.byteOffset : 0;
             var bufferViewByteOffset = bufferView.hasOwnProperty("byteOffset") ? bufferView.byteOffset : 0;
@@ -41985,13 +42039,13 @@
                             break;
                     }
                     input[input.length - 1];
-                    sampleDataCollection.push({
+                    sampleDataCollection[j] = {
                         type: outputAccessor.type,
                         interpolation: samplerInterpolation,
                         input: input,
                         output: output,
                         outputSize: outputStride
-                    });
+                    };
                 });
                 promises.push(promise);
             };
@@ -41999,11 +42053,12 @@
             var glTF = context.glTF;
             var accessors = glTF.accessors, bufferViews = glTF.bufferViews;
             var channels = animationInfo.channels, samplers = animationInfo.samplers;
-            var sampleDataCollection = new Array();
+            var len = samplers.length;
+            var sampleDataCollection = new Array(len);
             var entities = context.get(exports.GLTFParserType.Entity);
             var promises = new Array();
             // parse samplers
-            for(var j = 0, m = samplers.length; j < m; j++)_loop(j);
+            for(var j = 0, m = len; j < m; j++)_loop(j);
             promises.push(context.get(exports.GLTFParserType.Scene));
             return Promise.all(promises).then(function() {
                 for(var j = 0, m = channels.length; j < m; j++){
@@ -44760,7 +44815,7 @@
     ], KHR_materials_anisotropy);
 
     //@ts-ignore
-    var version = "1.2.0-alpha.11";
+    var version = "1.2.0-alpha.13";
     console.log("Galacean engine version: " + version);
     for(var key in CoreObjects){
         Loader.registerClass(key, CoreObjects[key]);
@@ -44890,6 +44945,7 @@
     exports.Shader = Shader;
     exports.ShaderData = ShaderData;
     exports.ShaderFactory = ShaderFactory;
+    exports.ShaderLib = ShaderLib;
     exports.ShaderMacro = ShaderMacro;
     exports.ShaderMacroCollection = ShaderMacroCollection;
     exports.ShaderPass = ShaderPass;