cheryglsljs 1.0.3 → 1.0.8

package/dist/cherry.js

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("THREE"),require("gsap")):"function"==typeof define&&define.amd?define("Cherryglsl",["THREE","gsap"],r):"object"==typeof exports?exports.Cherryglsl=r(require("THREE"),require("gsap")):e.Cherryglsl=r(e.THREE,e.gsap)}(this,((e,r)=>(()=>{"use strict";var n={612:r=>{r.exports=e},787:e=>{e.exports=r}},t={};function o(e){var r=t[e];if(void 0!==r)return r.exports;var i=t[e]={exports:{}};return n[e](i,i.exports,o),i.exports}o.d=(e,r)=>{for(var n in r)o.o(r,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};o.r(i),o.d(i,{default:()=>u});var a={};o.r(a);var s=o(612);o(787);function d(e=400,r=400){const n=new s.Scene,t=new s.PerspectiveCamera(75,window.innerWidth/window.innerHeight,.1,1e3),o=new s.WebGLRenderer({alpha:!0});return o.setSize(e,r),{Scene:n,camera:t,renderer:o}}const u={CherryWave:({container:e,image:r,speed:n=.05,strength:t=8,hover:o=!1})=>{if(!r)return void console.log("No image provided");(new THREE.TextureLoader).load(r.src,(i=>{const s={uImage:{value:i},uTime:{value:0},uStrength:{value:o?0:t}},u=d(e.clientWidth,e.clientHeight);let c;u.camera.position.z=190;new THREE.Raycaster;const l=new THREE.Vector2;function v(){const n=e.clientWidth,t=e.clientHeight,o=n/t,i=r.naturalWidth/r.naturalHeight;let d,l;o<i?(d=n,l=n/i):(l=t,d=t*i),c&&(u.Scene.remove(c),c.geometry.dispose(),c.material.dispose()),c=function(e,r){const n=new THREE.PlaneGeometry(e,r,100,100),t=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:a.fragmentShader,uniforms:s});return new THREE.Mesh(n,t)}(d,l),u.mesh=c,u.Scene.add(c)}return o&&(e.addEventListener("mousemove",(function(r){const n=e.getBoundingClientRect();l.x=(r.clientX-n.left)/n.width*2-1,l.y=-(r.clientY-n.top)/n.height*2+1})),e.addEventListener("mouseenter",(()=>{gsap.to(s.uStrength,{value:t,duration:.5,ease:"power2.out"})})),e.addEventListener("mouseleave",(()=>{gsap.to(s.uStrength,{value:0,duration:.5,ease:"power2.out"})}))),e.innerHTML="",e.appendChild(u.renderer.domElement),window.addEventListener("resize",(function(){const r=e.clientWidth,n=e.clientHeight;u.renderer.setSize(r,n),u.renderer.setPixelRatio(window.devicePixelRatio),u.camera.aspect=r/n,u.camera.updateProjectionMatrix(),v()})),v(),function e(){s.uTime.value+=n,u.renderer.render(u.Scene,u.camera),requestAnimationFrame(e)}(),{mesh:u.mesh,geometry:u.geometry,renderer:u.renderer,Scene:u.Scene}}))}};return i})()));
+!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})()));

package/package.json

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

package/src/cherry.js

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

package/src/utils/init.js

@@ -1,5 +1,4 @@
-import *as THREE from 'three';
-import gsap from 'gsap';
+
 const Scene = () => new THREE.Scene();
 const camera = () => new THREE.PerspectiveCamera(
     75,