Jump to: navigation, search

Difference between revisions of "Autopano Tour"

(Project)
(Selection)
Line 61: Line 61:
 
* A single click selects a panorama or a hotspot (white circles for point hotspots, white triangles for zonal hotspots).
 
* A single click selects a panorama or a hotspot (white circles for point hotspots, white triangles for zonal hotspots).
 
* Holding down the '''Ctrl''' key lets you select several items.
 
* Holding down the '''Ctrl''' key lets you select several items.
* The '''Ctrl+A''' shortcut selects all panoramas.
+
* The '''Ctrl+A''' shortcut selects all panoramas and all hotspots.
  
 
Each selected element has a black frame. Hotspots are also filled in white to increase the visual contrast.
 
Each selected element has a black frame. Hotspots are also filled in white to increase the visual contrast.

Revision as of 15:33, 9 April 2009

Prerequisites

Flash® configuration

Autopano Tour enables you to create virtual tours in Flash® format. Therefore, your computer needs the Flash viewer to be able to display the generated virtual tours. Most of the time, it is already installed on your computer. If not, or if you would like to install the latest version, you can get it on this page: Download Flash® Player.

Virtual tours need at least version 9 of Flash® viewer, but we recommand that you use version 10. 3D management has been largely enhanced between version 9 and version 10 ; distortion effects may appear if you use version 9 of the Flash® viewer.

The Flash® files are meant to be used mainly on the Internet and they may be blocked if used locally (i.e. if you want to load them from your computer, not from the Internet). You need to configure 'Trusted Folders' to make the Flash files run locally. The configuration of the 'Trusted Folders' should be made via this web interface.

Technical jargon

  • Flash®: A technology of Adobe® enabling to create and display animated content such as virtual tours.
  • .SWF: The extension of Flash® files. Virtual tours generated in Autopano Tour are named this way: my-virtual-tour.swf
  • Hotspot: A zone or a point in the virtual tour that enables interaction: moving to another view of the tour, opening a webpage, displaying an image, etc. Hotspots are a very important when creating complete virtual tours, as they let you link the different views of the tour together.
  • .XML: The extension of the configuration files that define the options chosen for the virtual tour.

User Interface

Overview

Apt-en-global-interface.png

Program concepts :

  • The central window enables to quickly visualize the entire project and to select editable objects. (A)
  • Top tabs on the right side enable to manually modify selected objects of the main window. (B)
  • Bottom windows enable to graphically edit the current panorama (hotspots (C), 3D navigation (D)).

Toolbar

Pano open.png Open a project file
Pano save.png Save the current project
Banner close.png Close the current project
Group addpicture.png Add pictures to the virtual tour
Render.png Export the project in Adobe® Flash® format
Whatsthis.png Get quick help on the toolbar icons

Central window

The central window lets you select the different elements of your virtual tour (panoramas or hotspots) to edit them.

Apt-en-central-window.png

Selection

  • A single click selects a panorama or a hotspot (white circles for point hotspots, white triangles for zonal hotspots).
  • Holding down the Ctrl key lets you select several items.
  • The Ctrl+A shortcut selects all panoramas and all hotspots.

Each selected element has a black frame. Hotspots are also filled in white to increase the visual contrast.

Navigation

  • The scroll of the mouse enables to modify the size of the items displayed.
  • When the scene is not entirely visible, scroll bars are displayed. You can also use the mouse or the arrow keys to move in the visibility zone.
  • The name of the panorama appears when hovering over it with the mouse.

Edition

  • Moving panoramas is simple: just drag and drop them.
  • Dragging a hotspot on a panorama created a link to the panorama. An arrow symbolizes this link. This arrow is shown only when the panorama is selected.
  • To delete a panorama, you can right-click on it or press the Suppr key.

Attention : the deletion of hotspots can only be done in the hotspot edition window (C), not in the central window.


Hotspots editor window

Dark area shows the area where it’s impossible to draw a hotspot. It prevents you from drawing a polygon with more than 180 degrees FOV.

Move pan.png Move mode: mouse movements while left button is pressed enable to displace editable area. The double click displays the window in full screen.

When the escape touch is down, the move mode is automatically activated.

Move full.png Full screen mode: displays the window in full screen.
Hotspot polygonal.png Polygonal hotspot: each click adds a point to the current polygon. When the last point is near the first point, the polygon is automatically closed and added to the panorama.

Drawn lines between control points are curved to have the same deformation of the panorama. It enables to see hotspot area of the final 3D projection.

