We reccomend flash templates.

Online Virtual Tours

One Click Is Enough To Create An Online Virtual Tour

The Online Virtual Tour Creator supports several image formats and lets you create Virtual Tours from the scratch in just two clicks:

  • A click from your camera to capture 360 degree around in a single exposure.

  • A click from your mouse to transform the picture into an Interactive Virtual Tour.

With your own camera and free.


Parabolic Mirrors

Contact Information

360 Facil

Barcelona, España

Buenos Aires, Argentina

Santiago, Chile

Contact Us

Online : Contact Page

E-Mail : info@360facil.com

Retractable Parabolic Mirror


Find An Answer To Your Enquiry Entering The Forum

This is the place to ask for data you didn't find elsewhere and also a good spot to help others with your knowledge :


Subscribe To Our Newsletter

To be notified of major updates to our site and/or other related info please type in your email adress :



A Minimal Investment To Update Your Online Real Estate Agency

Offer more and better services to your clients by showing your Real Estate Portfolio in 360 degree Virtual Tours. Nothing is more alike to actually being in the place and you can do it yourself with the same ease as you do it with traditional pictures.

The Ideal Complement To Any Website

Every Webmaster can notoriously improve his/her services by adding to them interactive Virtual Tours that he/she can do with his/her own equipment and in as little as two clicks.

The Freeware Programs That Will Do All The Job

Depending on the panorama type, the combination of this four free programs, three, two, one or even none of them is all the multimedi photographer needs to complete his/her work.

New : Use our free Directory to spread the word about your Products and Services of Multimedia Photography.

Interactive Panorama Publishing For Other Digital Devices

On this page we'll see how to build an interactive Virtual Tour for iPhone, iPad and iPad Touch.

Due at the growing use of alternative devices to browse the Internet, it is important to be able to share your 360 degree panoramas in devices such as tablets and cell phones so that they are available to the highest possible number of users. Next we'll see thow to use a script compatible with the three mentioned devices. For our example we'll use the spherical panorama below :

The script we'll implement belongs to Ninoslav Adzibaba, who offers it free of charge for personal use although he suggests those implementing it for commercial uses should make a donation to his website.

As the Html 5 standard supported by different types of devices acquires presence on the web, new scripts are being published for interactive contents based on this language. The script we'll present on this page works great on iPhone, iPad and iPad Touch but it does not work on Pcs or other cell phones. However it lets us configure it in such a way that those accessing it from non-compatible devices are silently redirected to compatible pages.

Convert Panoramas Into Cube Faces

This script requires to work that all panoramas are presented in a cubic format, ie they are projected over the six faces of a virtual cube. A spherical panorama converted into cube faces occupies them completely, while cylindrical panoramas cover them only partially and fisheye's shots cover aproximately half of the cube's surface. To transform flat panoramas into a cubic format we'll use a free application by Thomas Rauscher Pano2QTVR. Once the program is started we'll start our job by clicking on Create new project (Crear proyecto nuevo) :

As a first step the program shows a dialog window which requires to save a file for the new project. Choose the location you prefer and click to go on :

In the Project (Proyecto) tab of Pano2QTVR's main window we can see the project's name and the access route to the file. Since we intend to convert a spherical panorama we'll click to activate the Equirectangular Panorama (Panorama Equirectangular) option as Type of project (Tipo de proyecto). To select the file to be transformed we'll click on the corresponding checkbox by the Equirectangular image (Imagen equirectangular) :

Then a dialog window opens where we can select the location of the spherical file from which we'll start :

After accepting, we'll go back to the program's main window where now is visible the access route to the file just selected. We are ready to start the transformationby clicking on the Transform into cube (Transformar en cubo) button :

Then a new dialog window opens with some transformation options :

We'll choose to create the cube faces in .jpg format and as a prefix for their names we'll choose 1024 because as we are going to see below this naming will prove useful by the time of the Virtual Tour creation :

After accepting we'll have to re-confirm our conformity with launching the conversion :

While the conversion process takes place, the Transformation (Transformacion) window remains open. Simultaneously, in Pano2QTVR's main window a new tab has appeared named Console (Consola) which shows in real time the internal processes of the conversion :

At the end of the process the Transformation (Transformacion) dialog window closes automatically and so does the Console tab. The cube faces have been created in the same directory where the source spherical panorama was located :

