24:I[76198,["$4","$5","$6","$b"],"ShaderCover"] 29:I[408173,["$4","$5","$6"],"IconMark"] 25:T118a,// Generated from the homepage-background node graph. Every constant comes from a node. const float uScale = 3.0; const float uDetail = 3.0; const float uRough = 0.55; const float uDistort = 0.6; const vec3 uStops = vec3(0.5, 0.62, 0.74); const vec3 uC0 = vec3(0.0, 0.0, 0.0); const vec3 uC1 = vec3(0.8949, 0.2228, 0.029); const vec3 uC2 = vec3(0.005, 0.3294, 0.2486); const vec3 uSnap = vec3(0.04, 0.04, 1.0); const vec3 uOffset = vec3(0.02, 0.02, 0.5); const float uInCells = 25.0; const float uMaxLum = 0.3517; const vec2 uRadius = vec2(0.35, 0.05); const vec2 uDim = vec2(0.8, 0.2); const vec2 uLitRange = vec2(0.0, 0.25); const vec3 uBase = vec3(0.05, 0.05, 0.05); uint rot(uint x, uint k) { return (x << k) | (x >> (32u - k)); } void mixBits(inout uint a, inout uint b, inout uint c) { c ^= b; c -= rot(b, 14u); a ^= c; a -= rot(c, 11u); b ^= a; b -= rot(a, 25u); c ^= b; c -= rot(b, 16u); a ^= c; a -= rot(c, 4u); b ^= a; b -= rot(a, 14u); c ^= b; c -= rot(b, 24u); } uint hash2(uint kx, uint ky) { uint a = 0xdeadbeefu + (2u << 2u) + 13u; uint b = a; uint c = a; b += ky; a += kx; mixBits(a, b, c); return c; } uint hash3(uint kx, uint ky, uint kz) { uint a = 0xdeadbeefu + (3u << 2u) + 13u; uint b = a; uint c = a; c += kz; b += ky; a += kx; mixBits(a, b, c); return c; } float hashToFloat(vec2 k) { return float(hash2(floatBitsToUint(k.x), floatBitsToUint(k.y))) / float(0xFFFFFFFFu); } vec3 offset3(float seed) { return 100.0 + 100.0 * vec3(hashToFloat(vec2(seed, 0.0)), hashToFloat(vec2(seed, 1.0)), hashToFloat(vec2(seed, 2.0))); } float grad(uint hash, float x, float y, float z) { uint h = hash & 15u; float u = h < 8u ? x : y; float v = h < 4u ? y : ((h == 12u || h == 14u) ? x : z); return ((h & 1u) != 0u ? -u : u) + ((h & 2u) != 0u ? -v : v); } float fade(float t) { return t * t * t * (t * (t * 6.0 - 15.0) + 10.0); } float perlin(vec3 p) { vec3 i = floor(p); vec3 f = p - i; uint X = uint(int(i.x)); uint Y = uint(int(i.y)); uint Z = uint(int(i.z)); float u = fade(f.x); float v = fade(f.y); float w = fade(f.z); float x0 = mix( mix(grad(hash3(X, Y, Z), f.x, f.y, f.z), grad(hash3(X + 1u, Y, Z), f.x - 1.0, f.y, f.z), u), mix(grad(hash3(X, Y + 1u, Z), f.x, f.y - 1.0, f.z), grad(hash3(X + 1u, Y + 1u, Z), f.x - 1.0, f.y - 1.0, f.z), u), v); float x1 = mix( mix(grad(hash3(X, Y, Z + 1u), f.x, f.y, f.z - 1.0), grad(hash3(X + 1u, Y, Z + 1u), f.x - 1.0, f.y, f.z - 1.0), u), mix(grad(hash3(X, Y + 1u, Z + 1u), f.x, f.y - 1.0, f.z - 1.0), grad(hash3(X + 1u, Y + 1u, Z + 1u), f.x - 1.0, f.y - 1.0, f.z - 1.0), u), v); return 0.982 * mix(x0, x1, w); } float fbm(vec3 p) { float fscale = 1.0; float amp = 1.0; float maxamp = 0.0; float sum = 0.0; for (int i = 0; i <= int(uDetail); i++) { sum += perlin(fscale * p) * amp; maxamp += amp; amp *= uRough; fscale *= 2.0; } float rmd = uDetail - floor(uDetail); float whole = 0.5 * sum / maxamp + 0.5; if (rmd == 0.0) return whole; float sum2 = sum + perlin(fscale * p) * amp; return mix(whole, 0.5 * sum2 / (maxamp + amp) + 0.5, rmd); } float noiseTexture(vec3 co) { vec3 p = co * uScale; if (uDistort != 0.0) { p += vec3(perlin(p + offset3(0.0)), perlin(p + offset3(1.0)), perlin(p + offset3(2.0))) * uDistort; } return fbm(p); } float luminance(vec3 c) { return dot(c, vec3(0.2126, 0.7152, 0.0722)); } vec3 colorRamp(float f) { if (f <= uStops.x) return uC0; if (f < uStops.y) return mix(uC0, uC1, (f - uStops.x) / (uStops.y - uStops.x)); if (f < uStops.z) return mix(uC1, uC2, (f - uStops.y) / (uStops.z - uStops.y)); return uC2; } vec3 toSrgb(vec3 c) { return mix(c * 12.92, 1.055 * pow(c, vec3(1.0 / 2.4)) - 0.055, step(vec3(0.0031308), c)); } void mainImage(out vec4 fragColor, in vec2 fragCoord) { float plane = iResolution.y; vec3 co = vec3(fragCoord.x / plane + iTime * 0.012, fragCoord.y / plane, 0.5); vec3 center = floor(co / uSnap) * uSnap + uOffset; vec3 ramp = colorRamp(noiseTexture(center)); float light = luminance(ramp) / uMaxLum; float radius = sqrt(max(light, 0.0)) * uRadius.x + uRadius.y; float dist = distance(co, center) * uInCells; float inside = clamp((radius - dist) * (plane / uInCells) + 0.5, 0.0, 1.0); float lit = smoothstep(uLitRange.x, uLitRange.y, light); vec3 color = mix(uBase, ramp, lit); float strength = (lit * uDim.x + uDim.y) * inside; fragColor = vec4(toSrgb(color * strength), 1.0); } 1d:["$","div",null,{"className":"flex flex-[1_0_auto] flex-col","children":["$","div",null,{"className":"mx-auto w-full max-w-[1240px] px-5 sm:px-8 pb-24","children":[["$","header",null,{"className":"flex flex-wrap items-end gap-x-6 gap-y-3 border-b border-line pb-8 pt-14 sm:pt-20","children":[["$","div",null,{"aria-hidden":"true","className":"grid size-16 place-items-center rounded-full bg-sunken font-display text-2xl font-semibold uppercase text-muted ring-1 ring-line","children":"N"}],["$","div",null,{"className":"min-w-0","children":[["$","h1",null,{"className":"m-0 font-display text-[clamp(2rem,1.4rem+2.4vw,3.25rem)] font-semibold leading-none tracking-[-0.03em] text-fg","children":"NoodleBin"}],["$","p",null,{"className":"mt-2 text-[14px] text-muted tabular-nums","children":["@","noodlebin"," · ",1," graph",""]}]]}]]}],["$","div",null,{"className":"pt-10","children":["$","ul",null,{"className":"m-0 list-none columns-1 gap-x-6 p-0 sm:columns-2 lg:columns-3","children":[["$","li","homepage-background",{"className":"mb-10 animate-rise break-inside-avoid","style":{"animationDelay":"0ms"},"children":["$","$Lc",null,{"className":"group block rounded-lg text-inherit no-underline","href":"/p/homepage-background","children":[["$","div",null,{"className":"relative overflow-hidden rounded-lg bg-canvas ring-1 ring-line","children":[["$","div",null,{"className":"transition-transform duration-500 ease-out-quart group-hover:scale-[1.025]","children":["$","$L24",null,{"source":"$25","poster":null,"className":"aspect-[4/3]"}]}],"$L26",null]}],"$L27","$L28"]}]}]]}]}]]}]}] 1b:[["$","title","0",{"children":"NoodleBin · noodlebin"}],["$","meta","1",{"name":"description","content":"Copy Blender nodes to the browser and paste them back"}],["$","link","2",{"rel":"icon","href":"/icon.svg?icon.19bvozlv50-s5.svg","sizes":"any","type":"image/svg+xml"}],["$","$L29","3",{}]] 1f:null

The homepage background