O que é Visualizador de Imagens 360°?

Um visualizador interativo para imagens panorâmicas equirretangulares de 360 graus. Carregue uma foto panorâmica e explore-a clicando e arrastando para girar, rolando para ampliar e visualizando o ambiente esférico completo.

O visualizador roda em Three.js: mapeia seu JPEG ou PNG equirretangular na parte interna de uma esfera e posiciona a câmera no centro. Arraste para olhar em volta, role ou faça pinça para mudar o campo de visão, ative a autorrotação (com velocidade Lenta / Normal / Rápida) para um tour sem usar as mãos e capture o ângulo atual em PNG ou JPG.

Como usar

1. Carregue uma imagem panorâmica equirretangular (JPEG ou PNG) do seu dispositivo ou use o panorama de amostra integrado.
2. Clique e arraste para olhar ao redor do cenário de 360 graus. Use o scroll ou gestos de pinça para ampliar ou reduzir.
3. Use o botão de rotação automática para um tour sem usar as mãos, ou tire uma captura de tela da vista atual para baixar.

Quando usar

• Conferir a foto 360 de um anúncio de imóvel antes de marcar a visita presencial.
• Pré-visualizar uma panorâmica feita por drone ou DSLR antes de publicar no Google Maps ou Facebook.
• Compartilhar tours virtuais de museus, espaços ou sets de filmagem com clientes para visualizar offline.

Resultado

Um fotógrafo imobiliário carrega um panorama de 360 graus de uma sala de estar e compartilha o link do visualizador para que potenciais compradores possam explorar o espaço de forma interativa.

Perguntas frequentes

O que é uma imagem equirretangular e como sei se a minha é?

Imagens equirretangulares têm proporção 2:1 (4096×2048 é comum) e parecem esticadas, com as bordas superior e inferior representando o céu e o chão. A maioria das câmeras 360 e apps de panorama exportam nesse formato por padrão.

A imagem carrega mas aparece distorcida no centro ou com a costura visível. Por quê?

A distorção normalmente quer dizer que o arquivo não é uma projeção equirretangular de verdade, podendo ser cilíndrica ou tipo little planet. Reprojete com PTGui ou Hugin. Costuras visíveis surgem de sobreposição insuficiente na captura, é preciso refazer o stitching a partir do material original.

Dá pra ver panorâmicas estereoscópicas 3D ou em formato VR?

Não. O visualizador renderiza uma esfera 360 mono, então panorâmicas over-under ou side-by-side aparecem duplicadas. Para VR é preciso um headset e um player que separe os olhos, como SKYBOX ou DeoVR.

A autorrotação esconde os controles para uma demo limpa?

Sim. Toque no botão de tela cheia na barra de ferramentas e a panorâmica se expande para preencher a tela; os controles continuam fixos na borda inferior, então rotação automática, zoom, captura e redefinir visão ficam a um clique. A rotação automática também tem velocidades Lenta, Normal e Rápida ao lado do botão, para escolher um giro suave de apresentação ou uma volta rápida de prévia.

Minha panorâmica é enviada a algum servidor?

Não. O arquivo entra direto como textura em memória do Three.js e nunca sai da página. As capturas são geradas lendo os pixels do canvas localmente.

Ferramentas relacionadas