@canvas3/nuxt 0.1.9 → 0.1.11

package/dist/module.json

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

package/dist/runtime/constants/studio783Log.js

@@ -1,6 +1,6 @@
 export const studio783log = () => {
   console.log(`
-Animation package Canvas3 developed by
+Nuxt module Canvas3 developed by
 
  \u2588\u2588\u2588\u2588 \u2588\u2588\u2588\u2588\u2588 \u2588     \u2588 \u2588\u2588\u2588\u2588  \u2588\u2588\u2588  \u2588\u2588\u2588\u2588
 \u2588       \u2588   \u2588     \u2588 \u2588   \u2588  \u2588  \u2588    \u2588

package/dist/runtime/utils/canvas3/canvas3.d.ts

@@ -47,6 +47,7 @@ declare class Canvas3Class {
     removeScrollActiveElement(elNode: HTMLElement): void;
     removeMesh(id: string): void;
     addAnimationToRender(callBackName: string, callBackFunction: AnimationCallback): void;
+    removeAnimationFromRender(callBackName: string): void;
     addImageAsMesh(imgHtmlEl: HTMLImageElement, shaderName: string | null, meshId: string, meshUniforms: MeshMaterialUniform, activateMeshUniforms: MeshMaterialUniform): Promise<void>;
     composerPass(): void;
     setSize(): void;

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

@@ -240,6 +240,9 @@ class Canvas3Class {
   addAnimationToRender(callBackName, callBackFunction) {
     this.animations.set(callBackName, callBackFunction);
   }
+  removeAnimationFromRender(callBackName) {
+    this.animations.delete(callBackName);
+  }
   // addTextAsMSDF(shaderName: string, meshId: string, htmlEl: HTMLElement, textContent: string, theme: string, meshUniforms: MeshMaterialUniform, activateMeshUniforms: MeshMaterialUniform) {
   //   this.activateMeshUniformMap.set(meshId, activateMeshUniforms)
   //
@@ -481,12 +484,13 @@ class Canvas3Class {
           this.mouse.movementY
         );
     }
-    if (this.composer)
-      this.composer.render();
     for (const [_key, callback] of this.animations.entries()) {
-      if (callback) {
-        callback();
-      }
+      callback?.();
+    }
+    if (this.composer) {
+      this.composer.render();
+    } else if (this.renderer && this.camera) {
+      this.renderer.render(this.scene, this.camera);
     }
     try {
       requestAnimationFrame(this.render.bind(this));

package/dist/runtime/utils/exports.d.ts

@@ -4,6 +4,7 @@ export declare const Canvas3: {
     addMeshToScene: (mesh: Mesh) => void;
     getMeshFromSceneByName: (meshName: string) => import("three").Object3D<import("three").Object3DEventMap> | undefined;
     addAnimationToRender: (callBackName: string, callBackFunction: import("../types/types.js").AnimationCallback) => void;
+    removeAnimationFromRender: (callBackName: string) => void;
     addImageAsMesh: (imgHtmlEl: HTMLImageElement, shaderName: string | null, meshId: string, meshUniforms: import("../types/types.js").MeshMaterialUniform, activateMeshUniforms: import("../types/types.js").MeshMaterialUniform) => Promise<void>;
     getShaderMaterial: typeof getShaderMaterial;
     removeMesh: (imgHtmlEl: HTMLImageElement, shaderName: string | null, meshId: string, meshUniforms: import("../types/types.js").MeshMaterialUniform, activateMeshUniforms: import("../types/types.js").MeshMaterialUniform) => Promise<void>;
@@ -12,7 +13,7 @@ export declare const Canvas3: {
     setMeshPositionsUpdate: (state: boolean) => void;
     scrollToTop: (delay?: number) => void;
     getScrollSpeed: () => number | null;
-    readonly renderer: import("three").WebGLRenderer | null;
-    readonly scene: import("three").Scene;
-    readonly camera: import("three").PerspectiveCamera | null;
+    getCamera: () => import("three").PerspectiveCamera | null;
+    getRenderer: () => import("three").WebGLRenderer | null;
+    getScene: () => import("three").Scene;
 };

package/dist/runtime/utils/exports.js

@@ -8,6 +8,7 @@ export const Canvas3 = {
     return mainClass.scene.getObjectByName(meshName);
   },
   addAnimationToRender: mainClass.addAnimationToRender.bind(mainClass),
+  removeAnimationFromRender: mainClass.removeAnimationFromRender.bind(mainClass),
   addImageAsMesh: mainClass.addImageAsMesh.bind(mainClass),
   getShaderMaterial,
   removeMesh: mainClass.addImageAsMesh.bind(mainClass),
@@ -18,13 +19,7 @@ export const Canvas3 = {
   getScrollSpeed: () => {
     return mainClass.scroll?.speed ?? null;
   },
-  get renderer() {
-    return mainClass.renderer;
-  },
-  get scene() {
-    return mainClass.scene;
-  },
-  get camera() {
-    return mainClass.camera;
-  }
+  getCamera: () => mainClass.camera,
+  getRenderer: () => mainClass.renderer,
+  getScene: () => mainClass.scene
 };

package/package.json

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