Vidro real, calculado pixel a pixel
A prancheta e painéis não simulam profundidade com um desfoque. Um fragment shader dá a cada painel uma espessura real, deriva uma normal de superfície dele e curva o raio da visão através dessa normal usando a lei de Snell — em seguida, adiciona uma borda Fresnel e um destaque especular seguindo a mesma superfície.
Olhe para o texto passando atrás da prancheta: ele não apenas desfoca, ele curva e comprime em direção às extremidades arredondadas, como faria através de um pedaço real de vidro. Não há HTML, CSS ou JavaScript em lugar algum no ambiente de trabalho — os efeitos são shaders, não filtros.
Baseado na física · Shader fragmentário do GPU