@canvas3/nuxt 0.1.22 → 0.1.24

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "canvas-nuxt-layout",
   "configKey": "canvas3Layout",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/runtime/utils/canvas3/canvas3.js

@@ -12,6 +12,7 @@ import Scroll from "#canvas3-nuxt/utils/canvas3/scroll";
 import { defaultCanvas3Options } from "#canvas3-nuxt/constants/default-canvas3-options";
 import { studio783log } from "#canvas3-nuxt/constants/studio783Log";
 const canvasInitiated = ref(false);
+const ANIMATION_FALSE_STATE_DELAY = 0;
 class Canvas3Class {
   canvasInitiated = canvasInitiated;
   mouseMoveInProgress = false;
@@ -375,7 +376,13 @@ class Canvas3Class {
     this.meshPositionsUpdate = state;
   }
   setAnimationsToRender(state) {
-    this.animationsRender = state;
+    if (state) {
+      this.animationsRender = state;
+    } else {
+      setTimeout(() => {
+        this.animationsRender = state;
+      }, ANIMATION_FALSE_STATE_DELAY);
+    }
   }
   setAnimationToRender(callBackName, state, animationId) {
     const animationToUpdate = this.animations.get(callBackName);
@@ -385,7 +392,14 @@ class Canvas3Class {
     } else {
       animationToUpdate.animationIds.splice(animationToUpdate.animationIds.indexOf(animationId), 1);
     }
-    animationToUpdate.render = animationToUpdate.animationIds.length > 0;
+    const newState = animationToUpdate.animationIds.length > 0;
+    if (newState) {
+      animationToUpdate.render = newState;
+    } else {
+      setTimeout(() => {
+        animationToUpdate.render = newState;
+      }, ANIMATION_FALSE_STATE_DELAY);
+    }
   }
   externalAnimationsRender() {
     for (const [_key, callbackOption] of this.animations.entries()) {
@@ -412,21 +426,24 @@ class Canvas3Class {
     if (this.meshPositionsUpdate) {
       this.resizeImageStore();
     }
-    this.externalAnimationsRender();
+    if (this.animations.size > 0)
+      this.externalAnimationsRender();
     if (this.materials.length > 0) {
       for (const material of this.materials) {
         if (material.uniforms.uTime)
           material.uniforms.uTime.value = this.time;
-        if (material.uniforms.uMouse)
-          material.uniforms.uMouse.value.set(
-            this.mouse.x,
-            this.mouse.y
-          );
-        if (material.uniforms.uMouseMovement)
-          material.uniforms.uMouseMovement.value.set(
-            this.mouse.movementX,
-            this.mouse.movementY
-          );
+        if (this.mouseMoveInProgress) {
+          if (material.uniforms.uMouse)
+            material.uniforms.uMouse.value.set(
+              this.mouse.x,
+              this.mouse.y
+            );
+          if (material.uniforms.uMouseMovement)
+            material.uniforms.uMouseMovement.value.set(
+              this.mouse.movementX,
+              this.mouse.movementY
+            );
+        }
       }
     }
     if (this.composer) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canvas3/nuxt",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "publishConfig": {
     "access": "public"
   },