Portar volume shaders do Shadertoy para WebGL2

Mapeie uniforms, ajuste GLSL ES 3.00 e reduza o custo de ray marching para o navegador.

Resumo localizado

Portar volume shaders do Shadertoy para WebGL2 conecta visual do shader, limites do WebGL e métricas de GPU em uma leitura prática. Primeiro valide a imagem; depois analise FPS, frame time e estabilidade.

Fluxo recomendado

Comece por um preset leve e fixe navegador, tamanho da janela, modo de energia e complexidade. Altere um parâmetro por vez e rode novamente nas mesmas condições.

Como comparar

Não use apenas um pico de FPS. Média, 1% low, p95 frame time, temperatura e backend do navegador definem a qualidade do resultado.

Próximo passo

Para aprofundar shadertoy-volume-shader-webgl2, leia também o editor, os presets e a metodologia, conectando estrutura do shader, limites do navegador e métricas de benchmark.