Recomendamos flash templates.

Tours Virtuales Online

Un Click Es Suficiente Para Crear Un Tour Virtual Online

El Creador de Tours Virtuales Online admite varios formatos y le permite crear Tours Virtuales de la nada en apenas dos clicks:

  • Un click de su camara para capturar 360 grados en una sola toma.


  • Un click de su mouse para transformar la fotografia en un Tour Virtual Interactivo.


Con su propia camara y gratis.



 

Espejos Parabolicos


Informacion De Contacto
contacto

360 Facil

Barcelona, España

Buenos Aires, Argentina

Santiago, Chile

Contáctenos

Online : Pagina de Consultas

E-Mail : info@360facil.com


Espejo Parabolico Retraible


Foro

Encuentre Respuesta A Sus Dudas Entrando Al Foro


Este es el lugar donde preguntar aquello que no encontro y tambien un buen sitio para ayudar a otros con su conocimiento :


 

Gacetilla
Reciba Nuestra Gacetilla

Para recibir actualizaciones de nuestro sitio e info relacionada por favor ingrese su email :




 

Destacados

Una Inversion Minima Para Modernizar Su Inmobiliaria Online

Brinde mas y mejores servicios a sus clientes mostrando su cartera de inmuebles en Tours Virtuales de 360 grados. Nada mas parecido a estar realmente en el lugar y puede hacerlo usted mismo y con la misma facilidad conque lo hace con fotografias tradicionales.
Ver mas...



El Complemento Ideal Para Todo Sitio Web

Todo webmaster puede mejorar notoriamente sus servicios incorporando a su oferta Tours Virtuales interactivos que puede hacer por si mismo, con sus propios equipos y en tan poco como dos clicks.
Leer mas...



Los Programas Gratuitos Que Haran Todo El Trabajo

Dependiendo del tipo de panorama, la combinacion de estos cuatro programas gratuitos, tres, dos, uno o aun ninguno de ellos es todo lo que necesita el fotografo multimedia para realizar su tarea.
Leer mas...


Novedad : Utilice nuestro Directorio gratuito para dar a conocer sus Productos y Servicios de Fotografia Multimedia.


Publicar Panoramas Interactivos En Java



En esta pagina explicaremos en detalle como publicar un panorama interactivo basado en Java con completo manejo de todas las variables. El Tour Virtual se crea en un equipo local sin necesidad de conexion a Internet para funcionar y, una vez creado, puede ser distribuido en cds, pen drives o medios semejantes, o alojado en un servidor para ser accesible a traves de la web.


Cuando decimos que la publicacion esta basada en Java queremos decir que el programa, codigo o instruccion que permite la animacion e interaccion con el Tour Virtual no contiene en si mismo todas las instrucciones necesarias sino que parte de estas necesitan estar instaladas previamente en la computadora desde donde se quiera acceder a la animacion.

Atencion : las paginas derivadas de esta pagina requieren instalado para su funcionamiento.

Una gran mayoria de las computadoras existentes en el mundo ya tienen instalado este programa y en las que no, es posible descargarlo e instalarlo rapidamente y sin necesidad de reiniciar el equipo. Una gran parte de los contenidos interactivos existentes en Internet utilizan Java sin que usted se de cuenta.

De los muchos visores de panoramas basados en Java, elegimos para esta implementacion el PTViewer, un programa excelente y gratuito del Profesor Helmut Dersch y mejorado por Fulvio Senore, cuya version es la que utilizamos. Este es uno de los visores de panoramas mas difundidos en Internet desde hace años. Los codigos diseñados por Helmut Dersch incluyen, ademas de la posibilidad de ver fotos panoramicas, una gran cantidad de funciones incluyendo la creacion de panoramas y cambios de formato. Algunos programas comerciales tales como PT-Gui se basan en el programa de este profesor aleman.



Configuracion Basica De PTViewer


La implementacion basica de PTViewer es sencillisima siendo necesarios solo cuatro elementos :




Haga click aqui para descargar los cuatro elementos juntos y descomprima el archivo a una carpeta vacia como se ve mas arriba. Llamaremos a esta carpeta Java. Alternativamente puede optar por descargar cada elemento por separado y guardar cada uno con el nombre de archivo indicado en el vinculo :


