Exporting Results In Boxshot VR
On the last page you can export the animation to HTML5 format for further online usage. You can configure options such as:
- Title - the page title that will be displayed at the browser tab or window title;
- Images subfolder - if not empty, Boxshot VR will create a subfolder in the exported folder and place all the images there;
- Images name prefix - this will be added to the beginning of each exported file name. Using different prefixes allows you to export several sequences into the same folder;
- Resize images - allows you to resize output images. Leaving a field blank means proportional resize by another non-blank field. Leaving both fields blank means no resizing;
- Convert to - by default Boxshot VR simply copies your file to the output folder (if no resizing is performed). This option allows you to override the output format and its settings;
- Autoplay animation - tells the HTML object to automatically play animation when loaded, you can also define the animation speed in turns per second.
- Roation speed - defines the speed of object rotation when user drags the mouse. By default object does a 180° horizontal turn when mouse moved across the image from left to right, and the same 180° vertical turn when mouse moved from top to bottom of the image. You can change this speed by adjusting the percent values.
- Activate by click - when enabled, the object is not loaded until user clicks it. This helps to save some traffic, if necessary.
- Make HTML object responsive - tells the exported HTML object to follow its parent’s dimensions. By default HTML object has a constant size, enabling this option overrides this;
What Is Inside?
To share the animation simply pack all the files (including the subfolder with images) and send the archive to your recipient.
Uploading To The Site
When embedding to site, make sure jQuery is included as well as the Boxshot VR script. Then simply copy the <img> tag that Boxshot VR has generated. Do not forget to upload the image sequence and make sure that the <img> tag contains correct paths to the files.