Turbulence fix mouse direction (#64)

* Fixed direction of mouse offset in turbulence * Updated CHANGELOG * 0.14.8
wix-incubator · Dec 24, 2024 · 5b77688 · 5b77688
1 parent da57c45
commit 5b77688
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+### 0.14.8 (2024-12-24)
+
+_Fixed:_
+
+-   Fixed direction of `u_mouse` offsets in `turbulence` effect.
+
 ### 0.14.7 (2024-12-19)
 
 _New:_

diff --git a/dist/index.cjs b/dist/index.cjs
@@ -2059,9 +2059,9 @@ const INPUT_TYPES = {
         'vec3 turbulenceSeed = vec3(gl_FragCoord.xy, u_time * 0.0001);',
     FRAGCOORD_XYZ: 'vec3 turbulenceSeed = vec3(gl_FragCoord.xyz);',
     FRAGCOORD_XY_MOUSE_TIME:
-        'vec3 turbulenceSeed = vec3(gl_FragCoord.xy + u_mouse * u_resolution * vec2(-1.0, 1.0), u_time * 0.0001);',
+        'vec3 turbulenceSeed = vec3(gl_FragCoord.xy - u_mouse * u_resolution, u_time * 0.0001);',
     FRAGCOORD_XY_MOUSE_Z:
-        'vec3 turbulenceSeed = vec3(gl_FragCoord.xy + u_mouse * u_resolution * vec2(-1.0, 1.0), gl_FragCoord.z);',
+        'vec3 turbulenceSeed = vec3(gl_FragCoord.xy - u_mouse * u_resolution, gl_FragCoord.z);',
 };
 
 turbulence.COLOR = OUTPUT_TYPES.COLOR;

diff --git a/index.umd.js b/index.umd.js
@@ -2063,9 +2063,9 @@ float turbulence (vec3 seed, vec2 frequency, int numOctaves, bool isFractal) {
             'vec3 turbulenceSeed = vec3(gl_FragCoord.xy, u_time * 0.0001);',
         FRAGCOORD_XYZ: 'vec3 turbulenceSeed = vec3(gl_FragCoord.xyz);',
         FRAGCOORD_XY_MOUSE_TIME:
-            'vec3 turbulenceSeed = vec3(gl_FragCoord.xy + u_mouse * u_resolution * vec2(-1.0, 1.0), u_time * 0.0001);',
+            'vec3 turbulenceSeed = vec3(gl_FragCoord.xy - u_mouse * u_resolution, u_time * 0.0001);',
         FRAGCOORD_XY_MOUSE_Z:
-            'vec3 turbulenceSeed = vec3(gl_FragCoord.xy + u_mouse * u_resolution * vec2(-1.0, 1.0), gl_FragCoord.z);',
+            'vec3 turbulenceSeed = vec3(gl_FragCoord.xy - u_mouse * u_resolution, gl_FragCoord.z);',
     };
 
     turbulence.COLOR = OUTPUT_TYPES.COLOR;

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "kampos",
-    "version": "0.14.7",
+    "version": "0.14.8",
     "description": "Tiny and fast effects compositor on WebGL",
     "registry": "https://registry.npmjs.org/",
     "main": "dist/index.cjs",

diff --git a/src/effects/turbulence.js b/src/effects/turbulence.js
@@ -150,9 +150,9 @@ const INPUT_TYPES = {
         'vec3 turbulenceSeed = vec3(gl_FragCoord.xy, u_time * 0.0001);',
     FRAGCOORD_XYZ: 'vec3 turbulenceSeed = vec3(gl_FragCoord.xyz);',
     FRAGCOORD_XY_MOUSE_TIME:
-        'vec3 turbulenceSeed = vec3(gl_FragCoord.xy + u_mouse * u_resolution * vec2(-1.0, 1.0), u_time * 0.0001);',
+        'vec3 turbulenceSeed = vec3(gl_FragCoord.xy - u_mouse * u_resolution, u_time * 0.0001);',
     FRAGCOORD_XY_MOUSE_Z:
-        'vec3 turbulenceSeed = vec3(gl_FragCoord.xy + u_mouse * u_resolution * vec2(-1.0, 1.0), gl_FragCoord.z);',
+        'vec3 turbulenceSeed = vec3(gl_FragCoord.xy - u_mouse * u_resolution, gl_FragCoord.z);',
 };
 
 turbulence.COLOR = OUTPUT_TYPES.COLOR;