Uma breve lista de técnicas de renderização usadas em jogos AAA modernos

Por Oleg Sidorkin, CTO e cofundador da Cinevva

Ao examinar o pipeline de renderização de um jogo AAA de 2026, você verá que a maior parte dele remonta a um pequeno conjunto de técnicas adotadas por diferentes estúdios. Os nomes mudam entre as engines, mas as ideias são as mesmas. Aqui está uma breve lista do que realmente faz o trabalho na tela, com uma imagem e algumas referências técnicas aprofundadas para cada item. Atualizei a lista em setembro de 2026 com as mudanças do Unreal Engine 5.8 e com o que agora roda em um navegador, além de adicionar um conjunto de perguntas frequentes ao final.

1. Renderização baseada em física (PBR)

Os materiais são descritos por texturas de albedo, rugosidade, metalicidade, normais e oclusão de ambiente, e iluminados por shaders que conservam energia (especular Cook-Torrance e difuso Lambertiano ou Disney). Essa é a base adotada por todas as engines AAA modernas. Se uma superfície mantém uma aparência consistente sob a luz do sol, de uma lâmpada e de uma lanterna, é graças ao PBR.

Leituras aprofundadas:

• Burley, Sombreamento baseado em física na Disney (as notas originais do curso sobre a "BRDF Disney", SIGGRAPH 2012).
• Karis, Sombreamento real no Unreal Engine 4 (SIGGRAPH 2013, a apresentação de referência sobre PBR no UE4).
• Lagarde e de Rousiers, Migrando o Frostbite para renderização baseada em física 3.0 (SIGGRAPH 2014, o pipeline completo do Frostbite).
• Real-Time Rendering, 4ª edição, capítulo 9 (a referência acadêmica).

2. Sombreamento diferido e por buffer de visibilidade

Primeiro, a geometria grava atributos — normais, IDs de materiais e profundidade — em um G-buffer ou buffer de visibilidade. A iluminação é executada como um passe em tela cheia que lê esses buffers e sombreia cada pixel uma única vez. Os buffers de visibilidade, usados pelo Nanite e por sistemas semelhantes, levam isso adiante ao armazenar apenas os IDs dos triângulos e calcular posteriormente os parâmetros dos materiais por pixel, o que mantém baixo o custo de overdraw em geometrias densas.

Leituras aprofundadas:

• Engel, Sombreamento diferido (NVIDIA, a apresentação fundamental).
• Burns e Hunt, O buffer de visibilidade: uma abordagem favorável ao cache para sombreamento diferido (JCGT 2013, o artigo original sobre buffers de visibilidade).
• Wihlidal, "Otimizando o pipeline gráfico com computação" (GDC 2016, o pipeline diferido baseado em computação do Frostbite).
• Karis, Stubbe e Wihlidal, Uma análise aprofundada da geometria virtualizada do Nanite (SIGGRAPH 2021, inclui uma explicação detalhada do buffer de visibilidade do Nanite).

3. Geometria virtualizada (estilo Nanite)

As malhas são pré-processadas em uma hierarquia de clusters. Em tempo de execução, a GPU transmite e seleciona os clusters na resolução correspondente a cada pixel, oferecendo detalhes precisos em nível subpixel sem LODs manuais. O Nanite do Unreal é o exemplo mais conhecido. Outras engines agora incluem suas próprias variantes. O resultado prático são assets com qualidade cinematográfica em tempo real, sem a necessidade de criar LODs. Lançado em junho de 2026, o Unreal Engine 5.8 melhorou o desempenho de rasterização e culling do Nanite em plataformas portáteis e adicionou um controle programável de distância por pixel para vegetação, segundo as notas de desempenho da versão 5.8 de Tom Looman. A Epic também declarou que a 5.8 é a última versão da série 5.x antes de o desenvolvimento migrar para o Unreal Engine 6.

Leituras aprofundadas:

• Karis, Stubbe e Wihlidal, Uma análise aprofundada da geometria virtualizada do Nanite (SIGGRAPH 2021).
• Brian Karis, Apresentação sobre o Nanite na GDC 2021 (uma explicação acessível em vídeo).
• Liktor, Arquitetura do pipeline de renderização de geometria na Activision (renderização baseada em clusters, 2021).
• Schied et al., Filtragem guiada por variância espaço-temporal (técnicas relacionadas de culling de clusters).

