@canvas3/nuxt 0.1.12 → 0.1.14

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "canvas-nuxt-layout",
   "configKey": "canvas3Layout",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "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

@@ -445,6 +445,7 @@ class Canvas3Class {
     this.height = this.canvasContainer?.offsetHeight ?? 0;
     if (this.camera) {
       this.camera.aspect = this.width / this.height;
+      this.camera.fov = 2 * Math.atan(this.height / 2 / 600) * (180 / Math.PI);
       this.camera.updateProjectionMatrix();
     }
     if (this.renderer) {
@@ -463,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) {

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

@@ -9,9 +9,10 @@ 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;
     getScrollSpeed: () => number | null;
     getCamera: () => import("three").PerspectiveCamera | null;
     getRenderer: () => import("three").WebGLRenderer | null;

package/dist/runtime/utils/exports.js

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

package/package.json

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