precision mediump float; varying vec2 uv; uniform float time, width, height; // Hash function for noise creation float hash(vec2 p) { return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453); } float noise(vec2 p) { vec2 i = floor(p); vec2 f = fract(p); vec2 u = f * f * (3.0 - 2.0 * f); return mix(mix(hash(i + vec2(0.0, 0.0)), hash(i + vec2(1.0, 0.0)), u.x), mix(hash(i + vec2(0.0, 1.0)), hash(i + vec2(1.0, 1.0)), u.x), u.y); } // Distance function for terrain float terrain(vec3 p) { vec2 pos = p.xz * 10.0; float height = 0.5 * noise(pos); height += 0.25 * noise(pos * 2.0); height += 0.125 * noise(pos * 4.0); height += 0.0625 * noise(pos * 8.0); return p.y - height; } // Raymarching for terrain float rayMarchTerrain(vec3 ro, vec3 rd, out vec3 p) { float maxDist = 100.0; float t = 0.0; for (int i = 0; i < 256; i++) { p = ro + rd * t; float d = terrain(p); if (d < 0.001 || t > maxDist) break; t += d * 0.5; } return t; } // Noise function for clouds or waves float cloudNoise(vec3 p) { return noise(p.xy * 0.25) + 0.5 * noise(p.xy * 0.5) + 0.25 * noise(p.xy * 1.0); } // Distance function for clouds or waves float volumetricClouds(vec3 p, out vec3 localColor) { float density = exp(-p.y * 0.1) * cloudNoise(p * 0.1 + vec3(time * 0.05, 0.0, 0.0)); density = clamp(density, 0.0, 1.0); localColor = vec3(1.0) * density; return density; } // Raymarching for clouds or waves vec3 rayMarchClouds(vec3 ro, vec3 rd) { vec3 color = vec3(0.0); vec3 localColor; float T = 1.0; const int NUM_STEPS = 64; float stepSize = 0.1; for (int i = 0; i < NUM_STEPS; i++) { vec3 p = ro + rd * (stepSize * float(i)); float density = volumetricClouds(p, localColor); float alpha = density * 0.1; color = mix(color, localColor, alpha); T *= (1.0 - alpha); if (T < 0.01) break; } return color; } 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); // Camera setup vec3 ro = vec3(time * 0.5, 2.0, time * 0.5); vec3 rd = normalize(vec3(fragCoord - 0.5, -1.0)); // Raymarch to find the terrain surface vec3 p; float dist = rayMarchTerrain(ro, rd, p); // Apply dynamic depth shifts based on elevation vec3 color; float elevation = p.y; // Sunset inspired, fiery gradient for elevation if (elevation < 0.4) { color = vec3(0.8, 0.2, 0.1); // Fiery red } else if (elevation < 0.5) { color = vec3(1.0, 0.4, 0.1); // Bright orange } else if (elevation < 0.6) { color = vec3(1.0, 0.7, 0.2); // Sunset yellow } else if (elevation < 0.75) { color = vec3(0.8, 0.5, 0.3); // Warm brown } else { color = vec3(1.0, 1.0, 1.0); // Snowy peaks } // Adding elevation-based details to the terrain float detail = noise(p.xz * 16.0) * 0.1; color += vec3(detail); // Dynamic depth shift adding a fog-like effect based on distance float depthEffect = 1.0 - exp(-0.01 * dist * dist); color = mix(color, vec3(0.9, 0.3, 0.2), depthEffect); // Sunset red fog // Raymarch for clouds vec3 cloudColor = rayMarchClouds(ro, rd); // Combine terrain and cloud colors color = mix(color, cloudColor, 0.5); // Adjust for fiery sunset waves vec3 waveColor; float waveHeight = noise(vec2(p.x, time) * 10.0) * 0.1; if (elevation + waveHeight < 0.45) { waveColor = vec3(1.0, 0.6, 0.2); // Fiery wave crest } else if (elevation + waveHeight < 0.5) { waveColor = vec3(0.8, 0.2, 0.1); // Fiery wave body } color = mix(color, waveColor, 0.5); // Adding glowing ember effect (animated with noise) float ember = pow(noise(p.xz * 8.0 + vec2(time * 4.0, time * 2.0)), 8.0); vec3 emberColor = mix(color, vec3(1.0, 0.5, 0.1), ember); // Glowing embers gl_FragColor = vec4(emberColor, 1.0); }

edit

edit

Gradient overlays

edit

edit

Fire sunset Glowing Embers

edit

Sunset Palette

edit

Color Contrast

edit

Sun Solar flares

edit

Hue Cycling

edit

click to explore, then edit