🖤
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
  1. workshops
  2. Live coding por TOPLAP BCN
  3. Cheatsheets

Figuras

Helpers para usar figuras

PreviousTransformaciones del espacioNextColor

Last updated 2 months ago

Extraidas de:

  • Círculo:

float sdCircle( vec2 p, float r ) { 
    /* Devuelve la distancia al circulo de radio r */
    return length(p) - r; 
}
  • Cuadrado:

float sdBox( in vec2 p, in vec2 b )
{  /* Devuelve la distancia al cuadrado de lados b */

    vec2 d = abs(p)-b;
    return length(max(d,0.0)) + min(max(d.x,d.y),0.0);
}

Ejemplo de uso: color += smoothstep(0.01,0.0,sdBox(pos, vec2(.3)));

  • Triángulo equilátero:

(https://www.shadertoy.com/view/Xl2yDW)
float sdEquilateralTriangle( in vec2 p )
{
    const float k = sqrt(3.0);
    p.x = abs(p.x) - 1.0;
    p.y = p.y + 1.0/k;
    if( p.x+k*p.y>0.0 ) p = vec2(p.x-k*p.y,-k*p.x-p.y)/2.0;
    p.x -= clamp( p.x, -2.0, 0.0 );
    return -length(p)*sign(p.y);
}
💻
Inigo Quilez