ptviewer.jar

ptviewer.class

panorama_cilindrico.jpg

pagina.htm


El archivo ptviewer.jar es una coleccion de instrucciones, entre ellas la que permite todo el movimiento, la interaccion del usuario con el panorama y los cambios aparentes en la imagen tales como las alteraciones en la perspectiva cuando el mouse se mueve hacia arriba o hacia abajo.

El archivo ptviewer.class es la instruccion precisa utilizada para las funciones descritas en el parrafo anterior. Algunos navegadores no estan configurados para abrir archivos de formato .jar y en estos casos, tener el archivo .class referenciado puede servir para que el Tour Virtual igualmente se ejecute.

El archivo de imagen panorama_cilindrico.jpg :




El archivo pagina.htm que es la pagina web que contiene en su codigo referencias a los tres archivos anteriores. Trabajaremos como siempre con este archivo abierto simultaneamente por dos programas : un navegador y un editor de texto. Mientras que el navegador nos muestra la pagina, el editor de texto nos muestra su codigo :





El siguiente codigo inserta el elemento applet dentro de una pagina en blanco :



<html>
<head>
<title>Panorama Cilindrico De 360 Grados Interactivo Offline En Java</title>
</head>
<body bgcolor="#ffffff" >
<applet height="350" width="360" archive="ptviewer.jar" code="ptviewer.class" align="center" vspace="0" hspace="0">
<param name="file" value="panorama_cilindrico.jpg">
<param name="fov" value="60">
<param name="auto" value="0.1">
</applet>
</body>
</html>


Como puede verse, hemos destacado en color rojo las referencias incluidas en la pagina web a los archivos externos. Basta con tener estos cuatro elementos en una misma carpeta para que el Tour Virtual incluido en el archivo pagina.htm funcione. Alternativamente es posible ubicar los archivos en carpetas o aun en dominios diferentes, siempre que la referencia en el codigo contenga la ubicacion verdadera de todos ellos.



applet es el elemento de Java que insertado en una pagina web ejecuta en ese lugar un subprograma, en este caso un Tour Virtual interactivo.

height es la altura medida en pixeles del visor de panoramas insertado en la pagina web.

width es el ancho medido en pixeles del visor de panoramas insertado en la pagina web.

archive es el archivo que contiene entre otras instrucciones aquella que permite la animacion e interaccion de la fotografia panoramica como Tour Virtual, en este caso, el archivo ptviewer.jar.

code es la instruccion precisa que permite las funciones descriptas en el parrafo anterior y esta contenida en el archivo de formato .jar.

align señala la alineacion horizontal del visor de Tours Virtuales.

vspace es el espacio vertical que separa la ventana del visor de panoramas del elemento que lo precede y del elemento que lo sigue en la pagina.

hspace es el espacio horizontal que separa la ventana del visor de panoramas de los elementos que lo flanquean en la pagina.

file señala el nombre del archivo de imagen.

fov es el angulo de vision vertical inicial del Tour Virtual interactivo medido en grados.

auto es la velocidad de rotacion automatica del Tour Virtual al momento de cargarse.



Despues de editar el codigo en el editor de textos y guardar el cambio nos dirigimos al navegador para ver la pagina actualizada conteniendo un Tour Virtual con un Panorama Cilindrico.




Configurar Visor Para Otros Tipos De Panorama


Panorama Esferico



Haga click en la imagen para descargarla y guardela como panorama_esferico.jpg en la carpeta Java. Para crear un Tour Virtual interactivo a partir de esa imagen abriremos el archivo pagina.htm con un editor de texto y cambiaremos la linea de codigo donde figura la referencia al archivo de imagen :



<html>
<head>
<title>Panorama Esferico De 360 Grados Interactivo Offline En Java</title>
</head>
<body bgcolor="#ffffff" >
<applet height="350" width="360" archive="ptviewer.jar" code="ptviewer.class" align="center" vspace="0" hspace="0">
<param name="file" value="panorama_esferico.jpg">
<param name="fov" value="60">
<param name="auto" value="0.1">
</applet>
</body>
</html>


