Skip to content

vaishakhanil/threejs-glsl-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🥽 THREEJS + GLSL

Playing with Fragment Shaders!

Black + White MultiColor Blue + Yellow
Black/White multicolor Blue/Yellow

Fragment Shader & Vertex Shader

Fragment Shader from Lewis Lepton Shader Series Shader

🔸 Vertex Shader

varying vec2 vUv;
void main()	
{
    vUv = uv;
    gl_Position = vec4( position, 1.0 );
}

🔸 Fragment Shader

varying vec2 vUv;
uniform float time;
uniform float k;

void main()	{
    vec2 container = - 1.0 + 8.0 * vUv;
    float a = time * 40.0;
    for(int n=1;n<6;n++){
        float i = float(n);
        container += vec2(0.7/i*sin(i*container.y+time+0.3*i)*1.8,0.4/i*sin(container.x+time+0.3*i)*3.6);
    }
    vec3 color = vec3(sin(container.x+container.y)+0.5,sin(container.x+container.y)+0.5,sin(container.x+container)+0.5);
    gl_FragColor = vec4(color,1.0);
}

View on Codepen: vaishakhanil