Pular para o conteúdo
Voelin Studio

Laboratório de shader

Água, aurora, plasma e metal líquido desenhados pixel a pixel pela placa de vídeo.

←→
experimento ao vivo

Escolha um estilo: água, aurora, plasma ou metal líquido.

Como usar
  1. Ajuste os controles de cor, distorção, luz e velocidade.
  2. Mova o cursor: ele é a fonte de luz. Ao lado aparece o código que os controles mudam.
Carregando o experimento…

Gostou da composição? Guarde este momento.

Baixa uma imagem PNG da cena atual, sem os controles. Não inclui animação ou som.

Mouse ou dedoToque3D (placa de vídeo)
Sobre este experimento

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 ajusta as variáveis dele ao vivo.

Como isso funciona?
  1. 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.
  2. 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.
  3. 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.