Despues de editar el codigo en el editor de textos y guardar el cambio nos dirigimos al navegador para ver actualizada la pagina que contiene un Tour Virtual con un Panorama Esferico.


Panorama Parcial



Haga click en la foto para descargarla y guardela como panorama_parcial.jpg en la carpeta Java. Para crear un Tour Virtual interactivo a partir de esa imagen abriremos el archivo pagina.htm con un editor de texto y cambiaremos la linea de codigo donde figura la referencia al archivo de imagen, ademas de agregar nuevos parametros necesarios para modificar el tipo de proyeccion :



mayscript debe incorporarse junto con el valor true para habilitar la posibilidad de editar con scripts el codigo del applet.

pwidth es el ancho total medido en pixeles de un panorama de 360 grados ideal que complementaria al panorama parcial hasta alcanzar la vuelta horizontal completa. Si desconocemos este dato sera necesario estimarlo.





pheight es el alto medido en pixeles del panorama parcial.

roi0 es la region de interes definida dentro del panorama ideal total y que comprende solamente la parte visible del panorama parcial. Como valor incorpora, ademas de la referencia al archivo de imagen, las distancias x e y medidas en pixeles a partir del extremo superior izquierdo del panorama esferico ideal hasta el extremo superior izquierdo del panorama parcial real.

panmin es el valor de paneo maximo medido en grados hacia la izquierda desde el centro del panorama parcial.

panmax es el valor de paneo maximo medido en grados hacia la derecha desde el centro del panorama parcial.

tiltmin es el valor de paneo maximo medido en grados hacia arriba desde el centro del panorama parcial.

tiltmax es el valor de paneo maximo medido en grados hacia abajo desde el centro del panorama parcial.



Con los datos correspondientes a la imagen descargada podemos editar el codigo de nuestra pagina :



<html>
<head>
<title>Panorama Parcial Interactivo Offline En Java</title>
</head>
<body bgcolor="#ffffff" >
<applet height="350" width="360" archive="ptviewer.jar" code="ptviewer.class" align="center" vspace="0" hspace="0" mayscript="true">
<param name="pwidth" value="4000">
<param name="pheight" value="1060">
<param name="file" value="panorama_parcial.jpg">
<param name="roi0" value="i'panorama_parcial.jpg' x500 y0">
<param name="panmin" value="-134">
<param name="panmax" value="134">
<param name="tiltmax" value="49">
<param name="tiltmin" value="-49">
<param name="fov" value="60">
<param name="auto" value="0.1">
</applet>
</body>
</html>


Despues de editar el codigo en el editor de textos y guardar el cambio nos dirigimos al navegador para ver la pagina actualizada que contiene el Tour Virtual con un Panorama Parcial.




Como Evitar La Señal De Advertencia En Algunas Versiones De Internet Explorer


Cuando se accede a una pagina que contiene un Tour Virtual basado en Java desde determinadas versiones de Internet Explorer, el navegador detiene la ejecucion del contenido activo y muestra una señal de advertencia que requiere que el usuario verifique su conformidad con la ejecucion. Esto es inconveniente no solo por la demora que supone sino porque muchos usuarios podrian desconfiar del contenido y simplemente abandonar su intencion de activar el Tour Virtual.





Para asegurarse de que esta advertencia no se muestre, puede utilizarse a un script tal como ClickFix.js. Haga click para descargar el archivo y guardelo con el mismo nombre del vinculo en la carpeta Java. Tambien puede elegir otra ubicacion pero si lo hace no olvide cambiar la referencia al archivo en el codigo de la pagina que crearemos mas abajo :


ClickFix.js


Tenga en cuenta que navegadores diferentes a Internet Explorer podrian no reconocer en absoluto una pagina con el codigo que implementa ClickFix, haciendo que la misma no funcione. La solucion es duplicar la pagina, creando una version para Internet Explorer y otra para el resto de los navegadores, agregando asimismo una tercera pagina -en realidad, la primera- que detecte cual es el navegador desde el cual se esta accediendo al sitio y basandose en esa informacion redireccione al usuario a la version mas adecuada de pagina con Tour Virtual :



La pagina principal reconoce el navegador desde el cual se esta accediendo y redirecciona imperceptiblemente hacia una de las otras dos. El codigo de esta pagina principal, a la que hemos llamado index.htm, podria ser el siguiente :



