gl-transitions 1.52.0 → 1.53.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gl-transitions",
-  "version": "1.52.0",
+  "version": "1.53.0",
   "description": "The open collection of GL Transitions",
   "main": "index.js",
   "license": "MIT",

package/transitions/splitSlideInHorizontal.glsl

@@ -0,0 +1,22 @@
+// Author: OllyOllyOlly
+// License: MIT
+
+uniform bool reverse; // = false
+
+const vec2 boundMin = vec2(0.0, 0.0);
+const vec2 boundMax = vec2(1.0, 1.0);
+
+bool inBounds (vec2 p) {
+  return all(lessThan(boundMin, p)) && all(lessThan(p, boundMax));
+}
+
+vec4 transition (vec2 uv) {
+  float modifier = reverse ? -1.0 : 1.0;
+  vec2 toP = (uv.y > 0.5) ?
+    vec2((uv.x - (progress * modifier)) + modifier, uv.y) :
+    vec2((uv.x + (progress * modifier)) - modifier, uv.y);
+
+  vec2 fromP = uv;
+
+  return inBounds(toP) ? getToColor(toP) : getFromColor(fromP);
+}

package/transitions/splitSlideInOutHorizontal.glsl

@@ -0,0 +1,19 @@
+// Author: OllyOllyOlly
+// License: MIT
+
+uniform bool reverse; // = false
+
+const vec2 boundMin = vec2(0.0, 0.0);
+const vec2 boundMax = vec2(1.0, 1.0);
+
+bool inBounds (vec2 p) {
+  return all(lessThan(boundMin, p)) && all(lessThan(p, boundMax));
+}
+
+vec4 transition (vec2 uv) {
+  float modifier = (uv.y > 0.5 ? 1.0 : -1.0) * (reverse ? -1.0 : 1.0) ;
+  vec2 fromP = vec2(uv.x + (progress * modifier), uv.y);
+  vec2 toP = vec2((uv.x + (progress * modifier)) - modifier, uv.y);
+
+  return inBounds(fromP) ? getFromColor(fromP) : getToColor(toP);
+}

package/transitions/splitSlideInOutVertical.glsl

@@ -0,0 +1,19 @@
+// Author: OllyOllyOlly
+// License: MIT
+
+uniform bool reverse; // = false
+
+const vec2 boundMin = vec2(0.0, 0.0);
+const vec2 boundMax = vec2(1.0, 1.0);
+
+bool inBounds (vec2 p) {
+  return all(lessThan(boundMin, p)) && all(lessThan(p, boundMax));
+}
+
+vec4 transition (vec2 uv) {
+  float modifier = (uv.x > 0.5 ? 1.0 : -1.0) * (reverse ? -1.0 : 1.0) ;
+  vec2 fromP = vec2(uv.x, uv.y + (progress * modifier));
+  vec2 toP = vec2(uv.x, (uv.y + (progress * modifier)) - modifier);
+
+  return inBounds(fromP) ? getFromColor(fromP) : getToColor(toP);
+}

package/transitions/splitSlideInVertical.glsl

@@ -0,0 +1,20 @@
+// Author: OllyOllyOlly
+// License: MIT
+
+uniform bool reverse; // = false
+
+const vec2 boundMin = vec2(0.0, 0.0);
+const vec2 boundMax = vec2(1.0, 1.0);
+
+bool inBounds (vec2 p) {
+  return all(lessThan(boundMin, p)) && all(lessThan(p, boundMax));
+}
+
+vec4 transition (vec2 uv) {
+  float modifier = reverse ? -1.0 : 1.0;
+  vec2 p = (uv.x > 0.5) ?
+    vec2(uv.x, (uv.y - (progress * modifier)) + modifier) :
+    vec2(uv.x, (uv.y + (progress * modifier)) - modifier);
+
+  return inBounds(p) ? getToColor(p) : getFromColor(uv);
+}

package/transitions/splitSlideOutHorizontal.glsl

@@ -0,0 +1,18 @@
+// Author: OllyOllyOlly
+// License: MIT
+
+uniform bool reverse; // = false
+
+const vec2 boundMin = vec2(0.0, 0.0);
+const vec2 boundMax = vec2(1.0, 1.0);
+
+bool inBounds (vec2 p) {
+  return all(lessThan(boundMin, p)) && all(lessThan(p, boundMax));
+}
+
+vec4 transition (vec2 uv) {
+  float modifier = (uv.y > 0.5 ? 1.0 : -1.0) * (reverse ? -1.0 : 1.0) ;
+  vec2 p = vec2(uv.x + (progress * modifier), uv.y);
+
+  return inBounds(p) ? getFromColor(p) : getToColor(uv);
+}

package/transitions/splitSlideOutVertical.glsl

@@ -0,0 +1,18 @@
+// Author: OllyOllyOlly
+// License: MIT
+
+uniform bool reverse; // = false
+
+const vec2 boundMin = vec2(0.0, 0.0);
+const vec2 boundMax = vec2(1.0, 1.0);
+
+bool inBounds (vec2 p) {
+  return all(lessThan(boundMin, p)) && all(lessThan(p, boundMax));
+}
+
+vec4 transition (vec2 uv) {
+  float modifier = (uv.x > 0.5 ? 1.0 : -1.0) * (reverse ? -1.0 : 1.0) ;
+  vec2 p = vec2(uv.x, uv.y + (progress * modifier));
+
+  return inBounds(p) ? getFromColor(p) : getToColor(uv);
+}

package/transitions/zoomInOut.glsl

@@ -0,0 +1,29 @@
+// Author: OllyOllyOlly
+// License: MIT
+
+vec2 zoom(vec2 uv, float amount) {
+  return 0.5 + ((uv - 0.5) * (1.0-amount));
+}
+
+vec4 transition (vec2 uv) {
+  if(progress < 0.49) {
+    return mix(
+      getFromColor(zoom(uv, smoothstep(0.0, 1.0, progress * 2.0))),
+      getToColor(uv),
+      smoothstep(0.8, 1.0, progress)
+    );
+  } else if (progress < 0.51) {
+    return mix(
+    getFromColor(zoom(uv, smoothstep(0.0, 1.0, progress * 2.0))),
+    getToColor(zoom(uv, smoothstep(0.0, 1.0, (1.0 - progress) * 2.0))),
+    smoothstep(0.8, 1.0, progress)
+  );
+
+  } else {
+    return mix(
+      getToColor(zoom(uv, smoothstep(0.0, 1.0, (1.0 - progress) * 2.0))),
+      getFromColor(uv),
+      smoothstep(0.8, 1.0, 1.0 - progress)
+    );
+  }
+}