@canvas3/nuxt 0.1.13 → 0.1.15

package/dist/module.json

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

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

@@ -53,7 +53,7 @@ declare class Canvas3Class {
     setSize(): void;
     scrollToTop(delay?: number): void;
     scrollTo(position: number, delay?: number): void;
-    scrollToElBySelector(elQuerySelector: string, delay?: number): void;
+    scrollToElBySelector(elQuerySelector: string, delay?: number, margin?: number): void;
     setMeshPositionsUpdate(state: boolean): void;
     render(): void;
 }

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

@@ -464,12 +464,12 @@ class Canvas3Class {
       this.scroll?.render(position, true);
     }, delay);
   }
-  scrollToElBySelector(elQuerySelector, delay = 0) {
+  scrollToElBySelector(elQuerySelector, delay = 0, margin = 0) {
     const element = document.querySelector(elQuerySelector);
     if (!element) return;
     const position = element.offsetTop;
     setTimeout(() => {
-      this.scroll?.render(position, true);
+      this.scroll?.render(position + margin, true);
     }, delay * 1e3);
   }
   setMeshPositionsUpdate(state) {
@@ -486,19 +486,21 @@ class Canvas3Class {
     if (this.animateImageMesh) {
       this.resizeImageStore();
     }
-    for (const material of this.materials) {
-      if (material.uniforms.uTime)
-        material.uniforms.uTime.value = this.time;
-      if (material.uniforms.uMouse)
-        material.uniforms.uMouse.value = new THREE.Vector2(
-          this.mouse.x,
-          this.mouse.y
-        );
-      if (material.uniforms.uMouseMovement)
-        material.uniforms.uMouseMovement.value = new THREE.Vector2(
-          this.mouse.movementX,
-          this.mouse.movementY
-        );
+    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
+          );
+      }
     }
     for (const [_key, callback] of this.animations.entries()) {
       callback?.();

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

@@ -9,9 +9,11 @@ export declare const Canvas3: {
     getShaderMaterial: typeof getShaderMaterial;
     removeMesh: (id: string) => void;
     resizeOnChange: () => void;
-    scrollToElBySelector: (elQuerySelector: string, delay?: number) => void;
+    scrollToElBySelector: (elQuerySelector: string, delay?: number, margin?: number) => void;
     setMeshPositionsUpdate: (state: boolean) => void;
     scrollToTop: (delay?: number) => void;
+    scrollTo: (position: number, delay?: number) => void;
+    getScrollPosition: () => number | null;
     getScrollSpeed: () => number | null;
     getCamera: () => import("three").PerspectiveCamera | null;
     getRenderer: () => import("three").WebGLRenderer | null;

package/dist/runtime/utils/exports.js

@@ -16,6 +16,10 @@ export const Canvas3 = {
   scrollToElBySelector: mainClass.scrollToElBySelector.bind(mainClass),
   setMeshPositionsUpdate: mainClass.setMeshPositionsUpdate.bind(mainClass),
   scrollToTop: mainClass.scrollToTop.bind(mainClass),
+  scrollTo: mainClass.scrollTo.bind(mainClass),
+  getScrollPosition: () => {
+    return mainClass.scroll?.scrollRendered ?? null;
+  },
   getScrollSpeed: () => {
     return mainClass.scroll?.speed ?? null;
   },

package/package.json

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