float saturateFloat(float valueIn) { return clamp(valueIn, 0.0, 1.0); } float hashFloat(float valueIn) { return fract(sin(valueIn * 127.113 + 19.17) * 43758.5453123); } float hashVec2(vec2 valueIn) { return fract(sin(dot(valueIn, vec2(127.1, 311.7))) * 43758.5453123); } float noiseVec2(vec2 positionIn) { vec2 cellBase = floor(positionIn); vec2 cellFrac = fract(positionIn); vec2 smoothFrac = cellFrac * cellFrac * (vec2(3.0) - 2.0 * cellFrac); float cornerA = hashVec2(cellBase + vec2(0.0, 0.0)); float cornerB = hashVec2(cellBase + vec2(1.0, 0.0)); float cornerC = hashVec2(cellBase + vec2(0.0, 1.0)); float cornerD = hashVec2(cellBase + vec2(1.0, 1.0)); float mixAB = mix(cornerA, cornerB, smoothFrac.x); float mixCD = mix(cornerC, cornerD, smoothFrac.x); return mix(mixAB, mixCD, smoothFrac.y); } float fbmValue(vec2 positionIn) { float valueOut = 0.0; valueOut += noiseVec2(positionIn) * 0.5000; valueOut += noiseVec2(positionIn * 2.03 + vec2(11.7, 4.2)) * 0.2500; valueOut += noiseVec2(positionIn * 4.11 + vec2(5.1, 19.6)) * 0.1250; valueOut += noiseVec2(positionIn * 8.07 + vec2(23.4, 8.8)) * 0.0625; return valueOut; } float sampleAudio(float freqIn, float historyIn) { vec2 audioUv = vec2(clamp(freqIn, 0.0, 1.0), clamp(historyIn, 0.0, 0.985)); float leftValue = texture(sound, audioUv).r; float rightValue = texture(sound2, audioUv).r; return (leftValue + rightValue) * 0.5; } vec2 quadCorner(float vertexIn) { vec2 cornerOut = vec2(0.0, 0.0); if (vertexIn < 0.5) { cornerOut = vec2(0.0, 0.0); } else if (vertexIn < 1.5) { cornerOut = vec2(1.0, 0.0); } else if (vertexIn < 2.5) { cornerOut = vec2(0.0, 1.0); } else if (vertexIn < 3.5) { cornerOut = vec2(0.0, 1.0); } else if (vertexIn < 4.5) { cornerOut = vec2(1.0, 0.0); } else { cornerOut = vec2(1.0, 1.0); } return cornerOut; } vec2 triangleCorner(float vertexIn) { vec2 cornerOut = vec2(0.0, 0.0); if (vertexIn < 0.5) { cornerOut = vec2(0.0, 1.0); } else if (vertexIn < 1.5) { cornerOut = vec2(-0.8660254, -0.5); } else { cornerOut = vec2(0.8660254, -0.5); } return cornerOut; } vec4 projectWorld(vec3 worldIn) { float cameraDepth = worldIn.z + 5.8; if (cameraDepth < 0.75) { cameraDepth = 0.75; } float focalLength = 2.08; float clipX = (worldIn.x * focalLength) / (cameraDepth * aspectRatio); float clipY = ((worldIn.y - 0.58) * focalLength) / cameraDepth; float clipZ = clamp(cameraDepth / 13.5, 0.0, 1.0) * 2.0 - 1.0; return vec4(clipX, clipY, clipZ, 1.0); } void buildMountain(float localIdIn, float segmentCountIn, out vec4 clipOut, out vec4 colorOut) { float vertexInQuad = mod(localIdIn, 6.0); vec2 quadUvRaw = quadCorner(vertexInQuad); float quadX = quadUvRaw.x; float quadY = quadUvRaw.y; float cellId = floor(localIdIn / 6.0); float columns = 128.0; float totalCells = floor(segmentCountIn / 6.0); float rows = floor((totalCells + columns - 1.0) / columns); if (rows < 1.0) { rows = 1.0; } float cellX = mod(cellId, columns); float cellY = floor(cellId / columns); float surfaceU = (cellX + quadX) / columns; float surfaceV = (cellY + quadY) / rows; surfaceU = saturateFloat(surfaceU); surfaceV = saturateFloat(surfaceV); float centeredU = surfaceU * 2.0 - 1.0; float worldX = centeredU * 5.15; float worldZ = mix(1.35, 5.35, surfaceV); float peakA = exp(-pow((worldX + 1.48) / 0.58, 2.0)) * 1.34; float peakB = exp(-pow((worldX - 0.05) / 0.38, 2.0)) * 1.72; float peakC = exp(-pow((worldX - 1.23) / 0.64, 2.0)) * 1.18; float peakD = exp(-pow((worldX + 2.45) / 0.92, 2.0)) * 0.62; float ridgePeak = max(max(peakA, peakB), max(peakC, peakD)); float broadMass = exp(-worldX * worldX / 10.5) * 0.72; float depthRise = surfaceV * 0.92 + sin(surfaceV * 3.14159265) * 0.44; float terrainNoise = fbmValue(vec2(worldX * 0.72, worldZ * 0.78)); float fineNoise = fbmValue(vec2(worldX * 2.3 + 7.0, worldZ * 1.6)); float historyMountain = clamp(surfaceV * 0.78 + abs(centeredU) * 0.10, 0.0, 0.985); float lowMountain = sampleAudio(0.045, historyMountain); float midMountain = sampleAudio(0.210, historyMountain * 0.82); float highMountain = sampleAudio(0.720, historyMountain * 0.64); float mountainHeight = -0.92; mountainHeight += (ridgePeak + broadMass) * depthRise; mountainHeight += (terrainNoise - 0.48) * 0.38; mountainHeight += (fineNoise - 0.5) * 0.09; mountainHeight += lowMountain * ridgePeak * 0.30; mountainHeight += midMountain * sin(time * 0.43 + worldX * 4.1 + worldZ * 1.35) * 0.055; worldX += sin(time * 0.19 + worldZ * 1.7 + worldX * 0.33) * midMountain * 0.035; vec3 mountainWorld = vec3(worldX, mountainHeight, worldZ); clipOut = projectWorld(mountainWorld); float rockAmount = saturateFloat((mountainHeight - 0.10) * 0.42 + ridgePeak * 0.20 + highMountain * 0.18); float snowAmount = saturateFloat((mountainHeight - 2.30) * 0.78 + highMountain * 0.22); float pineAmount = saturateFloat(1.0 - rockAmount * 0.72); vec3 pineColor = vec3(0.035, 0.115, 0.082); vec3 graniteColor = vec3(0.45, 0.455, 0.435); vec3 violetShade = vec3(0.105, 0.095, 0.150); vec3 snowColor = vec3(0.86, 0.90, 0.94); vec3 baseMountainColor = mix(violetShade, pineColor, pineAmount); baseMountainColor = mix(baseMountainColor, graniteColor, rockAmount); baseMountainColor = mix(baseMountainColor, snowColor, snowAmount); float sunriseRim = saturateFloat((surfaceV - 0.38) * 1.2) * saturateFloat(0.5 + 0.5 * centeredU); float audioGlow = highMountain * 0.20 + lowMountain * 0.08; vec3 rimColor = vec3(0.78, 0.58, 0.42) * sunriseRim * (0.16 + highMountain * 0.20); vec3 finalMountainColor = baseMountainColor + rimColor + vec3(0.05, 0.075, 0.10) * audioGlow; colorOut = vec4(finalMountainColor, 1.0); } void buildRiver(float localIdIn, float segmentCountIn, out vec4 clipOut, out vec4 colorOut) { float vertexInQuad = mod(localIdIn, 6.0); vec2 quadUvRaw = quadCorner(vertexInQuad); float quadX = quadUvRaw.x; float quadY = quadUvRaw.y; float cellId = floor(localIdIn / 6.0); float columns = 136.0; float totalCells = floor(segmentCountIn / 6.0); float rows = floor((totalCells + columns - 1.0) / columns); if (rows < 1.0) { rows = 1.0; } float cellX = mod(cellId, columns); float cellY = floor(cellId / columns); float riverU = (cellX + quadX) / columns; float riverV = (cellY + quadY) / rows; riverU = saturateFloat(riverU); riverV = saturateFloat(riverV); float across = riverU * 2.0 - 1.0; float worldZ = mix(-2.72, 1.22, riverV); float riverCenter = 0.28 * sin(worldZ * 1.12 + time * 0.18) + 0.12 * sin(worldZ * 2.25 - 0.7); float riverWidth = mix(4.72, 2.28, riverV); float worldX = riverCenter + across * riverWidth; float worldY = -1.08 + riverV * 0.25; float historyRiver = clamp(riverV * 0.82 + abs(across) * 0.13, 0.0, 0.985); float lowRiver = sampleAudio(0.060, historyRiver); float midRiver = sampleAudio(0.280, historyRiver); float highRiver = sampleAudio(0.780, historyRiver * 0.72); float waveA = sin(worldZ * 5.2 + worldX * 1.55 - time * 1.22); float waveB = sin(worldZ * 8.4 - worldX * 3.10 + time * 0.86); float waveC = sin((worldX + worldZ) * 11.0 - time * 1.75); worldY += waveA * midRiver * 0.052; worldY += waveB * highRiver * 0.032; worldY += waveC * lowRiver * 0.018; worldX += sin(time * 0.32 + worldZ * 2.1) * lowRiver * 0.045; vec3 riverWorld = vec3(worldX, worldY, worldZ); clipOut = projectWorld(riverWorld); float centerLane = 1.0 - saturateFloat(abs(across)); float bankGlow = smoothstep(0.68, 1.0, abs(across)); float rippleLight = saturateFloat((waveA * 0.5 + 0.5) * midRiver + (waveB * 0.5 + 0.5) * highRiver * 0.85); float longReflection = pow(centerLane, 2.2) * (0.28 + lowRiver * 0.52); float silverFleck = pow(saturateFloat(waveC * 0.5 + 0.5), 5.0) * highRiver; vec3 deepRiverColor = vec3(0.015, 0.055, 0.115); vec3 hanBlueColor = vec3(0.040, 0.210, 0.330); vec3 moonSilverColor = vec3(0.60, 0.82, 0.92); vec3 cityGoldColor = vec3(0.95, 0.58, 0.22); vec3 riverColor = mix(deepRiverColor, hanBlueColor, riverV * 0.48 + centerLane * 0.26); riverColor += moonSilverColor * (rippleLight * 0.22 + silverFleck * 0.30); riverColor += cityGoldColor * bankGlow * (0.08 + highRiver * 0.15); riverColor += vec3(0.05, 0.13, 0.18) * longReflection; colorOut = vec4(riverColor, 0.96); } void buildCity(float localIdIn, float segmentCountIn, out vec4 clipOut, out vec4 colorOut) { float vertexInQuad = mod(localIdIn, 6.0); vec2 quadUvRaw = quadCorner(vertexInQuad); float quadX = quadUvRaw.x; float quadY = quadUvRaw.y; float buildingId = floor(localIdIn / 6.0); float columns = 150.0; float buildingColumn = mod(buildingId, columns); float buildingRow = floor(buildingId / columns); float normalizedColumn = (buildingColumn + 0.5) / columns; float randomA = hashFloat(buildingId + 3.1); float randomB = hashFloat(buildingId + 41.7); float randomC = hashFloat(buildingId + 93.4); float worldZ = 0.52 + buildingRow * 0.085 + randomB * 0.035; float baseY = -0.78 + buildingRow * 0.034; float worldX = (normalizedColumn * 2.0 - 1.0) * 4.95 + (randomA - 0.5) * 0.052; float buildingWidth = 0.032 + randomB * 0.040; float bandFreq = 0.14 + randomC * 0.54; float midCity = sampleAudio(bandFreq, 0.0); float highCity = sampleAudio(0.64 + randomB * 0.25, randomA * 0.12); float heightShape = randomA * randomA; float buildingHeight = 0.105 + heightShape * 0.58; buildingHeight *= 0.78 + midCity * 0.62; float bridgeMask = smoothstep(0.485, 0.515, normalizedColumn) * (1.0 - smoothstep(0.555, 0.590, normalizedColumn)); buildingHeight = mix(buildingHeight, 0.060 + highCity * 0.050, bridgeMask); worldX += (quadX - 0.5) * buildingWidth; float worldY = baseY + quadY * buildingHeight; vec3 cityWorld = vec3(worldX, worldY, worldZ); clipOut = projectWorld(cityWorld); float windowPulse = highCity * (0.55 + 0.45 * sin(time * 1.8 + randomA * 19.0)); float topLight = smoothstep(0.74, 1.0, quadY); float warmWindow = smoothstep(0.34, 1.0, randomC + windowPulse * 0.42); vec3 buildingDark = vec3(0.035, 0.040, 0.060); vec3 glassBlue = vec3(0.055, 0.105, 0.155); vec3 windowGold = vec3(1.00, 0.64, 0.30); vec3 neonCyan = vec3(0.22, 0.70, 0.92); vec3 cityColor = mix(buildingDark, glassBlue, randomB * 0.75); cityColor += windowGold * warmWindow * (0.12 + highCity * 0.32); cityColor += neonCyan * topLight * highCity * 0.26; cityColor += vec3(0.38, 0.26, 0.18) * bridgeMask * (0.25 + midCity * 0.35); colorOut = vec4(cityColor, 1.0); } void buildSpark(float localIdIn, out vec4 clipOut, out vec4 colorOut) { float vertexInTriangle = mod(localIdIn, 3.0); vec2 triangleRaw = triangleCorner(vertexInTriangle); float triX = triangleRaw.x; float triY = triangleRaw.y; float sparkId = floor(localIdIn / 3.0); float randomA = hashFloat(sparkId + 5.3); float randomB = hashFloat(sparkId + 17.9); float randomC = hashFloat(sparkId + 71.2); float riverV = randomA; float across = randomB * 2.0 - 1.0; float worldZ = mix(-2.55, 1.08, riverV); float riverCenter = 0.28 * sin(worldZ * 1.12 + time * 0.18) + 0.12 * sin(worldZ * 2.25 - 0.7); float riverWidth = mix(4.60, 2.22, riverV); float highSpark = sampleAudio(0.58 + randomC * 0.36, riverV * 0.58); float midSpark = sampleAudio(0.24 + randomB * 0.18, riverV * 0.74); float glimmer = 0.5 + 0.5 * sin(time * (1.15 + randomC * 1.35) + randomA * 23.0); float sparkSize = 0.010 + highSpark * 0.045 + glimmer * midSpark * 0.018; float worldX = riverCenter + across * riverWidth; float worldY = -1.055 + riverV * 0.25; worldX += triX * sparkSize * (1.0 + riverV * 1.6); worldY += triY * sparkSize; vec3 sparkWorld = vec3(worldX, worldY, worldZ); clipOut = projectWorld(sparkWorld); vec3 coolSpark = vec3(0.52, 0.82, 1.00); vec3 warmSpark = vec3(1.00, 0.70, 0.30); vec3 sparkColor = mix(coolSpark, warmSpark, smoothstep(0.65, 1.0, abs(across))); sparkColor *= 0.38 + highSpark * 0.78 + glimmer * 0.24; colorOut = vec4(sparkColor, 0.88); } void main() { float mountainCount = floor(vertexCount * 0.450 / 6.0) * 6.0; float riverCount = floor(vertexCount * 0.340 / 6.0) * 6.0; float cityCount = floor(vertexCount * 0.150 / 6.0) * 6.0; float riverStart = mountainCount; float cityStart = mountainCount + riverCount; float sparkStart = mountainCount + riverCount + cityCount; vec4 clipResult = vec4(0.0, 0.0, 0.0, 1.0); vec4 colorResult = vec4(background.rgb, 1.0); if (vertexId < riverStart) { buildMountain(vertexId, mountainCount, clipResult, colorResult); } else if (vertexId < cityStart) { float localRiverId = vertexId - riverStart; buildRiver(localRiverId, riverCount, clipResult, colorResult); } else if (vertexId < sparkStart) { float localCityId = vertexId - cityStart; buildCity(localCityId, cityCount, clipResult, colorResult); } else { float localSparkId = vertexId - sparkStart; buildSpark(localSparkId, clipResult, colorResult); } gl_Position = clipResult; v_color = colorResult; }

VisualSong

VisualSong

Explore

Deep house viz

खामोश रास्ते

북한산과 한강

Pulsing heavy rain

Cosmic Nebula Scene

Pulsing Rusty Beams

Tech Wave Geometry

Barcode data art