<html>
<head>
<title>Redireccionar Segun Navegador</title>
<script languaje='javascript' type='text/javascript'>
if (navigator.appName=="Microsoft Internet Explorer")
{window.location = "explorer.htm";}
else
window.location = "navegadores.htm";
</script>
</head>
</html>


Atencion : Este codigo no funciona localmente sino solamente si la pagina se encuentra alojada en un servidor. Si el navegador que accede a la pagina index.htm es Internet Explorer, el usuario es redirigido inmediatamente e imperceptiblemente a la pagina explorer.htm. Caso contrario, la redireccion se realiza hacia la pagina navegadores.htm.


Como hemos visto al comienzo, el archivo destinado a navegadores sin distincion al que llamamos navegadores.htm puede contener un codigo como el siguiente :



<html>
<head>
<title>Panorama Cilindrico De 360 Grados Interactivo Offline En Java</title>
</head>
<body bgcolor="#ffffff" >
<applet height="350" width="360" archive="ptviewer.jar" code="ptviewer.class" align="center" vspace="0" hspace="0">
<param name="file" value="panorama_cilindrico.jpg">
<param name="fov" value="60">
<param name="auto" value="0.1">
</applet>
<p>Usted ve esta pagina en un navegador que no es Internet Explorer</p>
</body>
</html>


Haga click para ver la Pagina Destinada a Navegadores Diferentes a Internet Explorer. Recuerde que esta pagina funciona en cualquier navegador pero en ciertas versiones de Internet Explorer su ejecucion es detenida para mostrar la señal de advertencia.


El codigo equivalente para una pagina destinada a Internet Explorer explorer.htm deberia ser asi :



<html>
<head>
<title>Panorama Cilindrico De 360 Grados Interactivo Offline En Java</title>
</head>
<body bgcolor="#ffffff" >
<!--[if gte IE 6]><script language="javascript">document.write("<noscript class=clickfix><object style=\"display:none\">"); </script> <!--<![endif]-->
<applet height="350" width="360" archive="ptviewer.jar" code="ptviewer.class" align="center" vspace="0" hspace="0">
<param name="file" value="panorama_cilindrico.jpg">
<param name="fov" value="60">
<param name="auto" value="0.1">
</applet>
<!--[if gte IE 6]></object></noscript><!--<![endif]-->
<p>Usted ve esta pagina en Internet Explorer</p>
<script language="JScript" type="text/jscript" src="ClickFix.js"></script>
</body>
</html>


Haga click para ver la Pagina Destinada a Internet Explorer. Recuerde que esta pagina funciona en Internet Explorer, evitando la señal de advertencia previa a su activacion, pero podria no funcionar en otros navegadores.

Finalmente, independientemente del navegador que este utilizando, haga click en el siguiente vinculo para que el archivo index.htm detecte su navegador y lo redireccione automaticamente a la Pagina Correspondiente a su Navegador.



Configurar Parametros Adicionales



Parametros Para La version Original De PTViewer 2.5 De Helmut Dersch



Ademas de los parametros mencionados hasta ahora, pt-viewer acepta una enorme cantidad de parametros que permiten una personalizacion mucho mayor de la experiencia inmersiva. Los siguientes son los principales elementos aceptados como parametros adicionales dentro de la etiqueta <applet> :



tilt es un angulo de desplazamiento vertical al cargarse el panorama. El valor por defecto es cero.

pan es un angulo de desplazamiento horizontal al cargarse el panorama. El valor por defecto es cero.

fovmin es el angulo de vision vertical minimo al que puede alcanzarse. El valor por defecto es 12 grados.

fovmax es el angulo de vision vertical maximo al que puede alcanzarse. El valor por defecto es 165 grados.

wait es una referencia a un archivo de imagen que puede mostrarse mientras se carga el panorama.

waittime es el tiempo minimo en que se muestra la imagen mencionada en el parrafo anterior.

hotspot0,1,2... y shotspot0,1,2... son vinculos estaticos y dinamicos que se muestran dentro del panorama interactivo.

frame es una imagen que se puede insertar flotando por delante del panorama interactivo.

