TUTORIAL: Excursión virtual interactiva con Pano2exe

Este tutorial también está disponible en Inglés y Francés.

Además del tutorial le recomendamos leer la ayuda de Pano2exe, que está disponible aquí.

Este tutorial le permitirá reproducir íntegramente nuestro ejemplo "Excursión virtual interactiva con Pano2exe" y al mismo tiempo le dará algunas ideas y trucos para realizar sus propias creaciones artísticas para realizar y distribuir panoramas virtuales. Este tutorial está dirigido particularmente a los principiantes deseosos de poder realizar y distribuir rápidamente sus panoramas virtuales.

Las imágenes de nuestro ejemplo

Imagen de inicio de la excursión virtual

Es una Imagen que contiene el mapa de inicio de la excusión virtual en una isla. La imagen es de 546x320 píxeles y contiene el mar, las islas y el texto "take a virtual tour with". Para lograr efectos especiales en la presentación de la excusión virtual se duplicó la imagen, por lo tanto, el tamaño final de imagen es de 1092x320 píxeles, tal como se muestra en la figura siguiente.

Imagen 1
Imagen 1 duplicada
Ambas imágenes se grabaron como map-sp.jpeg en un sólo archivo de 1092x320 píxeles.

Imágenes panorámicas de 360°

Se utilizaron 3 imágenes panorámicas. Los archivos que corresponden a los panoramas son: pano01.jpg, pano02.jpg y pano03.jpg.

Logos, iconos y botones

Se utilizaron varias imágenes como botones con vínculos.

pano2exe.bmp -El fondo plano amarillo es utilizado como color transparente, por lo cual resulta invisible.
icon.bmp - Se utiliza para cada uno de los botones con vínculos a cada panorama virtual.
infoa.bmp - Junto con la imagen infob.bmp se utiliza para lograr el efecto similar a una imagen de animada. Al explicar cómo configurar la ficha Avanzado, más adelante, explicaremos como.
infob.bmp
sail.bmp - El color verde es utilizado como color transparente. Se utiliza para el botón que vincula dos panoramas entre sí.

Archivos para descargar

Puede descargar tanto los archivos fuente (útiles para ver cómo está hecho el tour) y también un instalador que instalará varios panoramas vinculados entre sí.

Los archivos fuente están comprimidos dentro de un archivo .zip. Cree un directorio y descomprímalos allí.

A continuación puede abrir al archivo de proyecto: excursion_virtual.p2e haciendo click en el botón , desde Pano2exe o bien puede re-crear el proyecto usted mismo, siguiendo los pasos especificados a continuación.

Pasos para recrear el proyecto Excursión virtual interactiva con Pano2exe

Cliquee y seleccione y abra el archivo map-sp.jpg, el nombre de archivo aparecerá en la parte de arriba de la ficha Principal.

Grabar el Proyecto desde: Archivo/Proyecto/Grabar como... Grabe el proyecto en un directorio diferente al utilizado por los archivos que descomprimió previamente, para no sobreescribir ningún archivo.

En el menú Opciones

En el menú Movimiento

En la ficha Principal

En la ficha Avanzado

La configuración de esta ficha permitirá lograr un efecto similar a un GIF animado en el mapa inicial de la isla, colocando los valores apropiados en las opciones de Velocidad para el desplazamiento dentro de una línea de casilleros marcados con color amarillo: para el Movimiento (en píxeles) poner el valor 546 que corresponde exactamente a la mitad del ancho total en píxeles de la imagen y, en Intervalos (en milisegundos) poner el valor 2000 u otro valor según la velocidad del efecto de GIF animado que desee obtener. Este el mapa inicial se moverá cada 2 segundos con un salto de 546 píxeles y el observador la verá como una imagen estática con un icono parpadeante.

En la ficha Imágenes

Cliquear , en la parte inferior de la ficha para abrir la imagen del mapa en el Editor de imágenes. Desde el Editor de imágenes podrá agregar todas las imágenes que utilizará como botones con vínculos o títulos.
Aqui, el truco es agregar cada imagen por partida doble, para que aparezcan en ambas "mitades" de la imagen. El duplicado de cada imagen debe ser colocado a la misma altura y a 546 píxeles de distancia de la primera imagen procediendo de la siguiente manera:

  1. Desde el menú Imágenes/Nueva abra la imagen pano2exe.bmp y ubiquela en la parte superior izquierda del mapa. Mientras esté seleccionada podrá ver en los casilleros Izquierda y Arriba que se encuentran en la parte inferior-izquierda del Editor de Imágenes los valores de coordenadas, o directamente escribir allí las coordenadas donde colocará la imagen.
  2. Posicione la imagen en 200 (izquierda) y 64 (arriba).
  3. Como deseamos que no se vea el fondo amarillo del logo Pano2exe haga un clic sobre el botón Color transparente y se abrirá una pequeña ventana en la que deberá hacer un clic sobre el color amarillo y finalmente un clic sobre el botón Aceptar, para mostrar el logo como una imagen transparente.

