¿Qué es Playground de Shaders WebGL?

Un editor de shaders en tiempo real que te permite escribir shaders GLSL de vértices y fragmentos y ver al instante el resultado visual renderizado mediante WebGL. Ideal para aprender programación de shaders, prototipar efectos visuales o experimentar con gráficos acelerados por GPU, todo sin ninguna configuración local.

Cómo usar

1. Escribe o pega tu código de shader de fragmentos GLSL en el editor. Se proporciona un shader predeterminado para que puedas empezar de inmediato.
2. Observa cómo la vista previa en vivo se actualiza en tiempo real mientras escribes. Tienes disponibles uniforms integrados como 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 usando ondas sinusoidales y el uniform de tiempo, y observa cómo el resultado animado se actualiza en vivo en el panel de vista previa.

Herramientas relacionadas