optimize the update loop

Author: chiefcll

src/core/CoreNode.ts

@@ -65,6 +65,14 @@ export enum CoreNodeRenderState {
   InViewport = 8,
 }
 
+const NO_CLIPPING_RECT: RectWithValid = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  valid: false,
+};
+
 const CoreNodeRenderStateMap: Map<CoreNodeRenderState, string> = new Map();
 CoreNodeRenderStateMap.set(CoreNodeRenderState.Init, 'init');
 CoreNodeRenderStateMap.set(CoreNodeRenderState.OutOfBounds, 'outOfBounds');
@@ -1038,10 +1046,6 @@ export class CoreNode extends EventEmitter {
    * @param delta
    */
   update(delta: number, parentClippingRect: RectWithValid): void {
-    if (this.updateType === UpdateType.None) {
-      return;
-    }
-
     const props = this.props;
     const parent = props.parent;
     const parentHasRenderTexture = this.parentHasRenderTexture;
@@ -1052,6 +1056,9 @@ export class CoreNode extends EventEmitter {
     let updateType = this.updateType;
     let childUpdateType = this.childUpdateType;
     let updateParent = false;
+    // reset update type
+    this.updateType = 0;
+    this.childUpdateType = 0;
 
     if (updateType & UpdateType.Local) {
       this.updateLocalTransform();
@@ -1212,6 +1219,7 @@ export class CoreNode extends EventEmitter {
 
     if (this.renderState === CoreNodeRenderState.OutOfBounds) {
       updateType &= ~UpdateType.RenderBounds; // remove render bounds update
+      this.updateType = updateType;
       return;
     }
 
@@ -1229,26 +1237,25 @@ export class CoreNode extends EventEmitter {
     }
 
     if (updateType & UpdateType.Children && this.children.length > 0) {
+      let childClippingRect = this.clippingRect;
+
+      if (this.rtt === true) {
+        childClippingRect = NO_CLIPPING_RECT;
+      }
+
+      updateType &= ~UpdateType.RenderBounds; // remove render bounds update
+
       for (let i = 0, length = this.children.length; i < length; i++) {
         const child = this.children[i] as CoreNode;
 
-        child.setUpdateType(childUpdateType);
+        if (childUpdateType !== 0) {
+          child.setUpdateType(childUpdateType);
+        }
 
         if (child.updateType === 0) {
           continue;
         }
 
-        let childClippingRect = this.clippingRect;
-        if (this.rtt === true) {
-          childClippingRect = {
-            x: 0,
-            y: 0,
-            width: 0,
-            height: 0,
-            valid: false,
-          };
-        }
-
         child.update(delta, childClippingRect);
       }
     }
@@ -1283,10 +1290,6 @@ export class CoreNode extends EventEmitter {
         this.notifyChildrenRTTOfUpdate(renderState);
       }
     }
-
-    // reset update type
-    this.updateType = 0;
-    this.childUpdateType = 0;
   }
 
   private findParentRTTNode(): CoreNode | null {