Skip to main content

HTML5 Output Settings (Object2VR)

Settings Tab[edit]

Settings tab

Image Settings[edit]

Image Width: Enter the desired image width.

Format: Select either JPEG or PNG as the preferred output image format.

Image Quality: The overall quality of the image as defined in JPEG images. 90% is the default value; lowering the value below 90 will decrease the quality of the outputted image.

Image Output Path: This option lets you choose a name and location to store the outputted images' folder. By default, Object2VR will create a folder called images in the same location as the original images.

Preload: Select to have all images preloaded for a single resolution object movie.

Display[edit]

Image Window Size: Adjusts the width and height of the movie window.

Background: The movie window's background visibility and color.

Image Scaling:: This setting ensures that image boundaries/edges stay true to the image's window or scaling option. When the window size is changed, the image is scaled accordingly..

Auto Play[edit]

Mode: How the movie will rotate. Choose from three rotation options:

Speed: The speed at which the movie will rotate.

Delay: The time it takes for the object to begin to rotate (in seconds) again after it has been manually moved by the user.

Zoom[edit]

Enable zoom: Select this to allow zooming in your object movie and to edit the zoom parameters.

Default: The initial zoom level. A default zoom of 1 means the image will be at its original zoom level (or have no zoom initially applied.)

Maximum: The maximum zoom level. The default is set to 2. This means the movie can be zoomed in two times it's default zoom.

Center: Adjusts the center of the zoom.

Move: This toggles how the user interacts with the movie when zoomed in.

Skin[edit]

Skin: Here you can choose either one of the pre-installed skins or choose one that you have created. The file extension used for the skins is .ggsk (stands for Garden Gnome Skin).
◊ TIP: The skin, simplex uses scalable vector graphics (SVG).

Edit: Clicking this will bring you to the Skin Editor.

File: Click here to choose a skin from the Garden Gnome skins folder.

Image Format: Select, Convert SVG to PNG to have any SVGs in the skin (i.e. simplex.ggsk), converted to PNG. If this is not selected, Pano2VR will output both formats in the case a Flash fallback will be used.

Image Output Path: This creates a folder to contain the images of the skin and by default is placed in the same location as the object movie. The default is the same folder as the default folder (images) that holds the object movie images. The name of this folder can be changed.

Output[edit]

Output File: Change the name of the file (if you wish) and choose where to save the outputted files associated with the project. The default is to output the file in the same folder as the original images.

Advanced Settings[edit]

Advanced Settings Tab

Control[edit]

Sensitivity: Set the movie's sensitivity to the movement of the mouse. A low sensitivity will cause the panorama to move slowly with the mouse's movement.

Movement: Control of the panorama.

Mouse: Mouse controls.

Double Click: Choose what should happen when a user double-clicks or double-taps.

Mouse Wheel: Mouse wheel controls.

Keyboard: Keyboard control.

Context Menu: pro & studio – This option allows you to hide the branding found in the context menu of the player.

Hotspot Text Box[edit]

Enabled: Select this box to show hotspot text boxes in the object movie.

Size: Set the size of the text box for the hotspot.

Text: This sets the text color for all hotspot boxes.

Background: This is the visible area behind the object movie window.

Border: This is the line that borders the text box.

◊ TIP: If you only want the text visible (no boxes), be sure to deselect Visible from both Background and Border.

Polygon Hotspots[edit]

If you've added polygon hotspots in the Hotspot Editor, then these settings will affect how they appear.

View Mode: Choose how the hotspot appears on screen:

Background Color: Choose the fill color of the hotspot.

Border Color: Choose the border color.

Multiresolution Tab[edit]

HTML5 Multiresolution Tab

Basic Settings[edit]

Enabled: Select to enable multiresolution output. Once you select this, a dialog appears asking you if Object2VR should add Levels. Choosing, Yes, will add the first levels. If you choose, No, you can manually add the levels.

Level Tile Size: This determines the size of the sub tiles in pixels.
◊ TIP: For best results use settings between 250px to 1000px.

Filename: This determines the file location and naming convention of the generated sub tiles. You may change the name to suit your project, although the placeholders must be used so Object2VR knows which tiles to use.

Generate Files: This option is selected by default to generate the multiresolution files. Once multiresolution is set up, you can deselect this option to keep Object2VR from re-generating the tiles each time the project is outputted. (It's a time-saver!)
◊ TIP: This is especially helpful if doing a timelapse with a lot of images. For the initial output, enable multiresolution. Set up only one level that matches the size of the images. For the next output, make sure Generate Files is deselected. This way, every time you want to go back and edit the project, the images don't have to be regenerated.

Advanced Settings[edit]

Overlap: Keep selected to have the tiles overlap by one pixel to avoid visible seams in the image. If using tiles from a source other than Object2VR, this option may need to be deselected for correct tile alignment.

Levels[edit]

When you enable multiresolution, Object2VR automatically sets three levels.

More levels can be added by choosing the Add button in the upper right corner. The pixel size can also be changed. To remove levels just click the red X to the right of the level you wish to remove.

Width: The width of each level's tile size and can be edited.

Cache at Startup: This determines which level will be used when the player is first opened. The first level is selected by default. Selecting more (or the larger levels) may cause a longer loading time on the end user's device.

Remove levels: Click the red X to the right, of the level you wish to remove.

HTML Tab[edit]

Use this tab create a customizable HTML template. Information on the coding language used to create the HTML template can be found here.

HTML Tab

To access the HTML template parameters, select Enable HTML File, if it is not already selected by default.

Template: Currently, there are two templates to choose from, normal.ggt and ggpkg.ggt.

Normal Template Parameters[edit]

Text Color: Click the color box to open the color picker. Choose the color of the text.

Background Color: Click the color box to open the color picker. Choose the color of the page's background.

Fullscreen: Select this to have the movie open in fullscreen within the browser.
◊ NOTE: When this is selected, the User Data Table will not be visible.


Flash fallback player: Select to use a Flash player that uses the XML file to playback the project. If using this, there's no need to add a fallback file (SWF). See: HTML5 Flash Fallback Player.

Flash Object Movie: Add the Flash version (SWF) of the object movie here so that browsers that do not support HTML5 3D transformations, but do support Flash can properly playback the object movie. If you are using the fallback player, you do not need to add a SWF here.

Prefer Flash if available: Select this to have Flash as the preferred player. If a browser supports both HTML5 3D transformations and Flash, the Flash version will played via the Flash player.


Show User Data Table: Select this to show the user data table.

Table Border, Table Text, Table Background Colors: Use these color pickers to customize your table.


Embedded XML: Embeds the XML file in the HTML template. Good for when browsers (like Chromoe) can't read the external XML file.

Create HTML5 Cache Manifest: Select this option to have the ability to access the panorama offline. This outputs a manifest file, called: projectname_out.manifest. See Cache Manifest File.

Template Output[edit]

Format: Choose between extensions, .html and .htm.

Output File: If you wish, change the name of the file and choose where to save the outputted HTML file. The default is to output the file in the same directory as the original image. If no change is made here, this is where you will find your outputted image.
◊ NOTE: $n will be replaced with the name of your original image.

See also[edit]

HTML5 Output (Object2VR)
Cache Manifest File