Repita los pasos 1, 2 y 3, con la misma imagen, pero está vez posiciónela en 746 (posición izquierda, 546 + 200 = 746) y 64 (arriba).

Agregue las imágenes icon.bmp, pano2exe2.bmp, infoab.bmp e infob.bmp) en las posiciones aproximadas que muestra la figura inferior, siguiendo el mismo sistema para colocarlas por duplicado, con una distancia horizontal entre cada par de imágenes, de 546 píxeles.

Finalmente seleccione cada imagen una por una y colóquele los vínculos que correspondan. Para los botones coloque pano01.pano, pano02.pano y pano03.pano como vínculos, para cada par de botones. Escriba los vínculos dentro del casillero Vínculo que se encuentra en la parte inferior del editor de imágenes, o cliquee el botónHojear para seleccionar un archivo (tal como un panorama, un programa ejecutable, o cualquier otro tipo de archivo que desee abrir con ese vínculo).

En nuestro ejemplo, puede ver que al hacer un clic sobre el logo , se mostrará un mensaje. Este tipo de mensajes se puede lograr escribiendo dentro del casillero Vínculo el mensaje, precedido por las letras MSG:. Ejemplo:

MSG:Tutorial: Excursión virtual interactiva con Pano2exe. http://change7.com

Grabar el panorama ejecutable

Oprima el botón y escriba el nombre archivo que tendrá su panorama. En el ejemplo de nuestro tutorial el nombre es: excursion_virtual.exe.
Este archivo incluirá todas las imágenes y el Visor de Pano2exe.

Configuración de panoramas virtuales de 360º

Desde el menú Archivo

En el menú Opciones

En en menú Movimiento deseleccione la opción Comenzar detenido si desea que el panorama virtual comience moviéndose, como lo hace nuestro ejemplo.

En el menú Ver marque las opciones que desea. Observe que los panoramas del tutorial fueron configurados de distintas maneras a modo de ejemplo. Ver en la Ayuda de Pano2exe: La barra de menús.

Ficha Principal

Ficha Avanzado: deje la configuración estándar o ver en la Ayuda: Creando Panoramas / Opciones Avanzadas

Ficha Imágenes: Utilice el Editor de Imágenes tal como se describió anteriormente, si desea poner un botón con un vínculo a otro panorama como lo hicimos en uno de los panoramas, o a un archivo local o a un vínculo en línea.

Grabar un panorama

Oprima el botón , seleccione Imágenes panorámicas, abajo en al cuadro de diálogo de Grabar como, para grabar su archivo como una imagen panorámica con extensión .pano, y no como un panorama ejecutable.

 

y escriba el nombre archivo que tendrá su panorama y elegir grabarlo con la extensión .pano. En el ejemplo de nuestro tutorial corresponde a: pano01.pano, pano02.pano y pano03.pano.
Los panoramas se graban con la extensión .pano debido que serán llamados mediante vínculos desde la imagen de inicio la cual ya fue grabada como un ejecutable. Esta técnica permite distribuir muchos panoramas ahorrando espacio.

Agregando sonidos

En nuestro tutorial hemos agregado el archivo de sonido my_sound.mid a la imagen de inicio a modo de ejemplo.
Para agregar sonidos a sus panoramas virtuales vaya a la ficha Principal y oprima el botón Abrir que se encuentra debajo del casillero Archivo de sonido y agregue el sonido que desee en el cuadro de diálogo que se abre a continuación. Si desea que el sonido se toque una sola vez, como es el caso de nuestro tutorial, deseleccione el casillero Tocar sonido continuamente en el menú Opciones.
Preferimos usar archivos de sonido MIDI porque son más pequeños que los archivos MP3 ó WAV. Pano2exe admite los mismos tipos de sonidos que soporta Microsoft Media Player.
Si lo desea, puede colocarle un sonido distinto a cada panorama virtual siguiendo los pasos que acabamos de describir. Nosotros no lo hicimos debido a que la redundancia de sonidos puede resultar molesta para el usuario.

Puede ver más información sobre este tema en la ayuda de Pano2exe.

Ventana personalizada Acerca de...

Esta opción únicamente es válida para aquellos usuarios que hayan adquirido la versión Profesional. Cuando un usuario hace un clic sobre el botón Información se abre la ventana Acerca de... A modo de ejemplo pusimos distintas ventanas de Acerca de en los panoramas de nuestro tutorial, ellos son: about.txt, about.htm y about.doc.
Agregue su ventana personalizada de Acerca de... desde la ficha Principal. Oprima el botón Hojear del campo Página Acerca de... y escriba el nombre del archivo cuando se abre el cuadro de diálogo pertinente.
Recomendamos utilizar archivos .htm o .txt en consideración que son archivos que podrán ser abiertos en la computadora de cualquier usuario. Cualquier otro archivo con diferente extensión que utilice, requerirá que el usuario tenga instalado el correspondiente programa para que pueda ser abierto.
Si lo desea, puede tomar nuestros ejemplos y modificarlos a su conveniencia.