/* This shader combines a dynamic 4D hypercube structure with melancholic hues and subtle oscillations for a visually soothing effect. */ precision mediump float; varying vec2 uv; uniform float time, width, height; vec2 rot(vec2 p, float a) { float c = cos(a), s = sin(a); return mat2(c, -s, s, c) * p; } float sdBox(vec3 p, vec3 b) { vec3 d = abs(p) - b; return length(max(d, 0.0)) + min(max(d.x, max(d.y, d.z)), 0.0); } float map(vec3 p) { p.xy = rot(p.xy, time * 0.5); p.xz = rot(p.xz, time * 0.3); return sdBox(p, vec3(0.3)); } vec3 getColor(float d) { // Map distance to melancholic hue gradient float hue = 0.5 + 0.4 * sin(d * 3.0 + time); float saturation = 0.6; float value = 0.8; vec3 col = vec3(hue, saturation, value); // Convert HSV to RGB float c = value * saturation; float x = c * (1.0 - abs(mod(hue * 6.0, 2.0) - 1.0)); float m = value - c; if (0.0 <= hue && hue < 1.0 / 6.0) col = vec3(c, x, 0.0); else if (1.0 / 6.0 <= hue && hue < 2.0 / 6.0) col = vec3(x, c, 0.0); else if (2.0 / 6.0 <= hue && hue < 3.0 / 6.0) col = vec3(0.0, c, x); else if (3.0 / 6.0 <= hue && hue < 4.0 / 6.0) col = vec3(0.0, x, c); else if (4.0 / 6.0 <= hue && hue < 5.0 / 6.0) col = vec3(x, 0.0, c); else col = vec3(c, 0.0, x); return col + m; } void main() { // Normalize the UV coordinates for square aspect ratio vec2 fragCoord = vec2((uv.x - 0.5) * max(width / height, 1.0) + 0.5, (uv.y - 0.5) * max(height / width, 1.0) + 0.5); vec3 ro = vec3(0.0, 0.0, 2.0); vec3 rd = normalize(vec3(fragCoord - 0.5, -1.0)); float t = 0.0; float d; for (int i = 0; i < 64; i++) { vec3 p = ro + t * rd; d = map(p); if (d < 0.001) break; t += d * 0.5; } vec3 col = getColor(d); gl_FragColor = vec4(col, 1.0); }

edit

edit

edit

spinning progress bar Inverse rotation

edit

hypercubes in 4th dimension Non-Euclidean Movements

edit

Melancholic Hue

edit

edit

Pastel Hues

edit

edit

click to explore, then edit