4. Ray tracing em tempo real para sombras, reflexos e AO

O ray tracing acelerado por hardware (DXR, Vulkan RT) traça raios de sombra, raios de reflexos espelhados e brilhantes e raios de oclusão de ambiente contra uma BVH construída a cada quadro. Mesmo alguns poucos raios por pixel superam o que as técnicas em espaço de tela conseguem fazer, especialmente em reflexos de elementos fora da tela e sombras de contato. A maioria dos jogos usa essa tecnologia de forma seletiva, não para tudo.

Leituras aprofundadas:

• Microsoft, Especificação funcional do DirectX Raytracing (DXR) (a referência da API).
• Wyman, Introdução ao DirectX Raytracing (as notas do curso da SIGGRAPH, bastante acessíveis).
• Boksansky e Marrs, Ray Tracing Gems II, capítulos 17–19 (PDF gratuito sobre técnicas modernas de DXR).
• Stachowiak, Reflexos estocásticos em espaço de tela (Frostbite, a transição de SSR para RT).

5. Ray tracing por software (estilo Lumen)

Nem todo jogador tem uma placa RTX, por isso as engines também oferecem alternativas baseadas em campos de distância ou caches de superfície. O Lumen do Unreal, por exemplo, traça raios contra campos de distância com sinal e caches de superfície para produzir GI difusa a baixo custo, recorrendo a raios acelerados por hardware somente quando necessário. É assim que jogos AAA alcançam um "visual de ray tracing" nos consoles. O UE 5.8 adicionou um modo "Lumen Lite", aproximadamente duas vezes mais rápido que o pipeline de alta qualidade do Lumen e voltado para 60 fps no PlayStation 5. Também promoveu o MegaLights, seu sistema estocástico para grandes quantidades de luzes, ao status de pronto para produção, segundo o resumo da versão 5.8 do CG Channel.

Leituras aprofundadas:

• Wright et al., Lumen: iluminação global em tempo real no Unreal Engine 5 (SIGGRAPH 2022, o artigo sobre o Lumen).
• Epic Games, Detalhes técnicos do Lumen (documentação oficial da engine).
• Wright, Cache de radiância para iluminação global em tempo real (SIGGRAPH 2021).
• Wright, Apresentação sobre o Lumen na GDC 2022 (versão em vídeo).

6. ReSTIR e amostragem por reservatórios

Para iluminação direta e indireta com milhares de fontes de luz, o ReSTIR (Reamostragem de Importância por Reservatórios Espaço-Temporais) reutiliza amostras de luz entre pixels e quadros. É assim que jogos como Cyberpunk 2077 com Path Tracing mantêm baixo o ruído usando apenas um ou dois raios por pixel. Espere vê-lo em mais engines à medida que o path tracing se torna o padrão visual de ponta.

Leituras aprofundadas:

• Bitterli et al., Reamostragem por reservatórios espaço-temporais para ray tracing em tempo real com iluminação direta dinâmica (SIGGRAPH 2020, o artigo original sobre o ReSTIR).
• Ouyang et al., ReSTIR GI: reamostragem de caminhos para path tracing em tempo real (HPG 2021, ReSTIR para iluminação indireta).
• Lin et al., Amostragem de importância reamostrada generalizada (SIGGRAPH 2022, os fundamentos matemáticos).
• NVIDIA, Análise técnica aprofundada do path tracing de Cyberpunk 2077 (blog de engenharia).

7. Nuvens volumétricas, neblina e atmosfera

Os céus são renderizados por ray marching através de ruído 3D e volumes de densidade. A atmosfera usa tabelas de espalhamento pré-calculadas, no estilo Bruneton, para as transições do sol e da lua. A neblina usa uma grade de froxels — pense em uma textura 3D alinhada ao frustum de visão — que captura a iluminação local. Juntos, esses recursos oferecem um "clima como sistema" em vez de um simples skybox.

Leituras aprofundadas:

