Built-in functions | Sin - Shader Learning

Sin

Create an image with a repeating pattern of red and black circles using 5 periods of sine and pixel-to-center distance. This will create a repeating pattern of peaks and troughs. Finally, bring the values of the sine to the interval from 0 to 1 and apply the red color to the circles based on that value. Use a value of 3.14 for π.

Previous Next

fragment.glsl

uniform vec2 iResolution;

const float PI = 3.14;

void main() {

vec2 uv = gl_FragCoord.xy / iResolution.xy;

gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0);

}

Expected

Output