Todos los ejemplos · Shaders y post

Líneas de barrido

Qué enseña este ejemplo

El primer shader propio. createMaterial recibe una función, y el motor le pasa la imagen ya leída y ya teñida: devuélvela sin tocar y no cambia nada. mu.time ya viene puesto, así que las bandas se desplazan sin código por fotograma. A la izquierda el shader de serie, a la derecha la misma imagen con el material.

El efecto está escrito dos veces, una en WGSL y otra en GLSL, porque el motor no finge traducir uno al otro. Borra la mitad GLSL y el efecto pasa a ser solo de WebGPU: WebGL2 dibuja entonces el sprite normal y lo avisa una vez, en vez de no enseñar nada.

Arrancando