The created images, as we can see, are 1272 pixels both high and wide. the script we'll use, however, requires different dimensions : a group of 1204 pixels high and wide cube faces and a similar one for the preview with cube faces measuring 480 pixels by side :

We'll need then to scale down the created files. No matter it is not the most practical program to achieve this goal, we'll use the same Gimp image editor we've been using all through this tutorial. We'll start by dragging the image into a Gimp's window to open the file :

We see the open image :

By displaying the Image menu we'll click on Scale Image :

In the dialog window that opens we see the present dimensions of the image :

Replacing them we'll set the required dimension of 1024x1024 pixels :

After clicking to accept we'll see that the image is reduced :

Displaying the File menu we'll click on Save :

A dialog window opens to choose the percentage of compression for the reduced file. Aimed at not loosing image quality we'll choose to save it as a 100 percent :

After saving the changes, we can ascertain in the window showing the cube faces that the processed image is now 1024 pixels by side as required :

Next we'll repeat this process for the five remaining cube faces :

In the end, we have the six cube faces that complete the panorama, measuring 1024 pixels by side as required by the script and named following the convention also used by it. It is important to point out that the numbering that completes the base name of the files follow the same logic as the script we use : the first four images correspond to consecutive lateral views, while the fifth one shows the zenith and the sixth one the nadir :

We are still missing a second batch of cube faces, identical to the previous one except for their further reduced dimensions to be shown while the definitive images are being downloaded from the web. We can simple select the image files and right clicking with the mouse display the options menu to choose Copy :

Displaying the Edit menu we'll click on Paste :

This way we have created copies of all images :

To be able to be used by the script we need to rename them following a convention similar to the larger images, in this case, using as a root for their names the lenght of a cube face, 480 pixels. It is important not to change the numerical sufix from the name of each file to preserve the group's coherence :

Next, we'll use this last batch of images to repeat the remapping process of the pictures. To get started we'll open one of them :

Displaying the Image menu we'll click on Scale Image :

A dialog window opens with the image's initial dimensions, ie 1024 pixles by side :

Replacing them we'll type in the required dimensions of 480x480 pixels :

After accepting we see that the picture has been reduced. We'll click on the close button to complete the transformation :

A dialog window will ask us whether the changes should be saved or not before closing the file. We'll click on Save for the last dialog window to open with the image's compression options :

We'll choose the compression level that we consider reasonable and click on Save :

The same we'll do with the remaining five images :

This way we already have two batches of cube faces conforming towo versions at a different resolution of the source spherical panorama. We are ready to create the Virtual Tour :

Presentation Of The Remaining Files And Script

Once we have the panorama converted into cubic format, to create the Virtual Tours is an easy task. All we need is to create a folder and copy to it a collection of folders and files, and replace the image files with our own cube faces. Click to download VR5 Pano Viewer from our site or from its Original Location.

For our example we'll decompress the downloaded file to a folder named esfera (sphere) and we'll see that in a first level there are two folders and a file :

We'll enter into the vr_files folder to ascertain that three more folders and another file are there. We'll enter the cube_faces folder :

We see that there are twelve image files, all of them square shaped, six of them 1024 pixels by side while the other six are 480 pixels by side. It is, indeed, two groups of pictures comprising each one a spherical panorama in high and low resolution, similar to the ones we just created using Pano2QTVR :

We'll proceed to drag or copy into the cube_faces folder the files we created above :

A dialog window will prompt for confirmation before proceeding to replace images by other ones :

Once the replacement is completed we'll go up one level to the vr_files folder where the config.js file is located :

The edition of this file allows us to customize the appearence and functioning of our Virtual Tour. The editable variables of the code are as follows :

Meaning Of The Variables

vrTitle, vrSubTitle and vrDescription define title, subtitle and description which become visible when the Virtual Tour takes vertical orientation.

startPan describes the initial panning angle at loading the panorama.

startTilt defines a vertical tilt angle at loading the Virtual Tour.

startZoom is the intial zoom value at the Virtual Tour's start and comprehend a range spanning from 0.6 to 1.4.

useLimits admits two values : false is used to enable the complete spherical projection of panoramas while true tells it's a partial panorama.

TopLimit, BottomLimit, leftLimit and rightLimit are used toghether with a value of true for the previous variable and define the displacement limits measured in degree respectively upwards, downwards, to the left and to the right.

