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); }

Gradient Overlay

edit

Triangulation Complex tessellation

edit

Color Contrast

edit

fire Flame Twisting

edit

edit

edit

organic portal Fluid Dynamics

edit

Fire sunset Glowing Embers

edit

edit

click to explore, then edit