@canvas3/nuxt 0.1.34 → 0.1.35

package/dist/module.json

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

package/dist/runtime/layouts/canvas3-layout.vue

@@ -38,7 +38,8 @@ watch(
       );
       emit("canvas3-ready");
     }
-  }
+  },
+  { immediate: true }
 );
 </script>
 

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

@@ -43,6 +43,7 @@ declare class Canvas3Class {
         yPrev: number;
     };
     init(canvasElement: HTMLElement, scrollableContent: HTMLElement, canvas3Options: Canvas3OptionsType): Promise<void>;
+    setScrollShaderByName(shaderName: string): void;
     setRenderDisabled(status: boolean): void;
     setCanvasAndCamera(): void;
     resizeOnChange(): void;

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

@@ -96,6 +96,15 @@ class Canvas3Class {
     this.canvasInitiated.value = true;
     studio783log();
   }
+  setScrollShaderByName(shaderName) {
+    const newShader = this.options.shaders[shaderName];
+    if (!newShader || !this.customPass) return;
+    this.myEffect.vertexShader = newShader.vertexShader;
+    this.myEffect.fragmentShader = newShader.fragmentShader;
+    this.customPass.material.vertexShader = newShader.vertexShader;
+    this.customPass.material.fragmentShader = newShader.fragmentShader;
+    this.customPass.material.needsUpdate = true;
+  }
   setRenderDisabled(status) {
     if (!status && this.renderDisabled) {
       this.renderDisabled = false;

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

@@ -22,4 +22,5 @@ export declare const Canvas3: {
     getCamera: () => import("three").PerspectiveCamera | null;
     getRenderer: () => import("three").WebGLRenderer | null;
     getScene: () => import("three").Scene;
+    setScrollShaderByName: (shaderName: string) => void;
 };

package/dist/runtime/utils/exports.js

@@ -31,5 +31,6 @@ export const Canvas3 = {
   },
   getCamera: () => mainClass.camera,
   getRenderer: () => mainClass.renderer,
-  getScene: () => mainClass.scene
+  getScene: () => mainClass.scene,
+  setScrollShaderByName: mainClass.setScrollShaderByName.bind(mainClass)
 };

package/package.json

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