create-definedmotion 0.3.0 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-definedmotion",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Create a new DefinedMotion animation project",
   "author": "Hugo Olsson",
   "license": "Apache-2.0",

package/template/src/renderer/src/lib/scene/sceneClass.ts

@@ -399,6 +399,10 @@ export class AnimatedScene {
   const handleResize = (width: number) => {
     if (!width) return
 
+    if (this.isRendering) {
+      return
+    }
+
     // Respect the animation's logical aspect ratio
     const height = width / targetAspect
 
@@ -459,8 +463,13 @@ export class AnimatedScene {
     this.isRendering = true
     this.isPlaying = true
     this.stopControls()
+    
+    const ro = this.resizeObserver
+    ro?.disconnect()
+
     const renderName = generateID(10)
 
+
     const cpu_free_time = 5
     const div = this.container
     const originalPosition = div.style.position
@@ -513,6 +522,8 @@ export class AnimatedScene {
     div.style.zIndex = originalZIndex
 
     this.renderer.setSize(this.container.clientWidth, this.container.clientHeight)
+    ro?.observe(this.container)
+
     this.isPlaying = false
     await this.jumpToFrameAtIndex(0)
     this.renderCurrentFrame()