mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2024-12-27 22:20:24 +00:00
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.
28 lines
629 B
GLSL
28 lines
629 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/crosswarp
|
|
// Author: Eke Péter <peterekepeter@gmail.com>
|
|
// License: MIT
|
|
|
|
vec4 transition(vec2 p) {
|
|
float x = progress;
|
|
x=smoothstep(.0,1.0,(x*2.0+p.x-1.0));
|
|
return mix(getFromColor((p-.5)*(1.-x)+.5), getToColor((p-.5)*x+.5), x);
|
|
}
|
|
|
|
|
|
void mainImage(out vec4 fragColor, in vec2 fragCoord, in vec2 resolution, in vec2 uv)
|
|
{
|
|
fragColor = transition(uv);
|
|
}
|