Livecoding shaders amb GLSL (per Sol Sarratea -- @alsolquema)

(Castellano abajo)


Dia: dissabte 8 de juliol

Hora: d'11:00 a 14:00

Públic: no calen coneixements previs, però és preferible estar familiaritzat amb algun llenguatge de programació.

Idioma: Castellà

Descripció
Taller d'introducció a la generació d'imatges visuals utilitzant directament la GPU (target gràfica), a partir de l'escriptura d'un shader (programa) en GLSL, el llenguatge de shading d'OpenGL (una interfície per comunicar-nos amb el hardware gràfic).  En concret farem servir la seva implementació en javascript (webGL) per poder utilitzar un editor de text online.

Eines
Editor web basat en vedajs https://veda.gl/vedajs/


Objectius

    Adquirir nocions bàsiques de GLSL.
    Entendre els avantatges i inconvenients d'escriure programes que funcionen directament amb la GPU.
    Apropar el codi creatiu com a pràctica mundana.
    Crear, mostrar i participar.

Estructura

    Presentació i motivacions (~30 min).
    Preguntes (~10 min).
    Introducció a GLSL i nocions bàsiques (~30 min).
    Pausa (15 min).
    Temps creatiu (~30 min).
    Preguntes i respostes (~20 min).

Referències

    keep it simple, ens restringim a les funcions trigonomètriques:
        https://lashaderwiki.solsarratea.world/cursos/introductorios/live-coding-shaders-por-nodo-centro-cultral-digital/abril-mayo-2022/clase-05-05
        +1 superformula: https://www.instagram.com/p/CdGl3zMOkIG/
    Sistemes iteratius de funcions (fractals simples)
        https://clases-shaders.solsarratea.world/clases/trnsf/editor/
        kirigami https://en.wikipedia.org/wiki/Kirigami a partir d'alguna textura coneguda, porteu una foto i farem kirigami virtual
    LSB (least significant bit) per mesclar colors -- podria ser un gran feature per hydra: ​​​​​​​https://steganography.solsarratea.world/
    Oferir codi al temple de shaders https://templo-shader.glitch.me/
    Co-crear un shader afegir-lo a hydra
    Crear un shader-cadaver exquisit https://en.wikipedia.org/wiki/Exquisite_corpse ​​​​​​​


_______________________________________________________________________________________________________



Livecoding shaders con GLSL
(con Sol Sarratea -- @alsolquema)

Día: sábado 8 de julio
Hora: de 11:00 a 14:00
Público: no se necesitan conocimientos previos, pero es preferible estar familiarizado con algún lenguaje de programación.
Idioma: Castellano

Descripción: Taller de introducción a la generación de imágenes visuales utilizando directamente la GPU (target gráfica), a partir de la escritura de un shader (programa) en GLSL, el lenguaje de shading de OpenGL (una interfaz para comunicarnos con el hardware gráfico). En concreto, utilizaremos su implementación en Javascript (webGL) para poder utilizar un editor de texto online.

Herramientas:    
Editor web basado en vedajs https://veda.gl/vedajs/


Objetivos:
- Adquirir nociones básicas de GLSL.      
- Entender las ventajas e inconvenientes de escribir programas que funcionan directamente con la GPU.
- Acercar el código creativo como práctica mundana.
- Crear, mostrar y participar.

Estructura:
Presentación y motivaciones (~30 min).
Preguntas (~10 min).
Introducción a GLSL y nociones básicas (~30 min).
Pausa (15 min).
Tiempo re-creativo (~30 min).
Preguntas y respuestas (~20 min).

Referencias:
keep it simple, funciones trigonométricas: https://lashaderwiki.solsarratea.world/cursos/introductorios/live-coding-shaders-por-nodo-centro-cultral-digital/abril-mayo-2022/clase-05-05  
+1 superformula: https://www.instagram.com/p/CdGl3zMOkIG/     
Sistemas iterativos de funciones (fractales simples)   https://clases-shaders.solsarratea.world/clases/trnsf/editor/  kirigami https://en.wikipedia.org/wiki/Kirigami a partir de alguna textura conocida, lleve una foto y haremos kirigami virtual
LSB (least significante bit) para mezclar colores : https://steganography.solsarratea.world/      
Ofrecer código en el templo de shaders https://templo-shader.glitch.me/    
Co-crear un shader añadirlo a hydra      
Crear un shader-cadaver exquisito https://en.wikipedia.org/wiki/Exquisite_corpse