Casa Verônica e Felipe · Passeio 3D

Passeio interativo em primeira pessoa pela casa, gerado a partir da planta de aprovação em DWG e com acabamentos baseados no projeto de interiores (Bruna Varhau, REV01). Corre no navegador (Three.js + Vite), sem plugins, e funciona em qualquer PC com placa gráfica integrada.

O que já faz

• Geometria real da planta: paredes, espessuras, portas, janelas (com altura e peitoril), divisórias de vidro e guarda-corpos são extraídos automaticamente do DWG (tools/dwg_para_json.py).
• Três pavimentos alinhados: subsolo (garagem e bar, −1,05 m), térreo (+1,50 m) e superior (+4,47 m), com as duas escadas em "U" (17 e 14 degraus, conforme o DWG), o vazio do mezanino (pé-direito duplo sobre estar, jantar e cozinha), varandas, sacada, rampa da garagem e escada de entrada.
• Acabamentos do projeto de interiores por ambiente: piso de madeira escura, lambri branco no hall, sala e circulação, cozinha e lavanderia com azulejo "subway", escritório verde, suíte do filho azul, lareira em pedra que sobe pelo pé-direito duplo, garagem com tijolo aparente e bar.
• Janelas e portas com caixilho preto quadriculado, portas que abrem (tecla E), porta de correr da varanda.
• Mobiliário paramétrico desenhado sobre as referências: lareira de pedra até ao teto com bancos de janela e TV, estantes em arco com fundo ripado, sofá em L de linho com almofadas, mesa "live edge", lustre de roda duplo, cozinha modular igual às pranchas 30–35 do projeto (cozinha_linear: despensa, geladeira french door em inox com armário por cima, superiores de vidro com loiça, fogão preto de dois fornos com coifa de guarnição de nogueira, prateleiras abertas, cuba de avental com torneira de ponte em latão, lava-louça, bancada de mármore e frontão subway), ilha com tampo de nogueira, micro-ondas e forno do lado da cozinha, banquetas estofadas e lanternas, mesa de jantar de nogueira escura com cadeiras estofadas de encosto em escudo e lustre de velas, cristaleira, lavanderia com vigas e armário de madeira, banheiros com bancada sálvia, mármore e box em espinha de peixe, escritório com estante embutida e sofá de veludo, camas de nogueira com colunas e mesas de cabeceira, cama-baú infantil, garagem com dois carros, portão preto estilo celeiro, chesterfield de couro, painel de TV, bar e adega em grelha metálica.
• Iluminação física: sol com sombras, céu e ambiente em HDR real (campo ao nascer do sol; noite sem lua), reflexos PBR, luminárias com luz própria (lustre de roda, lanternas, arandelas, lareira), modo dia/noite (tecla L).
• Pós-processamento: oclusão ambiente (GTAO) e anti-aliasing (SMAA), com 3 níveis de qualidade (tecla Q ou ?qualidade=0|1|2 no URL).
• Acabamentos "modern farmhouse" a partir das imagens de referência: piso de madeira fotográfico, rodapés, sancas, lambris com almofadas (hall, sala, circulação), lambri ripado azul (quarto do filho), lambri sálvia com papel floral (quartos de hóspedes), boiserie no escritório verde, cortinas de voil com varão preto em todas as janelas, siding branco na fachada, colunas com base de pedra e guarda branca na varanda, bloco de concreto na garagem.
• Mobiliário posicionado pela planta humanizada do PDF: sofá de canto em L com consola atrás, mesa de centro e lustre de roda alinhados com a lareira, estantes em arco na parede sul da sala com as poltronas, mesa de jantar e ilha nas posições do projeto, camas com a cabeceira na parede indicada, roupeiro corrido da suíte master, lounge da garagem na faixa leste com bar e adega no nicho.
• Modo foto com path tracing (tecla F): a vista atual é recalculada por path tracing na GPU (three-gpu-pathtracer): luz indireta real, sombras suaves, reflexos e vidros físicos, com o HDR do céu e as luminárias da casa como fontes de luz. A imagem converge amostra a amostra (a granulação desaparece em segundos numa placa dedicada, em minutos numa integrada); "Guardar PNG" descarrega a fotografia. Qualquer movimento sai do modo.
• Escadas pelas linhas do DWG: a escada da sala (8 + 8 espelhos, patamar a oeste) e a da garagem (6 + 7, descendo ao longo da parede oeste) seguem os degraus desenhados na camada de mobiliário do DWG; guardas de balaústres pretos com corrimão de madeira em cada lance, mureta entre a subida e o poço da descida, corrimãos metálicos na escada de entrada.
• Bay window da brinquedoteca (paredes oblíquas do DWG) com banco almofadado, e divisória de vidro com caixilho preto e porta para o hall.
• Cor calibrada: tone mapping AgX, brancos com albedo realista (paredes, marcenaria, teto, siding), pedra "ledgestone" à escala real na lareira.
• Física simples: gravidade, colisão com paredes, móveis e guardas, subida e descida de escadas e rampas.
• HUD: nome do ambiente atual, mini-mapa do pavimento, lista de teleporte (tecla T), 3 níveis de qualidade (Q).

Como correr

cd casa-3d
npm install
npm run dev      # http://localhost:5173
npm run build    # gera dist/ (site estático)

Controlos: W A S D andar · rato olhar · Shift correr · E abrir/fechar portas · T teleporte · M mapa · L dia/noite · Q qualidade · F modo foto (path tracing) · Esc solta o rato.

Publicar na Vercel

Crie um projeto novo na Vercel apontando para este repositório com Root Directory = casa-3d. A Vercel detecta o Vite (build npm run build, output dist). O painel financeiro continua no projeto existente (raiz do repositório), sem interferência.

Exportar para Blender / Unreal

O botão Exportar GLB no ecrã inicial grava a casa inteira (paredes, pisos, escadas, mobiliário, modelos, com materiais e texturas) num ficheiro glTF binário. Abre diretamente no Blender (File → Import → glTF), no Unreal Engine 5 e na maioria dos programas 3D: é o caminho para luz cozinhada, renders em Cycles e vídeos fotorrealistas a partir da planta já validada.

This is the beginning of the README. Read the rest at the original. Read the full README ↗