Pular para o conteúdo
Menu

Laboratório de shader

A tela inteira é desenhada por um programa pequeno que roda na placa de vídeo, uma vez para cada pixel, cerca de 60 vezes por segundo. Você escolhe o estilo e mexe nas variáveis dele ao vivo.

Como usar

  1. 01Escolha um estilo: água, aurora, plasma ou metal líquido.
  2. 02Mexa nos controles de cor, distorção, luz e velocidade.
  3. 03Mova o cursor: ele é a fonte de luz. Ao lado aparece o código que os controles mudam.

Mouse ou dedoToque3D (placa de vídeo)

experimento ao vivo
Carregando o experimento…
Como isso funciona?

01Um shader é um programa curto que recebe a posição de um pixel e devolve uma cor. A placa de vídeo roda esse mesmo programa para milhões de pixels ao mesmo tempo.

02Quase tudo aqui vem de ruído suave somado em camadas e de funções como seno: ondas viram água, faixas viram aurora, e o relevo do ruído vira reflexo de metal.

03Os controles são “uniforms”: números que o site manda para o programa a cada quadro. Mudar um número muda todos os pixels de uma vez.