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;

When export is finished, you get a folder with an html file, some javascript files and a folder full of images. You can double-click the html file to run it locally in the browser. Note that Internet Explorer may ask you to allow the script execution - this is OK and happens only for locally opened files.

What Is Inside?

If you are familiar with HTML and Javascript, you’ll find the content of the HTML file pretty simple. All you need is to load jQuery (any modern version is OK) and Boxshot VR engine. Then you simply put an <img> tag with some attributes that tells Boxshot VR how to show your artwork.

Sharing Results

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.