← Demos

Shaders 3D

WebGL2
{ fps } fps · { larguraReal }×{ alturaReal }
{ cena.nome }
{ cena.descricao }

{ erro ? 'A cena nao pode ser compilada' : 'Este navegador nao tem WebGL2' }

As quatro cenas desta pagina sao shaders de fragmento em WebGL2. Sem esse contexto nao ha o que desenhar. Tente um navegador atual, ou verifique se a aceleracao por hardware esta ligada.

O contexto existe, mas o driver recusou este shader. O relatorio do compilador esta abaixo.

{ erro }

O que esta demo mostra. Quatro cenas de raymarching em WebGL2 puro: sem Three.js, sem CDN, sem nenhuma dependencia. Cada cena declara a sua propria lista de uniforms, e o painel inteiro nasce de um v-for sobre essa lista, com v-model em cada slider. Trocar de cena troca a lista, e a interface se remonta sozinha. Se o navegador nao tiver WebGL2, ou se o driver recusar um shader, a demo mostra a mensagem e o relatorio do compilador em vez de um retangulo preto.