createFilterShader()

Crea un objeto p5.Shader para ser utilizado con la función filter().

createFilterShader() funciona de manera similar a createShader() pero incluye un vertex shader predeterminado. createFilterShader() está diseñado para ser utilizado junto con filter() para filtrar el contenido de un lienzo.

Un filtro shader se aplicará a todo el lienzo en lugar de solo a los objetos p5.Geometry.

El parámetro fragSrc establece el fragment shader. Es una cadena que contiene el programa del fragment shader escrito en GLSL.

El objeto p5.Shader que se crea tiene algunos uniformes que se pueden establecer:

• sampler2D tex0, que contiene el contenido del lienzo como una textura.
• vec2 canvasSize, que es el ancho y alto del lienzo, sin incluir la densidad de píxeles.
• vec2 texelSize, que es el tamaño de un píxel físico, incluyendo la densidad de píxeles. Esto se calcula como 1.0 / (ancho * densidad) para el ancho del píxel y 1.0 / (height * density) para la altura del píxel.

El p5.Shader que se crea también proporciona varying vec2 vTexCoord, una coordenada con valores entre 0 y 1. vTexCoord describe dónde se dibujará el píxel en el lienzo.

Para obtener más información sobre filtros y shaders, consulta el repositorio de Adam Ferriss de ejemplos de shaders de p5.js o el tutorial de Introducción a los Shaders.