¿Qué es Playground de Shaders WebGL?

Escribe shaders GLSL de vértices y fragmentos y mira el resultado renderizado al instante vía WebGL. No requiere configuración local. Úsalo para aprender programación de shaders, prototipar efectos o probar gráficos acelerados por GPU.

Cómo usar

1. Escribe o pega tu código de shader de fragmentos GLSL en el editor. Ya hay un shader predeterminado cargado.
2. La vista previa en vivo se actualiza mientras escribes. Los uniforms integrados incluyen tiempo, resolución y posición del ratón.
3. Exporta tu shader como captura de pantalla PNG o copia el código para usarlo en tus propios proyectos WebGL.

Resultado

Un desarrollador de videojuegos que prototipa un efecto de ondas en el agua escribe un shader de fragmentos con ondas sinusoidales y el uniform de tiempo. El panel de vista previa muestra el resultado animado actualizándose en vivo.

Herramientas relacionadas