Este sitio web ha sido concebido como una herramienta didáctica accesible y versátil que permite a cualquier docente crear entornos virtuales inmersivos basados en imágenes panorámicas de 360°, facilitando que el alumnado pueda explorarlos de forma interactiva directamente desde sus teléfonos móviles.
La plataforma posibilita la generación de un archivo HTML5 completamente autocontenido, en el que se integran el panorama diseñado por el docente, los distintos puntos interactivos o hotspots y las imágenes adicionales incrustadas en formato base64. Todo el contenido queda empaquetado en un único archivo, lo que simplifica su distribución y publicación sin necesidad de instalaciones ni conexión a servicios externos.
Al acceder desde un smartphone, el sistema incorpora automáticamente un botón de visualización en modo VR, que activa la vista estereoscópica y permite la navegación mediante el giroscopio del dispositivo.
Para generar su mundo virtual
Cree o tenga preparada una imagen de 360°, o use el botón "Generador 360" para generar una con IA describiendo la escena.
Pulse "Generador de mundos" para ver las instrucciones completas y acceder a la herramienta que le permite subir su imagen 360° y personalizar hotspots, imágenes, vídeos y enlaces.
Exporte su mundo virtual como un único fichero HTML listo para publicar o compartir.
Ver ejemplo en su móvil
Escanee este código QR con su smartphone para visualizar el ejemplo de mundo virtual directamente, sin teclear la URL.
Seleccione el nivel educativo y la materia para adaptar el prompt automáticamente, o escriba directamente su descripción.
💡 Ejemplos rápidos — pulse para insertar:
🎯Seleccione un nivel educativo y una materia para ver ejemplos específicos adaptados a su asignatura.
¡Puede modificar el texto que aparece aquí arriba para añadir o modificar los detalles de su mundo!
👁 Vista previa del prompt que se enviará a la IA:
Aquí aparecerá el prompt completo una vez que escriba su descripción...
✓ Prompt copiado al portapapeles correctamente
Ahora puede pegar este prompt en cualquiera de las herramientas de IA indicadas a continuación para generar su imagen de 360°. Recuerde que necesitará cuenta Google para Gemini.
Cómo convertir tu imagen 360° en un mundo inmersivo
Flujo de trabajo completo
1
Genera tu imagen 360° con IA
Usa la pestaña «Generador 360» de esta misma página para crear un prompt personalizado según tu nivel educativo y materia. Copia el prompt y pégalo en Gemini, Bing Creator, Adobe Firefly u otra herramienta de IA para obtener tu panorama equirrectangular.
2
Descarga la imagen generada
Guarda la imagen en tu dispositivo. Asegúrate de que tenga una relación de aspecto 2:1 (por ejemplo, 4096 × 2048 px). Formatos admitidos: JPG, PNG o WebP. Se recomienda una resolución mínima de 4K para mayor calidad visual.
3
Sube la imagen al Generador de Mundos
En el Generador de Mundos, arrastra tu imagen panorámica a la zona de carga o haz clic en «Seleccionar imagen». La imagen se procesa completamente en local, sin enviarse a ningún servidor externo.
4
Añade elementos interactivos
Activa el Modo Edición (tecla E) y haz clic en cualquier punto del panorama para insertar contenido. Puedes añadir hotspots con URL, imágenes fijas o animadas (GIF), vídeos transparentes (WEBM), audios (de fondo o en puntos interactivos) y cuestionarios de evaluación.
5
Exporta y comparte tu mundo virtual
Pulsa «Exportar página web HTML5» para descargar un único archivo autocontenido con el panorama, todos los hotspots y las imágenes en base64. Súbelo a cualquier servidor web, compártelo por correo o publícalo directamente.
Funcionalidades del visor 360°
📱
Modo VR para móvil
Vista estereoscópica inmersiva con sincronización total. Funciona perfectamente mediante el uso del giroscopio.
🖱️
Navegación intuitiva
Arrastra para explorar el panorama. Rueda del ratón para zoom. Compatible con pantallas táctiles.
📍
Hotspots y Cuestionarios
Puntos de información, enlaces externos o baterías de preguntas directamente en el entorno 3D.
🖼️
Imágenes y GIFs animados
Coloca imágenes fijas o con movimiento (GIF) dentro del mundo virtual, con enlace y descripción.
🎬
Vídeos transparentes
Integra vídeos en formato WEBM para introducir personajes o elementos animados integrados en el escenario.
🎵
Audios inmersivos
Añade música de fondo en bucle o coloca hotspots con icono de altavoz para reproducir explicaciones.
🔒
100% local y privado
Todo se procesa en el navegador. Ningún dato se envía a servidores externos.
📦
Fichero único autocontenido
El HTML exportado incluye todo: panorama, elementos y recursos en base64. Sin dependencias externas.
Atajos de teclado del visor
+/ − Zoom
R Auto-rotación
G Giroscopio
V Vista VR dividida
F Pantalla completa
E Modo edición
S Configuración
U Cambiar imagen
Esc Cerrar panel
? Ayuda
💡
Consejo: Para la mejor experiencia en realidad virtual, genera imágenes con una resolución mínima de 4096 × 2048 px (4K). El prompt del Generador 360° ya solicita automáticamente resolución 8K UHD con la proyección equirrectangular correcta.
Siempre pida explícitamente una imagen equirrectangular de 360° con relación de aspecto 2:1. El prompt generado por esta herramienta ya incluye estas instrucciones automáticamente.
Si la herramienta no genera correctamente la distorsión de polos, puede usar aplicaciones como Hugin o PTGui para convertir imágenes planas en panoramas esféricos.