gl-transitions 1.43.0 → 1.45.0

package/transitions/tangentMotionBlur.glsl

@@ -0,0 +1,139 @@
+
+// License: MIT
+// Author: chenkai
+// ported from https://codertw.com/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80/671116/
+
+float rand (vec2 co) {
+  return fract(sin(dot(co.xy ,vec2(12.9898,78.233))) * 43758.5453);
+}
+ 
+// motion blur for texture from
+vec4 motionBlurFrom(vec2 _st, vec2 speed) {
+    vec2 texCoord = _st.xy / vec2(1.0).xy;
+    vec3 color = vec3(0.0);
+    float total = 0.0;
+    float offset = rand(_st);
+    for (float t = 0.0; t <= 20.0; t++) {
+        float percent = (t + offset) / 20.0;
+        float weight = 4.0 * (percent - percent * percent);
+        vec2 newuv = texCoord + speed * percent;
+        newuv = fract(newuv);
+        color += getFromColor(newuv).rgb * weight;
+        total += weight;
+    }
+    return vec4(color / total, 1.0);
+}
+
+// motion blur for texture to
+vec4 motionBlurTo(vec2 _st, vec2 speed) {
+    vec2 texCoord = _st.xy / vec2(1.0).xy;
+    vec3 color = vec3(0.0);
+    float total = 0.0;
+    float offset = rand(_st);
+    for (float t = 0.0; t <= 20.0; t++) {
+        float percent = (t + offset) / 20.0;
+        float weight = 4.0 * (percent - percent * percent);
+        vec2 newuv = texCoord + speed * percent;
+        newuv = fract(newuv);
+        color += getToColor(newuv).rgb * weight;
+        total += weight;
+    }
+    return vec4(color / total, 1.0);
+}
+
+
+// bezier in gpu
+float A(float aA1, float aA2) {
+    return 1.0 - 3.0 * aA2 + 3.0 * aA1;
+}
+float B(float aA1, float aA2) {
+    return 3.0 * aA2 - 6.0 * aA1;
+}
+float C(float aA1) {
+    return 3.0 * aA1;
+}
+float GetSlope(float aT, float aA1, float aA2) {
+    return 3.0 * A(aA1, aA2)*aT*aT + 2.0 * B(aA1, aA2) * aT + C(aA1);
+}
+float CalcBezier(float aT, float aA1, float aA2) {
+    return ((A(aA1, aA2)*aT + B(aA1, aA2))*aT + C(aA1))*aT;
+}
+float GetTForX(float aX, float mX1, float mX2) {
+    // iteration to solve
+    float aGuessT = aX;
+    for (int i = 0; i < 4; ++i) {
+        float currentSlope = GetSlope(aGuessT, mX1, mX2);
+        if (currentSlope == 0.0) return aGuessT;
+        float currentX = CalcBezier(aGuessT, mX1, mX2) - aX;
+        aGuessT -= currentX / currentSlope;
+    }
+    return aGuessT;
+}
+float KeySpline(float aX, float mX1, float mY1, float mX2, float mY2) {
+    if (mX1 == mY1 && mX2 == mY2) return aX; // linear
+    return CalcBezier(GetTForX(aX, mX1, mX2), mY1, mY2); // x to t, t to y
+}
+
+// norm distribution
+float normpdf(float x) {
+    return exp(-20.*pow(x-.5,2.));
+}
+
+vec2 rotateUv(vec2 uv, float angle, vec2 anchor, float zDirection) {
+    uv = uv - anchor; // anchor to origin
+    float s = sin(angle);
+	float c = cos(angle);
+	mat2 m = mat2(c, -s, s, c);
+    uv = m * uv;
+    uv += anchor; // anchor back
+    return uv;
+}
+
+
+
+vec4 transition (vec2 uv) {
+    
+    vec2 iResolution = vec2(100.0, 100.0); // screen size
+    
+    vec2 myst = uv;
+    float ratio = iResolution.x / iResolution.y; // screen ratio
+    float animationTime = progress; //getAnimationTime();
+    float easingTime = KeySpline(animationTime, .68,.01,.17,.98);
+    float blur = normpdf(easingTime);
+    float r = 0.;
+    float rotation = 180./180.*3.14159;
+    if (easingTime <= .5) {
+        r = rotation * easingTime;
+    } else {
+        r = -rotation + rotation * easingTime;
+    }
+
+    // rotation for current frame
+    vec2 mystCurrent = myst;
+    mystCurrent.y *= 1./ratio;
+    mystCurrent = rotateUv(mystCurrent, r, vec2(1., 0.), -1.);
+    mystCurrent.y *= ratio;
+    
+    // frame timeInterval by fps=30
+    float timeInterval = 0.0167*2.0;
+    if (easingTime <= .5) {
+        r = rotation * (easingTime+timeInterval);
+    } else {
+        r = -rotation + rotation * (easingTime+timeInterval);
+    }
+    
+    // rotation for next frame
+    vec2 mystNext = myst;
+    mystNext.y *= 1./ratio;
+    mystNext = rotateUv(mystNext, r, vec2(1., 0.), -1.);
+    mystNext.y *= ratio;
+    
+    // get speed at tagent direction
+    vec2 speed  = (mystNext - mystCurrent) / timeInterval * blur * 0.5;
+    if (easingTime <= .5) {
+        return motionBlurFrom(mystCurrent, speed);
+    } else {
+        return motionBlurTo(mystCurrent, speed);
+    }
+}
+

package/transitions/x_axis_translation.glsl

@@ -0,0 +1,18 @@
+// Author:lizhongjian
+// License: MIT
+
+vec4 transition (vec2 uv) {
+  vec2 newUV = uv;
+  newUV.x -= progress;
+  if(uv.x >= progress)
+  {
+    return getFromColor(newUV);
+  }
+
+  
+  return mix(
+    getFromColor(uv),
+    getToColor(uv),
+    progress
+  );
+}