enableAutoButton enables the button to start and stop the automatic rotation of the Virtual Tour.

autoRotateOnStart and autoRotateOnIdle allow to enable or disable the automatic rotation of the panorama respectively on loading the Virtual Tour or at the end of the user's action over it.

autoRotateDelay defines a waiting time in seconds before the automatic rotation is launched.

enableSound enables and disables the background sound and it only works on iPads while they are online.

flashPage is a very important option. It makes it possible to replace the default page which is shown when the Virtual Tour is accessed from a non-compatible device, such as a PC, by another page which could be the same Virtual Tour in a compatible environment such as Flash, Java or else.

useLogo, useOfflineInfo and linkLogo allows for a logo being displayed with a link on a Virtual Tour's corner. Likewise linkLogoURL and urlConfirm let us replace the original link by our own, however, the script's author suggests a donation to his site in case the link targeting it is removed.

bgdColor is the page's background color definition.

informWhenOfflineAvailable enables or disables the appeareance of a notification when the information is available on cache for offline mode use by the Virtual Tour (it only works on Safari).

showNotifications allows to enable and disable notifications when program's limits are reached, ie zoom, etc.

Below is the config.js edited for a better functioning of our example :

/* IMPORTANT: Dont USE character ' - if you need it for text use \' (slash before ') or html code ’ */
/* --- CONTENT ---------------------------------------
Leave it blank if you dont need it. You can use HTML code for styling. If subtitle and description are set, this content is displayed in portrait mode.
var vrTitle = 'Lorem ipsum dolor sit amet';
var vrSubTitle = 'by Ninoslav Adzibaba';
var vrDescription = 'Duis et nunc velit, eu molestie lorem. Morbi vel risus urna... '; */
var vrTitle = 'Tour Virtual Para Tabletas';
var vrSubTitle = '360 Facil';
var vrDescription = 'Ejemplo para el Tutorial de 360 Facil';
/* --- START VIEW ------------------------------------ */
var startPan = 13; /* left is negative, right is positive value */
var startTilt = -2;
var startZoom = 1.0; /* 0.6 - 1.4 */
/* --- PARTIAL PANORAMA ------------------------------ */
var useLimits = false;
var TopLimit = 60; /* 0 - 90 */
var BottomLimit = -60; /* 0 - -90 */
var leftLimit = -120; /* 0 - 180 */
var rightLimit = 120; /* 0 - 180*/
/* --- AUTO ROTATE ----------------------------------
Auto rotate, returns view to horizont and sets zoom to 1 */
var enableAutoButton = true; /* Auto rotate button, if clicked overrides autoRotateOnIdle */
var autoRotateOnStart = false;
var autoRotateOnIdle = false;
var autoRotateDelay = 15; /* seconds, works with Rotate on start or Rotate on idle. */
/* -------------------------------------------------- */
/* --- BACKGROUND AUDIO -----------------------------
Background sound is available only on the iPad, if browser is online.
Overwrite sound.mp3 in folder "vr_files/sound"
var enableSound = true; */
var enableSound = false;
/* --- ALTERNATIVE FLASH CONTENT --------------------
link to Flash version, leave it blank if you don't need it. eg.:
var flashPage = 'http://www.yoursite.com/pano_name.html' */
var flashPage = 'http://www.360facil.com/contenidos/creador-de-tours-virtuales-online/esp.paginacontourvirtualgrande.php?image_id=2';
/* --- LOGO ------------------------------------------
Please leave VR5 logo and link or consider donating */
var useLogo = true;
var useOfflineInfo = true; /* works with useLogo = true */
var linkLogo = true;
var linkLogoURL = 'www.vrhabitat.com';
var urlConfirm = 'Open VRhabitat.com?';
/* --- OTHER ------------------------------------- */
var bgdColor = '#FFFFFF'; /* Background color of the page */
var informWhenOfflineAvailable = true; /* Notification when Safari if finished caching the files for offline use */
var showNotifications = true; /* Notifications about pano limits, zoom limits etc. */
/* DO NOT change next lines */
var consoleLog = false;

We have highlighted in red color the changes introduced over the source code downloaded from inside the vr5.zip file. The Virtual Tour is already created. It only remains to upload the entire folder to its future locaton on the Internet. Use your favorite FTP program or upload the files from the Control Panel of your web hosting service being careful not to modify the files and folders's structure :

