cheryglsljs 1.0.4 → 1.1.0

package/dist/cherry.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("Cherryglsl",[],n):"object"==typeof exports?exports.Cherryglsl=n():e.Cherryglsl=n()}(this,(()=>(()=>{"use strict";var e={d:(n,r)=>{for(var t in r)e.o(r,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:r[t]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{default:()=>o});var r={};e.r(r);function t(e=400,n=400){const r=new THREE.Scene,t=new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,.1,1e3),o=new THREE.WebGLRenderer({alpha:!0});return o.setSize(e,n),{Scene:r,camera:t,renderer:o}}const o={CherryWave:({container:e,image:n,speed:o=.05,strength:i=8,hover:a=!1})=>{if(!n)return void console.log("No image provided");(new THREE.TextureLoader).load(n.src,(d=>{const s={uImage:{value:d},uTime:{value:0},uStrength:{value:a?0:i}},c=t(e.clientWidth,e.clientHeight);let u;c.camera.position.z=190;new THREE.Raycaster;const l=new THREE.Vector2;function v(){const t=e.clientWidth,o=e.clientHeight,i=t/o,a=n.naturalWidth/n.naturalHeight;let d,l;i<a?(d=t,l=t/a):(l=o,d=o*a),u&&(c.Scene.remove(u),u.geometry.dispose(),u.material.dispose()),u=function(e,n){const t=new THREE.PlaneGeometry(e,n,100,100),o=new THREE.ShaderMaterial({vertexShader:"const vertexShader = `\r\n    varying vec2 vUv;\r\n    varying vec3 pos;\r\n    uniform float uTime;\r\n    uniform float uStrength;\r\n\r\n    void main() {\r\n    \r\n        vUv = uv;\r\n       \r\n        vec3 newPosition = position;\r\n\r\n        // Enhanced wave effect: move vertices in all directions\r\n        float waveX = uStrength * sin(10.0 * uv.y + uTime * 2.0);\r\n        float waveY = uStrength * cos(12.0 * uv.x + uTime * 1.5);\r\n        \r\n        float waveZ = uStrength * sin(10.0 * uv.x + uTime * 2.5);\r\n\r\n        newPosition.x += waveX;\r\n        newPosition.y += waveY;\r\n        newPosition.z += waveZ;\r\n\r\n        pos = (modelViewMatrix * vec4(newPosition, 1.0)).xyz;\r\n        gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0);\r\n    }\r\n`;\r\n\r\nexport default vertexShader;\r\n",fragmentShader:r.fragmentShader,uniforms:s});return new THREE.Mesh(t,o)}(d,l),c.mesh=u,c.Scene.add(u)}return a&&(e.addEventListener("mousemove",(function(n){const r=e.getBoundingClientRect();l.x=(n.clientX-r.left)/r.width*2-1,l.y=-(n.clientY-r.top)/r.height*2+1})),e.addEventListener("mouseenter",(()=>{gsap.to(s.uStrength,{value:i,duration:.5,ease:"power2.out"})})),e.addEventListener("mouseleave",(()=>{gsap.to(s.uStrength,{value:0,duration:.5,ease:"power2.out"})}))),e.innerHTML="",e.appendChild(c.renderer.domElement),window.addEventListener("resize",(function(){const n=e.clientWidth,r=e.clientHeight;c.renderer.setSize(n,r),c.renderer.setPixelRatio(window.devicePixelRatio),c.camera.aspect=n/r,c.camera.updateProjectionMatrix(),v()})),v(),function e(){s.uTime.value+=o,c.renderer.render(c.Scene,c.camera),requestAnimationFrame(e)}(),{mesh:c.mesh,geometry:c.geometry,renderer:c.renderer,Scene:c.Scene}}))}};return n})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("Cherryglsl",[],t):"object"==typeof exports?exports.Cherryglsl=t():e.Cherryglsl=t()}(this,(()=>(()=>{"use strict";var e={d:(t,o)=>{for(var r in o)e.o(o,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:o[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{default:()=>r});var o={};e.r(o);const r={CherryWave:o.default};return t})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cheryglsljs",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "A Three.js + GLSL-based wave effect library.",
   "main": "dist/cherry.js",
 "module": "dist/cherry.js",

package/src/cherry.js

@@ -1,7 +1,7 @@
 
+
 import CherryWave from "./effects/waveEffect/Effect";
 
-const Cherryglsl ={
+export default {
     CherryWave
-}
-export default Cherryglsl;
+}

package/src/effects/waveEffect/Effect.js

@@ -2,7 +2,7 @@ import createWaveAssets from '../../utils/init.js';
 import { fragmentShader } from './FragementShader.glsl.js';
 import vertexShader from './Vertexshader.glsl.js';
 
-const CherryWave = ({ container, image, speed = 0.05, strength = 8, hover = false }) => {
+export const CherryWave = ({ container, image, speed = 0.05, strength = 8, hover = false }) => {
   if (!image) {
     console.log("No image provided");
     return;
@@ -121,4 +121,3 @@ const CherryWave = ({ container, image, speed = 0.05, strength = 8, hover = fals
   });
 };
 
-export default CherryWave;

package/src/effects/waveEffect/Vertexshader.glsl.js

@@ -1,4 +1,4 @@
-const vertexShader = `
+export const vertexShader = `
     varying vec2 vUv;
     varying vec3 pos;
     uniform float uTime;
@@ -25,4 +25,4 @@ const vertexShader = `
     }
 `;
 
-export default vertexShader;
+