¿Qué es Visor de Imágenes 360°?

Un visor interactivo para imágenes panorámicas equirrectangulares de 360 grados. Sube una foto panorámica y explórala haciendo clic y arrastrando para girar, desplazando el scroll para acercar o alejar, y viendo el entorno esférico completo.

El visor se apoya en Three.js: proyecta tu JPEG o PNG equirectangular sobre el interior de una esfera con la cámara en el centro. Arrastra para mirar alrededor, usa la rueda o pellizca para cambiar el campo de visión, activa la autorrotación (con velocidad Lenta / Normal / Rápida) para un recorrido sin manos y haz una captura del ángulo actual en PNG o JPG.

Cómo usar

1. Sube una imagen panorámica equirrectangular (JPEG o PNG) desde tu dispositivo o utiliza el panorama de muestra integrado.
2. Haz clic y arrastra para mirar alrededor de la escena de 360 grados. Usa el scroll o gestos de pellizco para acercar y alejar.
3. Activa la rotación automática para un recorrido sin manos, o toma una captura de pantalla de la vista actual para descargarla.

Cuándo usar

• Revisar la foto 360 de un anuncio inmobiliario antes de pedir cita para verlo en persona.
• Previsualizar una panorámica de dron o réflex antes de publicarla en Google Maps o Facebook.
• Compartir recorridos virtuales de museos, locales o sets de rodaje con clientes en modo sin conexión.

Resultado

Un fotógrafo inmobiliario sube un panorama de 360 grados de una sala de estar y comparte el enlace del visor para que los posibles compradores puedan explorar el espacio de forma interactiva.

Preguntas frecuentes

¿Qué es una imagen equirectangular y cómo sé si la mía lo es?

Las imágenes equirectangulares tienen relación 2:1 (es común 4096×2048) y se ven estiradas, con los bordes superior e inferior representando cielo y suelo. La mayoría de cámaras 360 y apps de panorámicas exportan a este formato por defecto.

La imagen carga pero se ve distorsionada en el centro o se nota la costura. ¿Qué pasa?

La distorsión suele significar que el archivo no es una proyección equirectangular real, por ejemplo cilíndrica o tipo little planet. Reproyéctala con PTGui o Hugin. Las costuras vienen de un solape insuficiente al capturar, hay que rehacer el stitch desde el material original.

¿Puedo ver panorámicas estereoscópicas 3D o en formato VR?

No. El visor renderiza una esfera 360 monoscópica, así que las panorámicas over-under o side-by-side aparecerán duplicadas. Para VR necesitas un visor y un reproductor que separe los ojos, como SKYBOX o DeoVR.

¿La autorrotación permite ocultar los controles para una demo limpia?

Sí. Pulsa el botón de pantalla completa en la barra de herramientas y la panorámica ocupa toda la pantalla; los controles siguen visibles en el borde inferior, así que autorrotación, zoom, captura y restablecer vista están a un clic. La autorrotación también tiene velocidades Lenta, Normal y Rápida junto al botón, para elegir un giro suave de presentación o una vuelta rápida de vista previa.

¿Mi panorámica se sube a algún sitio?

No. El archivo se carga directamente como textura en memoria de Three.js y nunca sale de la página. Las capturas se generan leyendo los píxeles del canvas en local.

Herramientas relacionadas