The Virtual Tour already works, Click on the image to test it. Remember it can only be seen and navigated from an iPhone, iPad or iPad Touch. If you access this location from your PC, you'll be redirected to the page we have defined in the flashPage variable, in this case one created in our Online Virtual Tour Creator which includes a Virtual Tour From The Same Spherical Panorama In Flash :

The script's functionality is the one expected for this type of devices. The frame automatically rotates on changing the position and the panorama is navigable by the movement of a finger in contact with the screen. It is possible to zoom in or out of the image by moving fingers closer or otherwise while they are in touch with the screen :

The edition of variables in the config.js file makes it possible to create Virtual Tours for iPhone, iPad and iPad Touch with Spherical Panoramas, Fisheye Shots and Partial Panoramas. In all cases it is essential to previously convert the panorama into cube faces or cubic format.

Find more information about this script on its creator Ninoslav Adzibaba's site at .

This way we have completed the Tutorial on 360 Degree Photography. So far we have learnt all systems to photograph panoramas and the way to combine the pictures obtained and how to convert them into interactive Virtual Tours using our favorite programs, freeware all of them. These are not, however, the only available options. To discover other programs, both commercial and free, which serve the same goal with different tools, we invite you to visit our chapter on software.

Visitor's Feedback

Alex (alexestudio86@gmail.com) says :

Muchísimas gracias por el tuto, esta genial y super fácil, una pregunta, habría forma de hacerlo pero que solo se desplace a la dera o izquierda? esque las fotos que tengo son panorámicas pero no cubren el techo, muchas gracias de antemano y felicidades por ésta excelente página.

URL : www.alexestudio86.blogspot.com

360 Facil (info@360facil.com) says :

Muchas Gracias a ti, Alex. Puedes conseguir lo que deseas editando en el archivo configuracion.js los parametros var TopLimit y var BottomLimit. El primero admite valores entre 0 y 90 grados y es el limite de desplazamiento vertical hacia arriba y el segundo, con valores entre 0 y -90 es el limite de desplazamiento hacia abajo. No tenemos una iPad a mano para comprobarlo ahora pero es probable que de cualquier manera debas completar la imagen pegando tu panorama cilindrico sobre una base de dimensiones 2x1 imitando a un panorama esferico. Alternativamente puedes probar Pano2VR que admite tanto panoramas esfericos como cilindricos (ve la URL adjunta al comentario). En el capitulo software/aplicaciones encuentras otras aplicaciones para este tipo de dispositivos, aunque aun no hemos tenido tiempo de explorarlas. Buena suerte y saludos.

URL : www.360facil.com/esp/panorama-software-publicacion-flash-comercial-pano2vr.php

Alex (alexestudio86@gmail.com) says :

Hola, solo pase a darte las gracias por todo, excelente explicación y excelente página, saludos.


Add A Question Or Comment

All fields are optional. Messages not regarding the subject may be moderated.

Write 123 here (anti-spam check)

Send me a reminder of this publication.

If you like 360 Facil please share it with your social networks

With any camera

360 Degree Interactive Panoramas
In Three Easy Steps

After reading this tutorial you'll be able to create your first 360 degree interactive photography with the camera you already have :

1 - Photograph
1 - Fotografiar

Take one or more pictures of the place you want to show.

2 - Edit
2 - Editar

Convert your pictures into 360 degree panoramas.

3 - Publish
3 - Publicar

Make your panoramas interactive and available to the world on the internet.

Start Tutorial

If a picture is worth a thousand words, a 360 degree interactive panorama is worth a thousand pictures...


Online Virtual Tour Creator

Using the online virtual tour creator you can :

Convert your 360 degree pictures to virtual tours with a single click.

Insert your virtual tours into web sites, emails, blogs or wherever you like by just copying and pasting a text.

Know in a practical way all kinds of 360 degree pictures.

Discover that you can create hundreds of interactive virtual tours just as easily as you take pictures with your camera.

Check that with just one click from your camera and another click from your mouse it is possible to create a 360 degree interactive virtual tour out of nothing. And completely free of charge!!!

You can get started right now, even if you don't have a camera

Create Virtual Tour Now

Find us in Facebook and thank you for your Like.