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 Javascript



A diferencia de los Tours Virtuales publicados en Flash o Java, los publicados en Javascript no requieren de plugins o instalacion previa alguna en el equipo desde donde se accede a ellos. En teoria, cualquier computadora con un navegador esta en condiciones de permitir interactuar con un panorama animado en Javascript.


A cambio de esa importante ventaja, Javascript resulta un lenguaje poco adecuado para trabajar con perspectivas e imagenes envolventes. La mayor parte de los codigos que permiten ver panoramas interactivos basados en este lenguaje solo permiten el desplazamiento a izquierda o derecha, arriba y abajo, pero no realizan el remapeo constante que crea la sensacion envolvente del panorama. Aquellos que si la crean lo hacen de maneras indirectas, particionando la imagen en gran numero de imagenes menores lo que resulta en Tours Virtuales extremadamente lentos para cargar y navegar.

Lo dicho implica que siempre es conveniente utilizar Flash o Java para animar panoramas, pero tambien vale la pena crear una alternativa para que aquellos que accedan a nuestras paginas sin tener instalados los entornos mencionados tambien puedan ver nuestros Tours Virtuales.

De los muchos visores de panoramas en Javascript que se encuentran en Internet hemos elegido implementar un script de al que hemos elegido por su buen rendimiento y velocidad.



Presentacion Del Visor De Panoramas Javascript


Para insertar un panorama interactivo basado en Javascript en una pagina web no hace falta mas que dos archivos : el panorama y la pagina. Si su sitio utiliza un archivo de estilos .css puede incluir la clase correspondiente al visor de panoramas en el mencionado archivo, caso contrario bastara incluirlo en el encabezado de su pagina, como haremos en esta demostracion. Para este ejemplo guardaremos ambos archivos en una carpeta a la que denominaremos Javascript :



Para comenzar haga click sobre la imagen a continuacion para descargarla y guardela en la carpeta Javascript con el nombre panorama.jpg :





Como hemos venido haciendo, tambien para crear esta pagina trabajaremos simultaneamente con dos programas : un navegador que nos muestre la pagina y un editor de textos que nos muestre su codigo :





Entre las etiquetas <head> y </head> inserte las lineas correspondientes a la definicion de estilos. Estas incluyen la referencia al archivo de imagen (url), las dimensiones de la ventana del visor (height y width), la imagen representativa del cursor del mouse sobre el panorama (cursor) y el posicionamiento horizontal del visor (float). Si lo desea edite estas lineas para personalizar la apariencia del Tour Virtual :


<style type="text/css">
#panoramajavascript {
background-image: url(panorama.jpg);
height: 300px;
width: 450px;
background-position: left top;
cursor: move;
float: center;}
</style>

Entre las etiquetas <body> y </body> en el lugar donde desea que se vea el Tour Virtual inserte las lineas a continuacion. Si sabe lo que esta haciendo, puede editar las funciones pero si tiene dudas es recomendable no modificar nada :


<div id="panoramajavascript"></div>
<script type="text/javascript">
panoramajavascriptDiv=document.getElementById('panoramajavascript'); dragStartX=0;
dragStartY=0;
deltaX=3.0;
deltaY=0.0;
backgroundPosX=0.0;
backgroundPosY=-70.0;
timeout=20;
timerId=null;
function dragStart(e) {
if (!e) var e = window.event;
panoramajavascriptDiv.onmousemove=drag;
dragStartX=e.clientX;
dragStartY=e.clientY;
deltaX=0;
deltaY=0;
panoramajavascriptDiv.onmouseout=dragStop;
if (timerId) {
window.clearTimeout(timerId);}
timerId=window.setTimeout('scroll()',timeout);}
function drag(e) {
if (!e) var e = window.event;
deltaX=(e.clientX-dragStartX)/5;
deltaY=(e.clientY-dragStartY)/5;}
function dragStop() {
panoramajavascriptDiv.onmousemove=null;
panoramajavascriptDiv.onmouseout=null;
if (timerId) {
window.clearTimeout(timerId);}}
function scroll() {
backgroundPosX-=deltaX;
backgroundPosY=Math.max(-150,Math.min(-
20,backgroundPosY-deltaY));
panoramajavascriptDiv.style.backgroundPosition=Math.floor
(backgroundPosX)+"px "+Math.floor(backgroundPosY)+"px";
timerId=window.setTimeout('scroll()',timeout);}
panoramajavascriptDiv.onmousedown=dragStart;
panoramajavascriptDiv.onmouseup=dragStop;
timerId=window.setTimeout('scroll()',50);
</script>

Eso es todo. Simplemente guarde los cambios en la pagina y actualicela para ver el Tour Virtual en accion :





A diferencia de los panoramas interactivos basados en Java y Flash este Tour Virtual es visible en tabletas como la iPad, aunque solo funciona parcialmente. La imagen gira automaticamente pero no responde al control del usuario y continua girando por si misma.




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.