Tags populares：
Virtualização segurança DNS verificação formal análise de alcance IA erros do compilador conflito de macro extensão web framework de desenvolvimento Gráficos de Bitmap Todos os tags

Pintando Mundos com Raymarching: Uma Jornada de Shaders GLSL

2025-06-19
Pintando Mundos com Raymarching: Uma Jornada de Shaders GLSL

Este artigo detalha a criação de cenas 3D usando a técnica de Raymarching e shaders GLSL. Começando com conceitos fundamentais como marcha de raios e funções de distância com sinal (SDFs), ele guia você na construção de formas simples e na combinação delas usando operadores SDF (como min e smoothmin) para criar cenas complexas. Tópicos avançados abordados incluem modelos de iluminação, sombras suaves, criação de cenas infinitamente repetidas e geração de terrenos realistas usando derivadas de ruído. O autor culmina com um exemplo impressionante de uma paisagem marciana infinita, compartilhando seu processo criativo e insights.

Leia mais
(blog.maximeheckel.com)
Desenvolvimento

Iluminação Volumétrica no React Three Fiber: Raymarching com Pós-Processamento

2025-06-14
Iluminação Volumétrica no React Three Fiber: Raymarching com Pós-Processamento

Este artigo mergulha na criação de efeitos de iluminação volumétrica realistas no React Three Fiber combinando pós-processamento e raymarching volumétrico. O autor explica meticulosamente as transformações de sistemas de coordenadas, reconstruindo raios 3D do espaço de tela e utilizando buffers de profundidade para otimização de desempenho. Técnicas avançadas como modelagem de luz usando SDFs, mapeamento de sombras e espalhamento de luz são abordadas, culminando em um efeito de iluminação volumétrica dinâmica com sombras e névoa. Múltiplas demonstrações mostram a técnica em arcos e cenas espaciais, enquanto também exploram múltiplas fontes de luz e sombreamento omnidirecional.

Leia mais
(blog.maximeheckel.com)
Desenvolvimento iluminação volumétrica

Criando efeitos de pós-processamento impressionantes com shaders

2025-02-09
Criando efeitos de pós-processamento impressionantes com shaders

Este artigo detalha a jornada do autor em 2024 aprendendo técnicas de shaders e aplicando-as ao pós-processamento. Inspirado por artistas como @samdape e @hahajohnx, ele criou padrões de pixels intrincados, efeitos de trompe l'oeil e pós-processamento interativo. O artigo mergulha profundamente nas técnicas por trás da pixelização, criando padrões usando SDFs e matrizes de limite, e alcançando efeitos como painéis de LED, tecido tecido, tijolos de Lego e vidro fosco. Trechos de código e demonstrações são fornecidos.

Leia mais
(blog.maximeheckel.com)
Design

Criando um efeito 3D retrô para sites com shaders: Dithering, quantização de cores e pixelização

2025-02-03
Criando um efeito 3D retrô para sites com shaders: Dithering, quantização de cores e pixelização

O autor passou meses construindo seu site pessoal, incorporando trabalho 3D para mostrar suas habilidades com shaders e WebGL. O artigo mergulha no papel crucial do pós-processamento na melhoria dos visuais de cenas 3D, focando na criação de efeitos retrô. Ele abrange várias técnicas de dithering (ruído branco, ordenado e ruído azul), explicando sua implementação usando shaders. Técnicas de quantização de cores também são detalhadas, permitindo paletas personalizadas. O artigo culmina em um impressionante efeito de site 3D retrô combinando pixelização e emulação de monitor CRT.

Leia mais
(blog.maximeheckel.com)
Desenvolvimento Pós-processamento