HTML5 Output Settings (Object2VR)
From Garden Gnome Software
Contents |
Settings Tab
Image Settings
Image Width: Enter the desired image width.
- auto: This is selected by default and will have Object2VR choose the maximum pixel width needed.
- NOTE: A pixel width smaller than the image window size will result in a blurry image. Also, depending on the combination of window and image width, zoom factor may be affected.
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.
Display
Image Window Size: Adjusts the width and height of the movie window.
- Keep aspect ratio: Keeping this option selected ensures that the window size's aspect ratio will not change when adjusting the window size.
Background: The movie window's background visibility and color.
- Visible: Select to keep the background visible
- Color: Choose the color of the background. Clicking on the color square opens the color picker.
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.
- Min: When this option is chosen, whichever dimension is least (vertical, horizontal or diagonal) will stay within the field of view when the image is scaled.
- Max: When this option is chosen, whichever dimension is greatest (vertical, horizontal or diagonal) will stay within the field of view when the image is scaled.
- Horizontal: Choose this option to ensure the horizontal field of view is most important and is always visible when scaling the image.
- Vertical: When the image is scaled or window resized, the vertical field of view will stay true.
- None: No scaling will occur.
Auto Play
Mode: How the movie will rotate. Choose from three rotation options:
- Off: Select this option when you wish to not have your movie automatically play.
- Rotate: The movie will fully rotate through all images.
- Ping-Pong: The movie will rotate back and forth from the first and last images.
- Rotate once: The movie will do a full rotation only one time.
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
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.
- Auto move mode: Select to move the movie as a flat image (no rotation). De-select to be able to rotate the movie when zoomed in.
Skin
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 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.
- Open…: Click here to choose a specific location for the folder.
Output
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.
- Open…: Click to save the project elsewhere.
- NOTE: $n is a placeholder and will be replaced with the object images' file name.
Advanced Settings
Control
Mouse: Mouse controls.
- Disable: Select to disable interactivity with the movie via the mouse.
Double Click: Choose what should happen when a user double-clicks or double-taps.
- Toggle Fullscreen: Select to initiate a fullscreen toggle mode via a double click with a mouse or double tap on a touch interface. Image only.
Mouse Wheel: Mouse wheel controls.
- Disable: Disable interactivity with the panorama via the mouse wheel.
- Invert: Invert the interactivity of the mouse wheel. For instance, scrolling down will zoom the movie out (instead of zooming in).
- Speed: The rate at which the panorama will move relative to the mouse wheel.
Keyboard: Keyboard control.
- Disable: Select this to disable interactivity with the the object movie via the keyboard.
Context Menu: This option allows you to hide the branding found in the context menu of the player.
- Hide 'About Object2VR': Select this to hide the 'About Object2VR' in the player's context menu.
- NOTE: This option is only available with an unbranded license.
Hotspot Text Box
Enable: Select this box to show hotspot text boxes in the object movie.
Size: Set the size of the text box for the hotspot.
- Auto: Choose this to have the text automatically fitted within the text box. The text box will be resized vertically.
Text: This sets the text color for all hotspot boxes.
- Color: Click the color box to choose a text color.
- Word Wrap: This option will wrap the text within the text box.
Background: This is the visible area behind the object movie window.
- Visible: Select to show the background of the text box.
- Color: Clicking on this color box will open the color picker. Choose a color for the background.
Border: This is the line that borders the text box.
- Visible: Select to show the border of the text box.
- Color: Clicking on this color box will open the color picker. Choose a color for the border.
- TIP: If you only want the text visible (no boxes), be sure to deselect Visible from both Background and Border.
HTML Tab
Use this tab create a customizable HTML template. Information on the coding language used to create the HTML template can be found here.
To access the HTML template parameters, select Enable HTML File, if it is not already selected by default.
Template: Currently, there is only one template to choose from, normal.ggt.
Template Parameters
Text: 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 in fullscreen within the browser.
- NOTE: When this is selected, the Userdata Table will not be visible.
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.
Show Userdata Table: Select this box to show the userdata table or not.
Table Border, Table Text, Table Background Colors: Use these color pickers to customize your table.
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
Template Output
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:
$nwill be replaced with the name of your original image.