@leafer/renderer 1.0.0-rc.9 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer/renderer",
-  "version": "1.0.0-rc.9",
+  "version": "1.0.1",
   "description": "@leafer/renderer",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -15,16 +15,16 @@
     "type": "git",
     "url": "https://github.com/leaferjs/leafer.git"
   },
-  "homepage": "https://github.com/leaferjs/leafer/tree/main/packages/renderer",
+  "homepage": "https://github.com/leaferjs/leafer/tree/main/packages/partner/renderer",
   "bugs": "https://github.com/leaferjs/leafer/issues",
   "keywords": [
     "leafer",
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/core": "1.0.0-rc.9"
+    "@leafer/core": "1.0.1"
   },
   "devDependencies": {
-    "@leafer/interface": "1.0.0-rc.9"
+    "@leafer/interface": "1.0.1"
   }
 }

package/src/Renderer.ts

@@ -19,6 +19,7 @@ export class Renderer implements IRenderer {
 
     public waitAgain: boolean
     public changed: boolean
+    public ignore: boolean
 
     public config: IRendererConfig = {
         usePartRender: true,
@@ -109,6 +110,11 @@ export class Renderer implements IRenderer {
         } else {
             this.requestLayout()
 
+            if (this.ignore) {
+                this.ignore = this.rendering = false
+                return
+            }
+
             this.emitRender(RenderEvent.BEFORE)
 
             if (this.config.usePartRender && this.totalTimes > 1) {
@@ -151,7 +157,7 @@ export class Renderer implements IRenderer {
         if (includes && !Debug.showRepaint) {
             canvas.clear()
         } else {
-            bounds.spread(1 + 1 / this.canvas.pixelRatio).ceil()
+            bounds.spread(10 + 1 / this.canvas.pixelRatio).ceil()
             canvas.clearWorld(bounds, true)
             canvas.clipWorld(bounds, true)
         }
@@ -182,13 +188,13 @@ export class Renderer implements IRenderer {
 
         this.target.__render(this.canvas, options)
 
-        this.renderBounds = realBounds || bounds
+        this.renderBounds = realBounds = realBounds || bounds
         this.renderOptions = options
-        this.totalBounds.isEmpty() ? this.totalBounds = this.renderBounds : this.totalBounds.add(this.renderBounds)
+        this.totalBounds.isEmpty() ? this.totalBounds = realBounds : this.totalBounds.add(realBounds)
 
         if (Debug.showHitView) this.renderHitView(options)
         if (Debug.showBoundsView) this.renderBoundsView(options)
-        this.canvas.updateRender()
+        this.canvas.updateRender(realBounds)
     }
 
     public renderHitView(_options: IRenderOptions): void { }
@@ -214,10 +220,13 @@ export class Renderer implements IRenderer {
         const startTime = Date.now()
         Platform.requestRender(() => {
             this.FPS = Math.min(60, Math.ceil(1000 / (Date.now() - startTime)))
-            if (this.changed) {
-                if (this.running && this.canvas.view) this.render()
+
+            if (this.running) {
+                this.target.emit(AnimateEvent.FRAME)
+                if (this.changed && this.canvas.view) this.render()
+                this.target.emit(RenderEvent.NEXT)
             }
-            if (this.running) this.target.emit(AnimateEvent.FRAME)
+
             if (this.target) this.__requestRender()
         })
     }
@@ -229,9 +238,14 @@ export class Renderer implements IRenderer {
             const bounds = new Bounds(0, 0, width, height)
             if (!bounds.includes(this.target.__world) || this.needFill || !e.samePixelRatio) {
                 this.addBlock(this.canvas.bounds)
-                this.target.forceUpdate('blendMode')
+                this.target.forceUpdate('surface')
+                return
             }
         }
+
+        // 需要象征性派发一下渲染事件
+        this.addBlock(new Bounds(0, 0, 1, 1))
+        this.changed = true
     }
 
     protected __onLayoutEnd(event: LayoutEvent): void {
@@ -271,9 +285,7 @@ export class Renderer implements IRenderer {
         if (this.target) {
             this.stop()
             this.__removeListenEvents()
-            this.target = null
-            this.canvas = null
-            this.config = null
+            this.target = this.canvas = this.config = null
         }
     }
 }

package/types/index.d.ts

@@ -12,6 +12,7 @@ declare class Renderer implements IRenderer {
     rendering: boolean;
     waitAgain: boolean;
     changed: boolean;
+    ignore: boolean;
     config: IRendererConfig;
     protected renderBounds: IBounds;
     protected renderOptions: IRenderOptions;