O que é Playground de Shaders WebGL?

Escreva shaders GLSL de vértice e fragmento e veja o resultado renderizado instantaneamente via WebGL. Sem configuração local necessária. Use para aprender programação de shaders, prototipar efeitos ou experimentar gráficos acelerados por GPU.

Como usar

1. Escreva ou cole o código do seu shader GLSL de fragmento no editor. Um shader padrão já está carregado.
2. A pré-visualização ao vivo atualiza enquanto você digita. Os uniformes integrados incluem tempo, resolução e posição do mouse.
3. Exporte seu shader como uma captura de tela PNG ou copie o código para usar em seus próprios projetos WebGL.

Resultado

Um desenvolvedor de jogos prototipando um efeito de ondulação de água escreve um shader de fragmento com ondas senoidais e o uniforme de tempo. O painel de pré-visualização mostra o resultado animado atualizando ao vivo.

Ferramentas relacionadas