mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2024-11-15 05:00:09 +00:00
0092a08dfc
This adds a small demo of using OpenGL shaders, it renders a quad over the entire widget with a custom fragment shader. The coordinates and the uniform names are compatible with the ones on shadertoy.com (although some features, like texture inputs are missing currently). The default shader in the demo is https://www.shadertoy.com/view/wsjBD3 which is CC0, so it is redistributable by Gtk+ (most other shaders are CC-BY-NC-SA which isn't obviously compatible). I also added a set of buttons loading a few other CC0 shaders I found.
221 lines
4.9 KiB
GLSL
221 lines
4.9 KiB
GLSL
// Originally from: https://www.shadertoy.com/view/WlByzy
|
|
// License CC0: Neonwave style road, sun and city
|
|
// The result of a bit of experimenting with neonwave style colors.
|
|
|
|
#define PI 3.141592654
|
|
#define TAU (2.0*PI)
|
|
|
|
#define TIME iTime
|
|
#define RESOLUTION iResolution
|
|
|
|
vec3 hsv2rgb(vec3 c) {
|
|
const vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
|
|
vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
|
|
return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
|
|
}
|
|
|
|
float hash(in float co) {
|
|
return fract(sin(co*12.9898) * 13758.5453);
|
|
}
|
|
|
|
float hash(in vec2 co) {
|
|
return fract(sin(dot(co.xy ,vec2(12.9898,58.233))) * 13758.5453);
|
|
}
|
|
|
|
float psin(float a) {
|
|
return 0.5 + 0.5*sin(a);
|
|
}
|
|
|
|
float mod1(inout float p, float size) {
|
|
float halfsize = size*0.5;
|
|
float c = floor((p + halfsize)/size);
|
|
p = mod(p + halfsize, size) - halfsize;
|
|
return c;
|
|
}
|
|
|
|
float circle(vec2 p, float r) {
|
|
return length(p) - r;
|
|
}
|
|
|
|
float box(vec2 p, vec2 b) {
|
|
vec2 d = abs(p)-b;
|
|
return length(max(d,0.0)) + min(max(d.x,d.y),0.0);
|
|
}
|
|
|
|
float planex(vec2 p, float w) {
|
|
return abs(p.y) - w;
|
|
}
|
|
|
|
float planey(vec2 p, float w) {
|
|
return abs(p.x) - w;
|
|
}
|
|
|
|
float pmin(float a, float b, float k) {
|
|
float h = clamp( 0.5+0.5*(b-a)/k, 0.0, 1.0 );
|
|
return mix( b, a, h ) - k*h*(1.0-h);
|
|
}
|
|
|
|
float pmax(float a, float b, float k) {
|
|
return -pmin(-a, -b, k);
|
|
}
|
|
|
|
float sun(vec2 p) {
|
|
const float ch = 0.0125;
|
|
vec2 sp = p;
|
|
vec2 cp = p;
|
|
mod1(cp.y, ch*6.0);
|
|
|
|
float d0 = circle(sp, 0.5);
|
|
float d1 = planex(cp, ch);
|
|
float d2 = p.y+ch*3.0;
|
|
|
|
float d = d0;
|
|
d = pmax(d, -max(d1, d2), ch*2.0);
|
|
|
|
return d;
|
|
}
|
|
|
|
float city(vec2 p) {
|
|
float sd = circle(p, 0.5);
|
|
float cd = 1E6;
|
|
|
|
const float count = 5.0;
|
|
const float width = 0.1;
|
|
|
|
for (float i = 0.0; i < count; ++i) {
|
|
vec2 pp = p;
|
|
pp.x += i*width/count;
|
|
float nn = mod1(pp.x, width);
|
|
float rr = hash(nn+sqrt(3.0)*i);
|
|
float dd = box(pp-vec2(0.0, -0.5), vec2(0.02, 0.35*(1.0-smoothstep(0.0, 5.0, abs(nn)))*rr+0.1));
|
|
cd = min(cd, dd);
|
|
}
|
|
|
|
return max(sd,cd);
|
|
}
|
|
vec3 sunEffect(vec2 p) {
|
|
float aa = 4.0 / RESOLUTION.y;
|
|
|
|
vec3 col = vec3(0.1);
|
|
vec3 skyCol1 = hsv2rgb(vec3(283.0/360.0, 0.83, 0.16));
|
|
vec3 skyCol2 = hsv2rgb(vec3(297.0/360.0, 0.79, 0.43));
|
|
col = mix(skyCol1, skyCol2, pow(clamp(0.5*(1.0+p.y+0.1*sin(4.0*p.x+TIME*0.5)), 0.0, 1.0), 4.0));
|
|
|
|
p.y -= 0.375;
|
|
float ds = sun(p);
|
|
float dc = city(p);
|
|
|
|
float dd = circle(p, 0.5);
|
|
|
|
vec3 sunCol = mix(vec3(1.0, 1.0, 0.0), vec3(1.0, 0.0, 1.0), clamp(0.5 - 1.0*p.y, 0.0, 1.0));
|
|
vec3 glareCol = sqrt(sunCol);
|
|
vec3 cityCol = sunCol*sunCol;
|
|
|
|
col += glareCol*(exp(-30.0*ds))*step(0.0, ds);
|
|
|
|
|
|
float t1 = smoothstep(0.0, 0.075, -dd);
|
|
float t2 = smoothstep(0.0, 0.3, -dd);
|
|
col = mix(col, sunCol, smoothstep(-aa, 0.0, -ds));
|
|
col = mix(col, glareCol, smoothstep(-aa, 0.0, -dc)*t1);
|
|
col += vec3(0.0, 0.25, 0.0)*(exp(-90.0*dc))*step(0.0, dc)*t2;
|
|
|
|
// col += 0.3*psin(d*400);
|
|
|
|
return col;
|
|
}
|
|
|
|
float ground(vec2 p) {
|
|
p.y += TIME*80.0;
|
|
p *= 0.075;
|
|
vec2 gp = p;
|
|
gp = fract(gp) - vec2(0.5);
|
|
float d0 = abs(gp.x);
|
|
float d1 = abs(gp.y);
|
|
float d2 = circle(gp, 0.05);
|
|
|
|
const float rw = 2.5;
|
|
const float sw = 0.0125;
|
|
|
|
vec2 rp = p;
|
|
mod1(rp.y, 12.0);
|
|
float d3 = abs(rp.x) - rw;
|
|
float d4 = abs(d3) - sw*2.0;
|
|
float d5 = box(rp, vec2(sw*2.0, 2.0));
|
|
vec2 sp = p;
|
|
mod1(sp.y, 4.0);
|
|
sp.x = abs(sp.x);
|
|
sp -= vec2(rw - 0.125, 0.0);
|
|
float d6 = box(sp, vec2(sw, 1.0));
|
|
|
|
float d = d0;
|
|
d = pmin(d, d1, 0.1);
|
|
d = max(d, -d3);
|
|
d = min(d, d4);
|
|
d = min(d, d5);
|
|
d = min(d, d6);
|
|
|
|
return d;
|
|
}
|
|
|
|
vec3 groundEffect(vec2 p) {
|
|
vec3 ro = vec3(0.0, 20.0, 0.0);
|
|
vec3 ww = normalize(vec3(0.0, -0.025, 1.0));
|
|
vec3 uu = normalize(cross(vec3(0.0,1.0,0.0), ww));
|
|
vec3 vv = normalize(cross(ww,uu));
|
|
vec3 rd = normalize(p.x*uu + p.y*vv + 2.5*ww);
|
|
|
|
float distg = (-9.0 - ro.y)/rd.y;
|
|
|
|
const vec3 shineCol = 0.75*vec3(0.5, 0.75, 1.0);
|
|
const vec3 gridCol = vec3(1.0);
|
|
|
|
vec3 col = vec3(0.0);
|
|
if (distg > 0.0) {
|
|
vec3 pg = ro + rd*distg;
|
|
float aa = length(dFdx(pg))*0.0002*RESOLUTION.x;
|
|
|
|
float dg = ground(pg.xz);
|
|
|
|
col = mix(col, gridCol, smoothstep(-aa, 0.0, -(dg+0.0175)));
|
|
col += shineCol*(exp(-10.0*clamp(dg, 0.0, 1.0)));
|
|
col = clamp(col, 0.0, 1.0);
|
|
|
|
// col += 0.3*psin(dg*100);
|
|
col *= pow(1.0-smoothstep(ro.y*3.0, 220.0+ro.y*2.0, distg), 2.0);
|
|
}
|
|
|
|
return col;
|
|
}
|
|
|
|
vec3 postProcess(vec3 col, vec2 q) {
|
|
col = clamp(col,0.0,1.0);
|
|
// col=pow(col,vec3(0.75));
|
|
col=col*0.6+0.4*col*col*(3.0-2.0*col);
|
|
col=mix(col, vec3(dot(col, vec3(0.33))), -0.4);
|
|
col*=0.5+0.5*pow(19.0*q.x*q.y*(1.0-q.x)*(1.0-q.y),0.7);
|
|
return col;
|
|
}
|
|
|
|
vec3 effect(vec2 p, vec2 q) {
|
|
vec3 col = vec3(0.0);
|
|
|
|
vec2 off = vec2(0.0, 0.0);
|
|
|
|
col += sunEffect(p+off);
|
|
col += groundEffect(p+off);
|
|
|
|
col = postProcess(col, q);
|
|
return col;
|
|
}
|
|
|
|
void mainImage(out vec4 fragColor, vec2 fragCoord) {
|
|
vec2 q = fragCoord/iResolution.xy;
|
|
vec2 p = -1. + 2. * q;
|
|
p.x *= RESOLUTION.x / RESOLUTION.y;
|
|
|
|
vec3 col = effect(p, q);
|
|
|
|
fragColor = vec4(col, 1.0);
|
|
}
|