3D & Modelagem
ChatGPT / GPT-4o
Tour Virtual 360° em A-Frame para Imóveis (WebXR)
Página de tour virtual com esferas 360°, hotspots clicáveis entre ambientes e suporte a óculos VR — ideal para imobiliárias.
0cópias
0joinhas
0favoritos
O prompt
Crie uma página de tour virtual 360° em A-Frame (via CDN) para o imóvel {{nome_imovel}}.
Parâmetros:
- Nome do Imóvel: {{nome_imovel}}
- Pasta com as Fotos Esféricas: {{pasta_fotos_360}}
- Ambiente Inicial: {{ambiente_inicial}}
Requisitos:
1. Cena A-Frame com esfera de raio 400 exibindo a foto esférica (equiretangular) do ambiente inicial em {{pasta_fotos_360}}/{{ambiente_inicial}}.jpg.
2. Pelo menos 3 ambientes conectados (ex.: sala, cozinha, quarto): hotspots visíveis (círculos com ícone e label) que, ao clicar, trocam a textura da esfera para o próximo ambiente com fade suave de 500ms.
3. Hotspot 'voltar' em cada ambiente retornando ao {{ambiente_inicial}}.
4. Suporte WebXR: botão 'Entrar no VR' (a-enter-vr) que funciona em óculos; em desktop/mobile, navegação por arrastar e scroll.
5. Barra inferior com o nome do imóvel atual e contador de ambientes (ex.: 'Sala · 2/3').
6. Loading: a esfera começa preta e a foto aparece quando terminar de baixar (evita esticar a imagem).
Como usar
- Prepare as fotos esféricas (equiretangular, idealmente 4K) em uma pasta {{pasta_fotos_360}} com nomes simples (sala.jpg, cozinha.jpg...).
- Substitua {{nome_imovel}}, {{pasta_fotos_360}} e {{ambiente_inicial}} ('sala').
- Cole no ChatGPT; salve como tour.html na mesma pasta das fotos e sirva via HTTP (ex.: npx serve) — file:// bloqueia texturas.
- Para publicar, hospede a pasta em qualquer CDN/Netlify: o A-Frame carrega tudo via CDN, sem build.
Exemplo de saída
tour.html (~120 linhas): cena A-Frame com esfera raio 400 e fade de 500ms entre ambientes, hotspots circulares com label trocando a textura por ambiente, botão 'voltar' ao inicial, a-enter-vr para WebXR, barra inferior 'Sala · 2/3' e tela preta até o download da foto terminar.