forked from AuroraMiddleware/gtk
8bcb031418
Add adds a demo showing off GskGLShaderNode in various ways. It has a transistion widget, using some examples from gl-transitions.com, with child widgets being both images, a GL area and real widgets (that let you edit the transition shaders themselves. It also has a fancy fire effect on hove on the buttons.
35 lines
681 B
GLSL
35 lines
681 B
GLSL
uniform float progress;
|
|
uniform sampler2D u_texture1;
|
|
uniform sampler2D u_texture2;
|
|
|
|
vec4 getFromColor (vec2 uv) {
|
|
return GskTexture(u_texture1, uv);
|
|
}
|
|
|
|
vec4 getToColor (vec2 uv) {
|
|
return GskTexture(u_texture2, uv);
|
|
}
|
|
|
|
// Source: https://gl-transitions.com/editor/Radial
|
|
// License: MIT
|
|
// Author: Xaychru
|
|
|
|
const float smoothness = 1.0;
|
|
|
|
const float PI = 3.141592653589;
|
|
|
|
vec4 transition(vec2 p) {
|
|
vec2 rp = p*2.-1.;
|
|
return mix(
|
|
getToColor(p),
|
|
getFromColor(p),
|
|
smoothstep(0., smoothness, atan(rp.y,rp.x) - (progress-.5) * PI * 2.5)
|
|
);
|
|
}
|
|
|
|
|
|
void mainImage(out vec4 fragColor, in vec2 fragCoord, in vec2 resolution, in vec2 uv)
|
|
{
|
|
fragColor = transition(uv);
|
|
}
|