Aplicação web para perceber como é feito um PC: desmonta em 3D os seus componentes, do processador à fonte de alimentação, e põe-nos a trabalhar, com temperaturas, consumo e frequências que mudam em tempo real. Oito componentes, noventa peças explicadas uma a uma e, ao fundo, a linha de montagem de cada um. Funciona toda no browser, com three.js.
O **Banco Hardware 3D** («bancada de hardware», em italiano) é um projeto pessoal: uma bancada de trabalho virtual onde os componentes de um PC se desmontam até à última camada e depois se põem a trabalhar. Os modelos são inventados, como o processador NX-9 1490K ou a placa gráfica BH Prisma 7080, mas as medidas e os números são os do hardware atual: o formato ATX, a DDR5, o limite de 253 W de um processador para PC de secretária.
**O que faz**
- **Oito componentes em 3D**: processador, dissipador, placa-mãe, RAM DDR5, placa gráfica, fonte de alimentação, SSD NVMe e o PC completo na caixa. Rodam-se, abrem-se com a vista explodida e observam-se de quatro ângulos, até ao die do processador. - **Noventa peças explicadas**: um clique numa peça foca-a e abre a sua ficha, com a função, os dados técnicos e um pormenor a saber. - **A linha de montagem**: ao fundo, cada componente é construído passo a passo, 92 passos ao todo, como a refusão a 250 °C que solda o die do processador. - **O funcionamento**: cinco cargas de trabalho, de «Inattivo» (em repouso) a «Stress AVX». Temperatura, potência, frequência e tensão mexem-se em conjunto, os 16 núcleos mostram a carga e a frequência, e dentro de um núcleo o pipeline de seis fases executa um ciclo em assembly. - **Uma simulação por componente**: o calor que passa do die para o ar, a corrente nas fases da placa-mãe, os 32 bancos de um chip DRAM, o estrangulamento entre processador e placa gráfica, os 16 dies NAND do SSD com a cache SLC, o ar que atravessa a caixa. Com a fonte de 450 W, um pico da placa gráfica faz disparar a proteção e a fonte desliga-se.
**A parte difícil**
No site não há um único ficheiro 3D nem uma imagem: cada peça é construída pelo código, e as pistas dos circuitos, as inscrições e o mapa do die são desenhados em canvas com um gerador aleatório de semente fixa, por isso cada visita vê os mesmos circuitos. O código do site pesa 110 KB comprimido, o three.js mais 209. A simulação diz onde simplifica: o pipeline está cerca de mil milhões de vezes mais lento, e o dissipador tem um quarto da massa real, para não se esperar minutos até aquecer.
JavaScript sem framework e three.js no browser; um pequeno servidor Node sem dependências serve as páginas comprimidas, com uma Content Security Policy que lista os hashes dos scripts, num contentor só de leitura no meu servidor.
Conceção, desenvolvimento full-stack e publicação · 2026
three.js, JavaScript, Node.js, HTML, CSS