• Schneider, As paisagens de nuvens volumétricas em tempo real de Horizon Zero Dawn (SIGGRAPH 2015, a referência clássica sobre nuvens).
• Hillaire, Uma técnica escalável e pronta para produção de renderização de céu e atmosfera (EGSR 2020, a sucessora moderna da técnica de Bruneton usada no UE5).
• Wronski, Neblina volumétrica: uma solução unificada baseada em compute shaders para espalhamento atmosférico (SIGGRAPH 2014, a neblina baseada em froxels de Assassin's Creed 4).
• Hillaire, Renderização volumétrica unificada e baseada em física no Frostbite (SIGGRAPH 2015).

8. Mapas de sombras em cascata e mapas de sombras virtuais

Para as sombras do sol, os mapas de sombras em cascata dividem o frustum em intervalos e renderizam cada um na resolução adequada. Os mapas de sombras virtuais vão além: um único mapa de sombras enorme é dividido em páginas, e apenas as páginas visíveis pela câmera são renderizadas. É assim que jogos AAA mantêm sombras nítidas perto do jogador sem consumir uma quantidade gigantesca de memória. A documentação de VSM da Epic define a resolução virtual como 16k por 16k para cada luz. O UE 5.8 também adicionou um pipeline pré-filtrado para elementos distantes, que desenha os objetos distantes que projetam sombras no clipmap em uma resolução muito menor, além de limitar a frequência de invalidação de páginas, segundo as notas de Tom Looman.

Leituras aprofundadas:

• Dimitrov, Mapas de sombras em cascata (whitepaper da NVIDIA, a referência padrão).
• Microsoft, Técnicas comuns para melhorar mapas de profundidade de sombras (documentação do DirectX).
• Wright, Mapas de sombras virtuais no Fortnite Battle Royale Capítulo 4 (SIGGRAPH 2023, a apresentação sobre VSM no UE5).
• Epic Games, Documentação sobre mapas de sombras virtuais.

9. Efeitos em espaço de tela (SSAO, SSR, SSGI, SSSSS)

A leitura dos buffers de profundidade e normais permite gerar, a baixo custo, oclusão de ambiente (SSAO), reflexos (SSR), iluminação global com um rebatimento (SSGI) e dispersão subsuperficial para a pele (SSSSS). Essas técnicas não capturam detalhes fora da tela, razão pela qual o ray tracing está assumindo seu lugar, mas ainda são usadas em toda parte como uma base rápida.

Leituras aprofundadas: - Mittring, [Descobrindo a próxima geração: CryENGINE 2](https://www.crytek.com/wp-content/uploads/Finding%20Next%20Gen%20-%20CryEngine%202.pdf) (SIGGRAPH 2007, o artigo original sobre SSAO). - McGuire et al., [Oclusão ambiente escalável](https://research.nvidia.com/publication/scalable-ambient-obscurance) (HPG 2012, SSAO moderno). - Stachowiak e Uludag, [Reflexos estocásticos em espaço de tela](https://www.ea.com/frostbite/news/stochastic-screen-space-reflections) (Frostbite, a principal referência sobre SSR). - Jimenez, [Espalhamento subsuperficial separável](https://www.iryoku.com/separable-sss/) (a técnica usada para pele na maioria dos motores AAA). - Mara et al., [Espaço de tela profundo](https://research.activision.com/publications/2016/09/deep-g-buffers-for-stable-global-illumination-approximation) (Activision, parte da linhagem do SSGI).

10. Antisserrilhamento temporal e upscaling com aprendizado de máquina (DLSS, FSR, XeSS)

O quadro é renderizado em uma resolução interna mais baixa e reconstruído usando vetores de movimento, profundidade e histórico. Soluções de upscaling baseadas em aprendizado de máquina (DLSS 4, FSR 4, XeSS) acrescentam geração de quadros, interpolando quadros intermediários a partir do fluxo óptico. O FSR "Redstone" da AMD amplia o FSR 4 com geração de quadros por aprendizado de máquina, regeneração de raios e um cache neural de radiância no hardware RDNA 4, o sinal mais claro de que upscaling e redução de ruído estão se fundindo em uma única etapa neural. Hoje, a maioria dos títulos AAA é lançada partindo do pressuposto de que algum upscaler estará ativado, o que muda a maneira como você distribui o orçamento do restante do quadro.

Leituras aprofundadas:

• Karis, Superamostragem temporal de alta qualidade (SIGGRAPH 2014, a apresentação de referência sobre TAA).
• Salvi, Uma incursão pela superamostragem temporal (NVIDIA, sobre o caminho até o DLSS).
• Edelsten, A verdadeira próxima geração: acrescentando aprendizado profundo a jogos e gráficos (GDC 2019, arquitetura do DLSS).
• AMD, Detalhes técnicos do FidelityFX Super Resolution 3 e Intel, Artigo técnico do XeSS.

11. Renderização orientada pela GPU e mesh shaders

O descarte, a seleção de LOD e o envio de chamadas de desenho são todos executados na GPU. Mesh shaders substituem o pipeline de vértices/geometria/tesselação por uma etapa mais flexível, semelhante à de computação, que emite meshlets. Combinada a multi-draw indirect, essa abordagem remove completamente a CPU do loop crítico por objeto.

Leituras aprofundadas:

• Haar e Aaltonen, Pipelines de renderização orientados pela GPU (SIGGRAPH 2015, a apresentação fundamental sobre Assassin's Creed Unity).
• Wihlidal, Otimizando o pipeline gráfico com computação (GDC 2016, descarte orientado pela GPU no Frostbite).
• Kubisch, Introdução aos mesh shaders de Turing (NVIDIA, introdução aos mesh shaders).
• Pesce, Um passeio relâmpago pelos mesh shaders (e blogs de engenharia semelhantes reunidos nas análises com RenderDoc de Adrian Courrèges).

12. Renderização de cabelo, tecido e pele

O cabelo usa sombreamento anisotrópico no estilo Marschner com geometria baseada em fios (NVIDIA HairWorks, AMD TressFX ou sistemas nativos do motor). O tecido é simulado na GPU com dinâmica baseada em posições e renderizado com especular anisotrópico. A pele usa espalhamento subsuperficial em espaço de tela combinado a iluminação envolvente pré-integrada. Normalmente, é nessas três áreas que você percebe a diferença de orçamento entre produções AAA e independentes.

Leituras aprofundadas:

• Marschner et al., Espalhamento da luz em fibras de cabelo humano (SIGGRAPH 2003, o modelo fundamental de cabelo).
• Chiang et al., Um modelo prático e controlável de cabelo e pelagem para path tracing em produção (Disney 2016, amplamente usado em aproximações em tempo real).
• Müller et al., Dinâmica baseada em posições (a referência padrão para simulação de tecidos).
• Jimenez et al., Espalhamento subsuperficial separável e Translucidez realista da pele em tempo real.

13. Decalques, texturização virtual e camadas de materiais

A variação das superfícies vem de decalques em camadas (buracos de bala, terra, sangue, sujeira) projetados sobre o buffer de profundidade, além de texturas virtuais que carregam detalhes em alta resolução sob demanda. As camadas de materiais combinam vários conjuntos PBR por pixel usando máscaras e projeção triplanar, fazendo com que uma única rocha pareça cinco rochas diferentes.

Leituras aprofundadas:

• Pranckevičius, Decalques diferidos e textos posteriores (a clássica série do blog de Aras).
• Mittring, A tecnologia por trás da "Unreal Engine 4 Elemental Demo" (SIGGRAPH 2012, inclui detalhes sobre texturização virtual).
• van Waveren, Desafios da id Tech 5: da virtualização de texturas à paralelização em massa (SIGGRAPH 2009, a apresentação sobre MegaTexture).
• Williams, Camadas de materiais em The Order: 1886 (GDC 2014, materiais PBR em camadas).

14. Transparência independente de ordem

Cabelo, folhagem, partículas e vidro não podem ser ordenados de forma simples. Motores AAA usam técnicas como OIT com combinação ponderada, descascamento de profundidade ou listas encadeadas por pixel para renderizá-los corretamente sem uma etapa de ordenação na CPU. Discretamente, essa é uma das partes mais caras do quadro em uma cena com muita folhagem.

Leituras aprofundadas:

• McGuire e Bavoil, Transparência independente de ordem com combinação ponderada (JCGT 2013, o artigo sobre WBOIT).
• Bavoil e Myers, Transparência independente de ordem com descascamento duplo de profundidade (whitepaper da NVIDIA).
• Yang et al., Construção simultânea de listas encadeadas em tempo real na GPU (a referência sobre listas encadeadas por pixel).
• Wyman, Explorando e ampliando o espectro de algoritmos de OIT (HPG 2016, estudo comparativo).

15. Cache neural de radiância e redutores de ruído por aprendizado de máquina

A camada mais recente. O cache neural de radiância da NVIDIA aprende a iluminação indireta por cena e a consulta em vez de traçar mais raios. Redutores de ruído por aprendizado de máquina (OptiX, Intel Open Image Denoise e soluções internas personalizadas) limpam sinais esparsos de ray tracing em milissegundos. Espere que essa categoria cresça rapidamente nos próximos dois anos.

Leituras aprofundadas:

• Müller et al., Cache neural de radiância em tempo real para path tracing (SIGGRAPH 2021, o artigo sobre NRC).
• Schied et al., Filtragem espaço-temporal guiada por variância: reconstrução em tempo real para iluminação global com path tracing (HPG 2017, SVGF).
• Chaitanya et al., Reconstrução interativa de sequências de imagens de Monte Carlo usando um autoencoder recorrente de redução de ruído (SIGGRAPH 2017, o primeiro redutor de ruído recorrente baseado em aprendizado de máquina).
• Intel, Documentação do Open Image Denoise (redutor de ruído de código aberto para produção).

O que isso significa para o navegador

Já lançamos várias dessas técnicas em WebGPU no nosso motor de mundo aberto para navegadores. Mapas de sombras em cascata, instanciamento orientado pela GPU, PBR triplanar, neblina em espaço de tela e terreno virtualizado baseado em clipmaps rodam a 120 FPS em uma aba. Desde setembro de 2026, a própria WebGPU vem ativada por padrão no Chrome e no Edge desde a versão 113; no Safari 26 para macOS, iOS, iPadOS e visionOS; e no Firefox para Windows (141) e Macs com Apple Silicon (145 e posteriores), enquanto no Linux ela ainda está disponível apenas no Nightly, segundo o status de implementação do gpuweb. O Three.js fornece seu renderizador WebGPU como caminho padrão na r185, e o Babylon.js 9 (março de 2026) acrescentou iluminação em clusters e efeitos volumétricos com compute shaders, segundo o anúncio do Babylon.js 9.0. O restante — ray tracing por hardware, mesh shaders e upscaling por aprendizado de máquina — ainda não faz parte da especificação WebGPU, então, por enquanto, permanece como emulações via compute shader na web. Para se aprofundar, consulte nossos guias sobre tecnologia de mundos abertos no navegador, geração de paisagens, WebGPU versus WebGL para jogos e a pilha tecnológica para jogos web em 2026. Se quiser verificar o que um navegador específico oferece, nosso verificador de WebGL/WebGPU informa os recursos e limites do adaptador.

Perguntas frequentes

Quais dessas técnicas de renderização funcionam em um navegador com WebGPU em 2026?

A maioria das que não precisa de uma unidade de hardware dedicada. PBR, sombreamento diferido e por buffer de visibilidade, mapas de sombras em cascata, oclusão ambiente e reflexos em espaço de tela, neblina e nuvens volumétricas, TAA, descarte orientado pela GPU por meio de compute shaders, transparência independente de ordem e streaming de geometria baseada em clusters já funcionam em WebGPU, e usamos várias delas em nosso motor para navegadores. O que falta é tudo que depende de uma etapa de hardware não exposta pela especificação: ray tracing por hardware, mesh shaders e upscalers de aprendizado de máquina de fornecedores, como DLSS e FSR. É possível emular ray tracing e descarte de clusters no estilo Nanite com computação — e há quem faça isso —, mas espere uma grande diferença em relação ao desempenho nativo. Nosso guia de WebGPU versus WebGL explica o que isso significa para o orçamento de desempenho de um jogo.

O que são sombras de contato em jogos?

Sombras de contato são as sombras curtas e nítidas nos pontos em que um objeto realmente toca uma superfície: um pé no chão, uma xícara sobre uma mesa ou a junção entre uma parede e o piso. Mapas de sombras convencionais as desfocam ou deixam de capturá-las por causa do viés e dos limites de resolução, por isso os motores acrescentam um passe dedicado, geralmente uma curta marcha de raios em espaço de tela contra o buffer de profundidade ou, em renderizadores com ray tracing, alguns raios de sombra muito curtos. Elas são baratas e impedem que os objetos pareçam flutuar. Na web, o Three.js tem um exemplo de sombra de contato que as simula renderizando a profundidade do objeto sobre um plano no chão, o que funciona bem para imagens de produtos, mas é complicado em cenas completas.

O que é um mapa de sombras virtual, e os navegadores oferecem esse recurso?

Um mapa de sombras virtual trata um único mapa de sombras enorme — o da Unreal tem 16 mil por 16 mil pixels por luz, segundo a documentação da Epic — como um conjunto de páginas, alocando e renderizando apenas as páginas que a câmera realmente consegue ver, na resolução necessária para cada uma. Assim, você obtém sombras quase perfeitas no nível do pixel vistas de perto sem pagar o custo do mapa inteiro. Em setembro de 2026, nenhum motor para navegadores oferece VSMs. O Three.js disponibiliza mapas de sombras em cascata em seu renderizador WebGPU e sombras suaves PCSS, enquanto o Babylon.js tem um CascadedShadowGenerator. Em princípio, é possível criar VSMs em WebGPU — trata-se de computação combinada a chamadas de desenho indiretas —, mas ninguém lançou ainda uma implementação genérica, então as cascatas continuam sendo a solução prática em uma aba.

Quais são as melhores técnicas de renderização de cabelo para jogos web?

Ignore a simulação de fios e capriche no sombreamento dos cards. Cabelos em fios em tempo real (TressFX, sistema Groom da Unreal) exigem simulação intensiva em computação e transparência independente de ordem em grande escala, o que é pesado até mesmo em aplicações nativas e, até setembro de 2026, não conta com implementação pronta para uso no three.js ou no Babylon.js. A abordagem adequada para a web usa hair cards (algumas dezenas de faixas texturizadas com teste alfa) com sombreamento anisotrópico Kajiya-Kay ou um brilho Marschner simplificado, criado com o TSL do three.js ou os materiais de nós do Babylon, uma renderização em duas passagens — primeiro teste alfa, depois mesclagem — para manter as bordas suaves e um termo de oclusão de ambiente simples pré-calculado na textura do card. Se precisar de movimento, controle algumas cadeias de ossos em vez de simular fios. Isso proporciona a maior parte do resultado visual por uma pequena fração do tempo de quadro, algo importante quando toda a cena tem um orçamento de 16 ms em uma GPU integrada.

Esta lista ainda está correta em 2026?

Sim, e as mudanças desde maio de 2026 são refinamentos, não novas categorias. A UE 5.8 (junho de 2026) tornou o MegaLights pronto para produção, adicionou o Lumen Lite e mapas de sombras virtuais mais econômicos para objetos distantes, e é a última versão 5.x antes da Unreal Engine 6. O FSR Redstone da AMD reuniu geração de quadros, regeneração de raios e cache neural de radiância em um único pacote de ML, o que confirma a direção das duas últimas seções. E o WebGPU chegou a todos os principais navegadores, portanto a seção “o que isso significa para o navegador” acima agora trata de quais técnicas portar, e não de se a plataforma está pronta.

Leituras adicionais sobre toda a stack

Se quiser ler um único livro, Real-Time Rendering, 4ª edição é a referência padrão que aborda a maioria dos tópicos acima. Para acompanhar pesquisas recentes, o arquivo do curso “Advances in Real-Time Rendering in Games” da SIGGRAPH (advances.realtimerendering.com) oferece PDFs gratuitos de análises detalhadas de engines AAA desde 2006. Para análises de produção que destrincham como jogos específicos renderizam cada quadro, os artigos de Adrian Courrèges sobre profiling de GPU são leitura obrigatória.