cheryglsljs 1.0.1 → 1.0.3

package/dist/cherry.js

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

package/dist/cherry.js.LICENSE.txt

@@ -1,12 +1,3 @@
-/*!
- * GSAP 3.13.0
- * https://gsap.com
- *
- * @license Copyright 2008-2025, GreenSock. All rights reserved.
- * Subject to the terms at https://gsap.com/standard-license
- * @author: Jack Doyle, jack@greensock.com
-*/
-
 /**
  * @license
  * Copyright 2010-2025 Three.js Authors

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "cheryglsljs",
-  "version": "1.0.1",
-  "description": "\"It is threejs,glsl and gsap based js library\"",
-  "main": "src/cherry.js",
+  "version": "1.0.3",
+  "description": "A Three.js + GLSL-based wave effect library.",
+  "main": "dist/cherry.js",
+"module": "dist/cherry.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
     "build": "webpack",
     "start": "webpack serve"
   },
@@ -22,18 +22,19 @@
     "gsap": "^3.13.0",
     "three": "^0.176.0"
   },
-  "files": [
-    "dist/",
-    "src/"
-  ],
   "devDependencies": {
     "css-loader": "^6.8.1",
     "css-minimizer-webpack-plugin": "^5.0.1",
     "glsl-shader-loader": "^0.1.6",
     "mini-css-extract-plugin": "^2.7.6",
+    "raw-loader": "^4.0.2",
     "terser-webpack-plugin": "^5.3.9",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1"
-  }
+  },
+  "files": [
+    "dist/",
+    "src/"
+  ]
 }

package/src/cherry.js

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

package/src/utils/init.js

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