mousehs permite que una funcion decidida por el programador se ejecute cada vez que el cursor del mouse entre en una zona definida de la imagen panoramica.

bar_x es la coordenada x del rincon superior izquierdo de la barra de carga del applet.

bar_y es la coordenada y del rincon superior izquierdo de la barra de carga del applet.

bar_width es el ancho de la barra de carga del applet.

bar_height es el alto de la barra de carga del applet.

barcolor es el color de la barra de carga del applet. El color por defecto es gris.

view_width es el ancho del visor de panoramas, que puede o no coincidir con el ancho del applet.

view_height es el alto del visor de panoramas.

view_x es la coordenada x del rincon superior izquierdo del visor de panoramas dentro del applet.

view_y es la coordenada y del rincon superior izquierdo del visor de panoramas dentro del applet.

pano0,1,2,3 es la lista de panoramas a cargarse para funciones internas del applet.

bgcolor es el color de fondo del applet expresado en numeros hexagesimales.

hsimage es una referencia a un arcivo de imagen a mostrarse señalando cada hotspot o vinculo dentro del panorama interactivo.

sound0, sound1, sound2,... son referencias a archivos de sonido a ser utilizados por el applet.

quality determina el tipo de interpolacion de imagen a realizarse para la animacion del panorama estatico o en movimiento, existiendo opciones para mejor calidad o para mayor velocidad en la definicion.

inits permite ejecutar un comando interno de pt-viewer o externo de javascript cada vez que se termina de cargar el applet.



Ademas de estos parametros definidos dentro mismo de la etiqueta <applet>, pt-viewer puede tambien configurarse con otros parametros colocados dentro de etiquetas individuales <param> que incluyan cada una el nombre de un parametro y un valor para el mismo :



applet0, applet1,... son applets a ser cargados dentro de pt-viewer tales como videos, objetos interactivos, etc.

preload es una lista de imagenes que se van cargando en segundo plano mientras el Panorama Interactivo esta en ejecucion, de manera que cuando llega el momento de cargar una nueva imagen, la misma ya ha sido descargada de Internet y se encuentra disponible en archivos temporales.

cache permite habilitar o deshabilitar la carga en memoria de corto plazo del applet.

cursor permite elegir el tipo de imagen para mostrar cuando el cursor del mouse se desplaza por sobre el applet.

loadAllRoi permite habilitar o deshabilitar la carga de todas las imagenes de regiones de interes al momento de la carga inicial del Tour Virtual.

grid_bgcolor permite elegir el color de fondo de una cuadricula que se muestra mientras la imagen panoramica se esta cargando en caso de optar por la carga particionada.

grid_fgcolor permite elegir el color de lineas de la cuadricula que se muestra mientras la imagen panoramica se esta cargando en caso de optar por la carga particionada.

mass añade inercia al movimiento del panorama haciendo mas lento el comienzo de su arrastre y mas prolongado el tiempo de su total detencion.



Para conocer con mas detalle estas y otra alternativas dirijase a la pagina de presentacion de PT Viewer .




Parametros Adicionales Para La Version PTViewer 2.8 De Fulvio Senore



showToolbar permite optar por mostrar/ocultar una barra interna de tres herramientas : zoom hacia adentro, zoom hacia afuera y mostrar u ocultar vinculos en el panorama. El valor por defecto es ocultar la barra.

toolbarDescr_x define en un numero entero la coordenada x a partir de la cual se mostrara en la barra interna de herramientas una descripcion de los vinculos por los que pasa el cursor del mouse.

toolbarDescr_color define en terminos hexagesimales el color para la descripcion explicada en el parrafo anterior. El color por defecto es negro.

toolbarImage es una referencia a un archivo de imagen utilizado para personalizar la apariencia de la barra de herramientas interna del applet.

imgLoadFeedback sirve para evitar que en el momento de la carga el applet muestre tanto la barra de carga como el porcentaje de la informacion descargada hasta el momento. Por defecto, estos elementos se muestran.

toolbarBoldText permite agregar peso a la fuente en que se muestran las descripciones de los vinculos en la barra interna de herramientas. El valor por defecto es peso normal.

