@leafer/renderer 1.0.0-beta → 1.0.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer/renderer",
-  "version": "1.0.0-beta",
+  "version": "1.0.0-beta.11",
   "description": "@leafer/renderer",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -19,13 +19,14 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/event": "1.0.0-beta",
-    "@leafer/math": "1.0.0-beta",
-    "@leafer/data": "1.0.0-beta",
-    "@leafer/platform": "1.0.0-beta",
-    "@leafer/debug": "1.0.0-beta"
+    "@leafer/image": "1.0.0-beta.11",
+    "@leafer/event": "1.0.0-beta.11",
+    "@leafer/math": "1.0.0-beta.11",
+    "@leafer/data": "1.0.0-beta.11",
+    "@leafer/platform": "1.0.0-beta.11",
+    "@leafer/debug": "1.0.0-beta.11"
   },
   "devDependencies": {
-    "@leafer/interface": "1.0.0-beta"
+    "@leafer/interface": "1.0.0-beta.11"
   }
 }

package/src/Renderer.ts

@@ -1,5 +1,6 @@
 import { ILeaf, ILeaferCanvas, IRenderer, IRendererConfig, IEventListenerId, IBounds, IFunction, IRenderOptions } from '@leafer/interface'
-import { LayoutEvent, RenderEvent, ResizeEvent } from '@leafer/event'
+import { AnimateEvent, LayoutEvent, RenderEvent, ResizeEvent } from '@leafer/event'
+import { ImageManager } from '@leafer/image'
 import { Bounds } from '@leafer/math'
 import { DataHelper } from '@leafer/data'
 import { Platform } from '@leafer/platform'
@@ -42,6 +43,7 @@ export class Renderer implements IRenderer {
         this.canvas = canvas
         if (userConfig) this.config = DataHelper.default(userConfig, this.config)
         this.__listenEvents()
+        this.__requestRender()
     }
 
     public start(): void {
@@ -53,7 +55,6 @@ export class Renderer implements IRenderer {
     }
 
     public update(): void {
-        if (!this.changed) this.__requestRender()
         this.changed = true
     }
 
@@ -62,7 +63,10 @@ export class Renderer implements IRenderer {
     }
 
     public render(callback?: IFunction): void {
-        if (!(this.running)) return
+        if (!(this.running && this.canvas.view)) {
+            this.changed = true
+            return
+        }
 
         const { target } = this
         this.times = 0
@@ -74,6 +78,8 @@ export class Renderer implements IRenderer {
             this.emitRender(RenderEvent.START)
             this.renderOnce(callback)
             this.emitRender(RenderEvent.END, this.totalBounds)
+
+            ImageManager.clearRecycled()
         } catch (e) {
             debug.error(e)
         }
@@ -210,10 +216,12 @@ export class Renderer implements IRenderer {
     protected __requestRender(): void {
         const startTime = Date.now()
         Platform.requestRender(() => {
+            this.FPS = Math.min(60, Math.ceil(1000 / (Date.now() - startTime)))
             if (this.changed) {
-                this.FPS = Math.min(60, Math.ceil(1000 / (Date.now() - startTime)))
-                if (this.running) this.render()
+                if (this.running && this.canvas.view) this.render()
             }
+            if (this.running) this.target.emit(AnimateEvent.FRAME)
+            if (this.target) this.__requestRender()
         })
     }
 
@@ -235,7 +243,7 @@ export class Renderer implements IRenderer {
             if (item.updatedList) item.updatedList.list.some(leaf => {
                 empty = (!leaf.__world.width || !leaf.__world.height)
                 if (empty) {
-                    debug.warn(leaf.innerName, ': none bounds')
+                    if (!leaf.isLeafer) debug.warn(leaf.innerName, ': empty')
                     empty = (!leaf.isBranch || leaf.isBranchLeaf) // render object
                 }
                 return empty