# Diorama — um quarto que podes reorganizar

> Um quarto em corte isométrico, renderizado em tempo real. Arrasta mobília numa grelha, muda a cor de cada peça, reveste paredes e chão, e troca o ambiente inteiro com um clique. Totalmente procedural — sem modelos, sem texturas, sem build.

- **Source:** https://amplifiedcreations.com/pt/lab/diorama
- **Publisher:** amplified creations (https://amplifiedcreations.com/)
- **Published:** 2026-07-02
- **Language:** pt
- **Stack:** Three.js, WebGL, Postprocessing, Procedural
- **Live demo:** https://ptthe13.github.io/amplifiedlabs/diorama/
- **Source code:** https://github.com/PTthe13/amplifiedlabs/tree/main/diorama

---

Diorama é um quarto em corte isométrico que mobílias tu próprio. Abre num estúdio escuro — sofá, estante, uma secretária iluminada pelo próprio monitor — e cada objecto é teu para mover, recolorir e revestir em tempo real.

Arrasta qualquer peça e ela desliza numa grelha. Selecciona-a e aparece uma paleta: põe o sofá terracota, a estante em nogueira. Reveste as paredes com tinta lisa ou réguas de madeira, troca o chão entre quatro tons, muda o tapete, acende os candeeiros. Ou salta a fineza e escolhe um tema — Studio, Warm, Cool — para vestir o quarto todo de uma vez. O teu arranjo fica guardado no browser, à espera quando voltas.

É tudo procedural. Não há ficheiros de modelo nem imagens de textura no disco — cada sofá, estante e planta é construído a partir de primitivas de caixa arredondada em código, e as tábuas do chão e o padrão do tapete são desenhados num canvas em tempo real. O aspecto vem de uma câmara ortográfica num ângulo isométrico, uma luz principal quente com sombras suaves, e um encadeamento de pós-processamento que faz brilhar os ecrãs e desenha um contorno laranja em torno do que seleccionas.

Three.js, directamente de um CDN. Sem build. [Abre em ecrã inteiro](https://ptthe13.github.io/amplifiedlabs/diorama/) ou [lê o código](https://github.com/PTthe13/amplifiedlabs/tree/main/diorama).

---

Publicado por amplified creations, estúdio de tecnologia independente em Leiria e Lisboa, Portugal. Contacto: info@amplifiedcreations.com · Mais: https://amplifiedcreations.com/llms.txt