hsEnableVisibleOnly y shsEnableVisibleOnly habilitan y deshabilitan los vinculos estaticos y dinamicos dentro del panorama interactivo cuando los mismos se encuentran en estado invisible.

hsShowDescrInStatusBar sirve para habilitar o deshabilitar el mostrar los destinos de los vinculos dentro del panorama en la barra de status del navegador. Por defecto, los mismos son mostrados.

popup_panning permite que los vinculos insertados en el panorama interactivo se levanten cuando el cursor del mouse pasa por encima de ellos. El valor por defecto para este parametro es deshabilitado.

shsStopAutoPanOnClick permite definir que el paneo automatico del panorama no se detenga luego de hacer click en el applet. El valor por defecto es que se detenga.

mouseSensitivity define un grado de sensibilidad al movimiento del mouse que se refleja en que el movimiento de paneo de un Tour Virtual sea mas rapido o mas lento.

mouseQ6Threshold define un valor para el movimiento necesario del mouse para cambiar el modo de interpolado del panorama cuando este se pone en movimiento manualmente.

mousePanTime sirve para definir un tiempo maximo para una vuelta completa de paneo, de manera que evita que un usuario inexperto arrastre demasiado rapido el mouse creando un efecto confuso.

autoTime define en segundos el tiempo total necesario para que el movimiento de paneo automatico de Tour Virtual complete una vuelta de 360 grados.

startAutoPan( pan_inc, tilt_inc, zoom, autoTime ) permite cargar todos juntos varios valores para el comienzo de la rotacion automatica al cargarse el applet.

autoNumTurns permite limitar el numero de vueltas de paneo automatico antes de que el mismo se detenga. Este parametro admite numeros decimales.

outOfMemoryURL permite abrir una URL en caso de producirse un error por falta de memoria en el momento de la carga del Tour Virtual.

horizonPosition es un valor porcentual que permite definir la ubicacion precisa de la linea del horizonte, corrigiendo las deformaciones que se producen en caso de la misma no estar en el centro de la imagen. El valor por defecto es 50.

statusMessage permite mostrar un mensaje en la barra de status del navegador cuando se mueve el mouse o se apretan teclas. Mozilla Firefox no reconoce este comando.



Para conocer con mas detalle estas y otra alternativas dirijase a la Referencia Oficial de PT Viewer 2.8 .




Aportes De Visitantes


Agregar Un Aporte, Duda O Comentario


Ningun campo es obligatorio. Los mensajes que no tengan que ver con el tema podran ser moderados.


Escriba 123 aqui (verificacion anti-spam)

Enviarme un recordatorio de esta publicacion.






Si le ha gustado 360 Facil por favor compartalo con sus redes sociales




Con cualquier camara


Panoramas Interactivos De
360 Grados En Tres Simples Pasos



Despues de leer el tutorial usted estara en condiciones de crear su primer fotografia de 360 grados interactiva con la camara que ya tiene :

1 - Fotografiar
1 - Fotografiar

Tome una o mas fotografias del lugar que desea mostrar.

2 - Editar
2 - Editar

Convierta sus fotografias en panoramas de 360 grados.

3 - Publicar
3 - Publicar

Haga interactivos a sus panoramas y ofrezcalos al mundo a traves de internet.

Iniciar Tutorial

Si una imagen vale más que mil palabras, una Fotografía Interactiva de 360 Grados vale más que mil imágenes...

Recomendado...!!!


Creador De Tours Virtuales Online



Utilizando el Creador de Tours Virtuales Online podra :


Convertir sus fotografias de 360 grados en tours virtuales con apenas un click.


Insertar sus tours virtuales en sitios web, emails, blogs o cualquier lugar donde quiera con solo copiar y pegar un texto.


Conocer de una manera practica todos los tipos de fotografia de 360 grados.


Descubrir que puede crear centenares de tours virtuales interactivos con la misma facilidad conque toma fotos con su camara.


Comprobar que con solo un click de su camara y otro click de su mouse puede crear un tour virtual interactivo de 360 grados a partir de la nada. Y completamente gratis!!!


Puede comenzar ahora mismo, aun si no tiene una camara



Crear Un Tour Virtual Ahora



Encuentrenos en Facebook y gracias por hacer click en Me gusta.