@leafer/renderer 1.0.0-beta.2 → 1.0.0-beta.5

package/package.json

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

package/src/Renderer.ts

@@ -1,5 +1,5 @@
 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 { Bounds } from '@leafer/math'
 import { DataHelper } from '@leafer/data'
 import { Platform } from '@leafer/platform'
@@ -42,6 +42,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 +54,6 @@ export class Renderer implements IRenderer {
     }
 
     public update(): void {
-        if (!this.changed) this.__requestRender()
         this.changed = true
     }
 
@@ -210,10 +210,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.target.emit(AnimateEvent.FRAME)
+            if (this.target) this.__requestRender()
         })
     }