LIVECODING AND CHILL

vivo.frag

/* LIVECODING AND CHILL : bu3namigue con Pablito Labarta y Sol Sarratea

Para aprender más sobre shaders:
 - Book of Shaders https://thebookofshaders.com/
 - Curso introductorio https://curso.solquemal.com/
 - Shaders + Caos (curso en proceso) https://wikicaos.solquemal.com/

El siguiente código corre en The Force, editor online de GLSL creado por Shawn Lawson
Link: https://shawnlawson.github.io/The_Force/

Sol Sarratea
@solquemal
contact [a] solquemal.com
https://solquemal.com/
*/

void main () {
    // "Por píxel: Entra posición sale color"
    // [x,y] pos -> color = [r, g, b, a]
    
    vec2 pos = uv();// pos [x, y] con rango [-1, 1]x[-1,1]
    vec4 color;
    
    // Transformaciones del espacio
    //pos.x +=cos(time*0.1);
    //pos.y = abs(pos.y);
    //pos.y *=pos.x;
    //pos.y =fract(pos.y/pos.x+time*0.1)*1.2;
    
  
    //color.rb +=pos;
    //color += fract(pos.x/pos.y*2.+time); 
    /* Visibilizamos el rango de las posiciones con los canales de color:
       canal rojo: x
       canal azul: y */
    
    
    //pos.x = abs(pos.x);
    
    for (int i = 0; i < 64; i++) {
        //Descomentar linea 41 y comentar linea 42
        //float a = PI/5.+time*0.2; //El angulo no depende de la iteracion
        float a = PI/pow(0.99,float(i))+time*0.2;
        //Dirección del espejo
        vec2 dir = vec2(cos(a),sin(a)); // [1,0]
        float dist = dot(pos,dir);
      
        //Proyecto pixel caminando dirección opuesta al espejo 2 pasos
        pos -= 2.*min(dist,0.)*dir;
        
        //Rotacion
        pos = rotate(vec2(0.),pos, PI/3.);
        //Traslacion
        pos.y -= 0.05;
        //Escala 
        pos.y *= 1.0001;
        //Agrego 
       color += smoothstep(0.01,0.0, distance(pos.y,0.))*.3;
       color += smoothstep(0.001,0.0, distance(pos.y,.5))*.13;
       color += smoothstep(0.01,0.0, distance(pos.y,0.25))*.13;
    }
    
    vec4 papel = texture2D(channel0, (pos/vec2(resolution.x/resolution.y,1.)+1.)*0.5);
     /* Explicación de línea de arriba:
     uvN = gl_FragCoord.xy/resolution => [x, y] con rango [-1, 1]x[-1,1]
     uv = uvN *2. - 1;  
     (uv + 1)/2 = uvN 
     Acceso al código fuente de las funciones predeterminadas en The Force:
      https://github.com/shawnlawson/The_Force/blob/gh-pages/shaders/header.frag
     */
   
    float sello = smoothstep(0.3,0.6,1.-length(pos));
   
    color += (papel-sello);

	  gl_FragColor = color;
}

Kirigami Digital

<3