JC Panorama Editor
Overview | Properties | Methods | Events | Hotspots | Editor
JC Panorama EditorJC Panorama Editor is an AIR (Adobe Integrated Runtime) application that helps you create and edit panoramas and virtual tours for the JC Panorama Viewer. There are four types of panoramas to choose from (plain, cylindrical, spherical and cubical) and each are created based on images specified by you. The panoramas also have support for hotspots and allow user interactivity. Virtual tours are created from a set of panoramas that are loaded and played one by one in the panorama viewer.
JC Panorama Editor comes in two versions: free and commercial. The free version has limited features compared to the commercial one: it does not allow the creation of cubical and spherical panoramas.
InstallationThe editor comes as an .air file, representing the installation file of the application. In order for you to install and use the editor, you need to download and install Adobe's Integrated Runtime.
Once you have downloaded the AIR installer, open it and install the runtime. As soon as you agree to Adobe's Software License Agreement the installation will start and will prompt you once it has finished. After the runtime was installed successfully, you can go on and install the JC Panorama Editor.
From the JCPanorama package, select the installation file of the editor (JCPanoramaEditor.air) and open it to start the installation process. First, you will be prompted to allow the installation of the application. Next, you will have to specify the installation path of the application, otherwise it will be installed in the default location which is "C:\Program Files" for Windows and the "/Applications" folder for Mac OS. After installation the editor application is opened automatically.
How to useThe initial screen of the JC Panorama Editor application gives you the choice to create a new project or open an existing one for editing. You can create several panoramas and virtual tours into the same project.
Project structureA project is physically structured on disk into a folder that contains two other folders: one folder called "panoramas" which contains all the panoramas created with the editor and another folder called "virtualTours" which contains all the virtual tours.
Each panorama and virtual tour is also saved in its own folder and contain all the necessary assets to run: the panorama player .swf file together with its HTML wrapper, the .xml files in the "data" folder and the images in the "images" folder. The panoramas use only one .xml file as opposed to the virtual tours which may use several .xml files, depending on how many panoramas are included in the tour.
Create a new projectSelect the "Create new project" button from the editor's main screen and specify the folder where the new project will be saved. The project screen contains an empty list where the panoramas will be added, together with controls for adding, removing, editing and previewing panoramas.
Also, you can create new virtual tools from this screen, but you need to have a few panoramas in the list before since the virtual tour is a collection of panoramas.
Create a new panoramaTo create a new panorama click on the add panorama button (the + sign). In the new dialog box that opens enter the title for this panorama, choose the type of panorama you want to create and select the image(s) that will be used by the panorama (the cubic panorama requires six images).
Finally, the panorama editor screen opens where the selected panorama can be edited. You can change the type of the panorama, change the image(s), enable keyboard/mouse actions, set rotation speeds, default zoom angle, transitions, hotspots and other panorama settings.
You can also add and set up hotspots.
The panorama can be previewed any time to see how it works. Once you are happy with the panorama settings, you can save it and return to the project screen to create another panorama or a virtual tour.
Virtual tour typesThere are several ways to make a virtual tour as follows:
Note! There is a trick part here, when you insert a hotspot to another panorama, you need to have the other panorama already there in your project. Than if you just put a hotspot to panorama2 form panorama1, then you should be aware of the fact that once the user gets to panorama2, there is no way he can come back to panorama1, other than also having a hotspot in panorama2 that links to panorama1.
2. LIST BASED. When you want the JC Panorama Viewer to be placed next to a list (JC Play List) from where a user can click and load panoramas one by one, on request. This is the implementation that JC Panorama Editor is able to export by itself. (or the SIMPLE one)
3. STARTING FROM A FLOORPLAN. If you want to start from a floor plan you can use a plain type image instead of a panoramic view to show up the space that has been screened with panoramas. This is a common practice and can be done very easily, being mainly a variation of the SIMPLE virtual tour type.
4. NAVIGATED WITH API. (Advanced Flash Skills needed) This can only be done by coding against the JC Panorama Viewer API. This way you can use the JC Panorama Viewer to display panorama images by making the request through the API methods.
Create a new virtual tour with JC Panorama Editor
Once you have more panoramas in your project you can start to create a virtual tour. To create a new virtual tour click on the "Make a virtual tour" and in the dialog box select the panoramas you want to include.
Once you add the desired panoramas you can change the order in which they will appear in the virtual tour simply by using the Up or Down buttons. Next you need to export the virtual tour and give it a title in the dialog box that appears.
After saving the virtual tour, a dialog box will display the path to the virtual tour's HTML wrapper. The HTML file is simply loading the JC Panorama Viewer to display the virtual tour. The JC Play List component is also included in the virtual tour. You can customize this list component later from within the virtual tour's .fla file.
Overview | Properties | Methods | Events | Hotspots | Editor