Hotspot image.png Punctual hotspot: each click adds a punctual hotspot at the mouse position.
Lensflare.png Lens flare mode: each click adds a lens flare effect at the mouse position.
Back.png Previous: select the previous panorama
Forward.png Next : select the next panorama

Depending on the current mode (polygonal hotspot, punctual hotspot, lensflare), the editable objects appear in yellow and the non-editable objects appear in white. When an object is editable, you can:

  • Adjust the position of a point by dragging and dropping it. To be able to modify a polygon, it needs to be visible entirely in the edition zone.
  • Delete it with the contextual menu (right-click)

You can zoom in the window with the scroll wheel of the mouse even while drawing a hotspot.

3D Edition Window

The left button of the mouse and the scroll wheel let you move in the 3D projection of the panorama.

Default view of the panorama

  • Select a panorama in the central window
  • Use the mouse to define the default position you want
  • Use the contextual menu (right-click) to define the navigation properties of the panorama's final rendering

Destination view of a hotspot

  • Select a hotspot linked to a panorama in the central window
  • Use the mouse to define the position you want
  • Use the contextual menu (right-click) to define the destination view

This tool lets you define a transition: the view will automatically move from the destination view of the hotspot to the default view of the panorama, when entering in this panorama via this hotspot.

Apt-en-3D.png

Properties

The options of the properties tabs impact all selected elements of the central window. Some options are directly modifiable via the graphical tools presented just above.

If no element is selected, the options are inactive. When several elements are selected and if their properties differ, the options are displayed in grey but are still editable.

Apt-en-properties.png

Project

Apt-en-project-properties.png
  • Display :
    • First Displayed Panorama: select the panorama to be displayed first in the virtual tour
    • Insert navigation menu : adds navigation buttons to the virtual tour
    • Ajouter un bouton plein écran : ajoute un bouton permettant d'afficher le panorama en plein écran. Attention : pour que le plein écran fonctionne le fichier flash doit être insérer dans un page internet avec les bonnes options (cf HTML Template).
    • Utiliser l'auto rotation : la visite virtuelle tournera automatiquement lorsque l'utilateur est inactif. Un bouton permettant de désactiver la rotation sera automatiquement ajouté.
    • Insert panoramas list : adds a list box pointing directly to each view of the tour
    • Logo:
      • File: enter, or browse to, the name of logo file to insert - PNG, JPG, GIF, SWF formats are supported.
      • Position: choose where you wish to position the logo.
      • Link: enter the URL of a web page to be opened if the logo is clicked.
  • Export
    • Embed all data: on activation, all used picture are embedded in the exported flash file, otherwise they are copied in a sub directory and dynamically loaded.

Attention : if all data is incorporated, the .SWF file generated may be very big in size and not much compatible with Internet publication. If data is not incorporated, don't forget to upload the data subfolder.

    • Embed XML files: makes accessible the XML files generated to create the virtual tour to modify them manually.
    • HTML Template: pointed html file will be used to generate a web page including the generated virtual tour. Template files are in the sub directory « Templates/html/ » presents in the installation directory. $(SWF) keyword presents in the template will be replaced by the generated flash file.

Panorama

Apt-en-pano-properties.png
  • Name: name used in the list box, if displayed
  • Field of view: field of view covered by the panorama. If the panorama was generated with Autopano Giga in a format that includes Exif data (TIFF or JPG), then the data will be automatically completed.
    • Horizontal: horizontal angle in degrees
    • Vertical: vertical angle in degrees
    • Vertical offset: vertical position of panorama center in degrees
  • Pictures parameters: defines the quality of the output image
    • Cube Face Size: picture size used to build the cubic 3D panorama
    • Preview Size: picture size of the preview displayed while loading the panorama
    • Jpeg Quality: jpeg compression quality (from 0 to 12)
    • Nadir Patch: picture inserted on nadir face
    • Scale: size of the nadir patch, proportionally to face size
  • Camera Parameters:
    • Yaw: horizontal position of the initial view in degrees
    • Pitch: vertical position of the initial view in degrees
    • Fov: field of view of the initial view in degrees
    • Min: minimal field of view while navigation
    • Max: maximal field of view while navigation

Hotspot

Apt-en-spot-properties.png
  • Link:
    • Panorama: the hotspot will enable to load selected panorama
    • Url: the hotspot will enable to load wrote link
    • Splash: enables to display the url in an embedded window. The url must written in html format with very minimalist code. Understanding code can be found at this page :

http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/text/TextField.html#htmlText

  • Display:
    • Color: color used to display the polygonal hotspot.
    • Object: graphical object (PNG, JPG, GIF, SWF) displayed at punctual hotspot position.
    • Tooltip: displayed text when mouse is over the polygon.