Rendering
Renderização (Geração de Saída Visual/Áudio)
O processo de gerar saída visual ou audível a partir de dados abstratos, descrições ou instruções — como converter HTML/CSS em pixels de página web, texto 3D em polígonos, ou partituras musicais em áudio.
Detalhe técnico
A renderização de navegador segue um pipeline: parse HTML → construir árvore DOM → parse CSS → CSSOM → combinar em árvore de renderização → calcular layout (reflow) → pintar pixels → composição em GPU. A renderização 3D usa pipeline de vértices (transformar geometria) → rasterização (converter triângulos em fragmentos/pixels) → pipeline de fragmentos (aplicar texturas, iluminação, sombras). A API Canvas 2D do HTML5 fornece rasterização imediata (desenhar e esquecer), SVG fornece gráficos de modo retido (árvore DOM), e WebGL/WebGPU fornecem acesso ao pipeline 3D acelerado por GPU. Renderização server-side (SSR) pré-renderiza HTML no servidor para SEO e tempo de carregamento inicial mais rápido.
Exemplo
```javascript
// Rendering: file processing example
const file = document.getElementById('fileInput').files[0];
const reader = new FileReader();
reader.onload = (e) => {
const data = e.target.result;
console.log(`Loaded: ${file.name} (${file.size} bytes)`);
};
reader.readAsArrayBuffer(file);
```