This, two part tutorial, shows how to create a project that contains an image viewer that can be opened via a hotspot. The image viewer zooms to fullscreen and displays an image that can be zoomed in to and out of and panned around using both mouse and touch.

No external applications are required and the whole tutorial is built using the tools within Pano2VR. There is a downloadable ‘Tutorial Folder’ with sample equirectangular and flat images and a skin component to provide the zoom and pan tools for the image.

A shout-out to Jaroslav Pindora (P2VR Facebook User Group) solution to the hotspot image zoom and pan using just the tools within Pano2VR.

Pano2VR provides a very comprehensive Skin Editor that allows a user to create unique interactive environments. However there may be occasions when you need to integrate external applications to extend the program and there are a number of ways to do so in Pano2VR.

This tutorial show you how to create a point hotspot and integrate a third party image viewer application that opens an image that fills the current screen. Once the image has opened the user can then zoom in and out of the image and pan around it using a mouse or by touch on a mobile device.

Using Point Hotspots to deliver contextual content is a great way to make your Virtual Reality tours more interactive and provide an enhanced experience for the viewer. One of the most effective options is to zoom up an image based on a mouse click. This option can highlight and provide information on specific areas of your panorama. This long form step-by-step tutorial takes you through building the image file, adding in zoom capabilities and a mouse over text reveal. This tutorial is presented in two parts, this is Part 1

Using Point Hotspots to deliver contextual content is a great way to make your Virtual Reality tours more interactive and provide an enhanced experience for the viewer. One of the most effective options is to zoom up an image based on a mouse click. This option can highlight and provide information on specific areas of your panorama. This long form step-by-step tutorial takes you through building the image file, adding in zoom capabilities and a mouse over text reveal. This tutorial is presented in two parts, this is Part 2

Using Point Hotspots to deliver contextual content is a great way to make your Virtual Reality tours more interactive and provide an enhanced experience for the viewer. The most convenient way to create and deliver the content is by employing .html files and iFrames within the hotspots. Rather than create and manage multiple hotspots this tutorial shows how to use a single point hotspot template and external .html files with multiple hotspots.

Note: this tutorial has been updated to resolve an issue with Garden Gnome Package Outputs not loading the external .html files. You can find the new tutorial here.

This tutorial takes you, step-by-step through the process of calculating your multi-resolution tile and level sizes to create the perfect set of tiles for your project. We hope you will never need it but we look at extracting the high resolution tiles, renaming them and finally re-assembling them to restore your equirectangular image.

This tutorial is broken down into 3 parts, this is Part 1: Creating the Tile Size and Levels. The other parts are;

Part 1: Creating the Tile Size and Levels
Part 2: Extracting and renaming the Tiles
Part 3. Reconstructing the Panorama

This tutorial takes you, step-by-step through the process of calculating your multi-resolution tile and level sizes to create the perfect set of tiles for your project. We hope you will never need it but we look at extracting the high resolution tiles, renaming them and finally re-assembling them to restore your equirectangular image.

This tutorial is broken down into 3 parts, this is Part 2: Extracting and Renaming the Tiles. The other parts are;

Part 1. Create the Tile Size and Levels
Part 2: Extracting and renaming the Tiles
Part 3. Reconstructing the Panorama

This tutorial takes you, step-by-step through the process of calculating your multi-resolution tile and level sizes to create the perfect set of tiles for your project. We hope you will never need it but we look at extracting the high resolution tiles, renaming them and finally re-assembling them to restore your equirectangular image.

This tutorial is broken down into 3 parts, this is Part 2: Extracting and Renaming the Tiles. The other parts are;

Part 1. Create the Tile Size and Levels
Part 2: Extracting and renaming the Tiles
Part 3. Reconstructing the Panorama

This updated, step-by-step tutorial, for Pano2VR V5.2.3 will take you through the requirements and workflow of posting a 360˚ Panorama to a Twitter Tweet. In it I'll provide information about the Twitter player card, the meta tags required, domain whitelisting, and Twitter Card Validator

This two-part tutorial covers the implementation of scrollable iFrames within the built-in Gallery Simplex Component. It was developed in response to a Pano2VR forum post in regard to loading external web pages into the gallery and then a further discussion on how to enable scrolling on iOS devices.

If the standard method of loading web pages into a text box is used, scrolling will be available on the desktop but not on iOS devices. To enable the scroll function on iOS requires some workarounds that this tutorial will cover in detail. 

This two-part tutorial covers the implementation of scrollable iFrames within the built-in Gallery Simplex Component. It was developed in response to a Pano2VR forum post in regard to loading external web pages into the gallery and then a further discussion on how to enable scrolling on iOS devices.

If the standard method of loading web pages into a text box is used, scrolling will be available on the desktop but not on iOS devices. To enable the scroll function on iOS requires some workarounds that this tutorial will cover in detail. 

This tutorial show how to create a Tripod Cap, or patch, that can be applied across several panoramic nodes. In addition, the Tripod Cap, created in Adobe Illustrator and Adobe Photoshop, is editable and changes applied to it will automatically be applied to the patch within Pano2VR.

In the tutorial "Styling Text with CSS and Local Fonts" the fonts I use are in a file format .WOFF. This tutorial describes the conversion process using an online converter, developed by Andrew Sun, to generate fonts suitable for use in the tutorial

Using specific or custom fonts are among the most potentially appealing aspects of CSS3 for designers creating skins within Pano2VR. With the @font-face rule, you can render any font you have online within your text, regardless of whether the user has it installed or not. 

With the shuttering of Google's Street View online publishing tools and the development by Pano2VR of an integrated publishing system there is now a simple efficient method to publish single and multiple node panoramic tours to Google Maps. 

This blog describes how to set up and activate Branded Accounts for use within Pano2VR's Google Street View functionality.

Note: This tutorial is only relevant if the Branded Account was created when setting a password was an option in the Branded Account management console. Recent changes to Branded Accounts don't have unique logins and can only be accessed by the users main login/password.

This step-by-step tutorial will take you through the requirements and workflow of posting a 360˚ Panorama to a Twitter Tweet. In it I'll provide information about the Twitter player card, the meta tags required, domain whitelisting, and Twitter Card Validator

If you need to compare two 360˚ panoramas side-by-side in a split-screen then this tutorial will provide step-by-step instructions on how to create the files required to achieve the effect. 

Making multi-resolution 360˚ panoramas for embedding in a Facebook timeline, Google+ or Twitter post is made easier using Pano2VR droplets. Simply drag your Equirectangular image onto the droplet and a few seconds later your files are ready to upload.

Note: Recent changes to Facebook have reduced the effectiveness of embedding into the timeline. In the past if Flash wasn't present a link to the HTML version was displayed. This is no longer the case and there is no fallback to HTML. The alternative now is an error message in the timeline or a blank screen once the button to play has been activated.

The path that the droplets use to locate the installed version of Pano2VR is determined when the droplet is made. If your application is in a different location and you are trying to run the droplets supplied with the Using Droplets to create 360˚ panoramas for Facebook Timeline, Google+ & Twitter blog then you will see an error message when you launch the droplet. This tutorial will show you how to modify the droplet path.