🖤
LA SHADER WIKI
  • LA SHADER WIKI
  • CURSOS
    • INTRODUCTORIOS
      • Live coding shaders por NODO Centro Cultral Digital
        • Motivaciones
        • Abril/Mayo 2022
          • Estructura de cada CLASE
          • CLASE 28/04
          • CLASE 05/05
          • CLASE 12/05
          • SDFs
          • Lista de funciones
        • Agosto/Septiembre 2021
        • Sobre nosotres
    • TEMÁTICOS
      • Computando visiones del CAOS en GLSL por CCEBA Media Lab
        • Clases
          • Clase 0
          • Clase 1
          • Clase 2
          • Clase 3
        • Material de consulta y referencia
        • Notas sobre referencias bibliográficas
          • Metamagical Themas: Questing for the Essence of Mind and Pattern by Douglas R. Hofstadter
          • Caos by James Gleick
          • The Fractal Geometry of Nature by Benoit Mandelbrot
        • Adicional: Noviembre 2022 - Grupo, presentaciones y generación de personajes
        • Quienes somos
      • Blobniverso: creación de universo moldeable a través del livecoding
        • Sobre el taller
          • Quienes somos
          • Herramientas
          • Código de conducta
        • Contenido
          • Presentación
          • Intro a GLSL
          • Introducción a mundos 3D
          • Cámara y Acción
          • Repaso + usando mouse y audio input
          • Luz
          • El Canvas como controller
          • Lista de funciones
          • Más referencias
        • Cositas
          • Demoscenes
          • Blobs
          • más cositas
  • CHARLAS
    • TALLER: INTRODUCCIÓN AL VIDEOARTE CON CÓDIGO
    • LIVECODING & CHILL
    • SHADER JAM
      • Cables.gl
      • Vedajs
        • Shjam
        • Demo Doodle grupal
      • Kodelife
  • workshops
    • 💻Live coding por TOPLAP BCN
      • Organización
        • Código de conducta
        • Herramientas
      • Bloque 0
      • Bloque 1
      • Bloque 2
      • Notas finales
      • BONUS
      • Cheatsheets
        • Funciones de GLSL
        • Transformaciones del espacio
        • Figuras
        • Color
        • Otras
  • RECURSOS
    • 📚Bibliografía
      • Tutoriales
      • Blogs
      • Historia
    • 🫂Comunidades
    • 📹Streams
    • ✍️Editores
      • 🕸️Frameworks
  • TRANSCURSO
    • 🥷Entrenamiento funcional
    • 🕯️TEMPLO DE SHADERS
    • ⚡PixelSpirit
Powered by GitBook
On this page
  • Slides
  • Notas
  • Presentación de The_Force
  • Script: sintaxis básica de un shader
  1. CURSOS
  2. TEMÁTICOS
  3. Blobniverso: creación de universo moldeable a través del livecoding
  4. Contenido

Presentación

PreviousContenidoNextIntro a GLSL

Last updated 2 months ago

Slides

Notas

GPU permite hace muchas operaciones en simultáneo. Esto implica que escribir programas que corran en la GPU permite que tengan mejor performance, y mayor complejidad.

Presentación de The_Force

Es un editor web de GLSL, que compila el código a medida que lo escribamos. A continuación las secciones que empiecen con la palabra Script: son para que puedan copiar y pegar el código en el editor online.

Vamos a usar una versión local para ello conectarse a: - red: Myfi - pass: makelovenotwar

Script: sintaxis básica de un shader

void main() {
    /* Declaracion de variables
       tipo nombre = valor; */

    // Numeros reales
    float numero_0 = 1.0;
    int numero_1 = 1;

    // Vectores 
    // 2 dimensiones [_ ,_ ]
    vec2 v2_0 = vec2(0.,1.);
    vec2 v2_1 = vec2(numero_0,numero_1);

    //3 dimensiones [_ ,_ ,_ ]
    vec3 v3_0 = vec3(0.,0.5,1.);
    vec3 v3_1 = vec3(v2_0,1.);
    vec3 v3_2 = vec3(v2_0,numero_0);

    //4 dimensiones [_ ,_ ,_ ,_ ]
    vec4 v4_0 = vec4(0.,0.25,0.5,1.);
    vec4 v4_1 = vec4(v2_0,v2_1);
    vec4 v4_2 = vec4(v3_0,0.);

    // Acceso a los vectores
    // [r, g, b, a] || [x , y , z , w]

    float numero_2 = v4_0.r; // es equivalente a v4_0.x
    vec2 v2_2 = v4_0.rg;     // es equivalente a v4_0.xy
    vec3 v3_3 = v4_0.gbr;    // es equivalente a v4_0.yzx

    gl_FragColor = vec4(0.5,0.5,1.,1.); // [ (r, g ,b , a) ] con valores entre 0. y 1.

}

Descargarse el contenido de las clases offline
p5 render
LoadPixels vs shader
GPU vs CPU
Versión Remix de The Force