This “little bit's” tutorial show you how to create a timer that will automatically close any hotspot popup after a set period of time. In addition it also shows how to add a visual countdown to the close.

In this tutorial we will modify the Auto-Close.ggsk skin by;

• Adding additional Actions to our Hotspot Template to activate our timer

• Add an Action to the timer to set a variable that will close the Hotspot Popup

• Add a ‘Visual Countdown’ showing how many seconds left to the Hotspot Popup closure

This “little bit's” tutorial show you how to modify a skin that contains a Floorplan and have it zoom up and fade in when the Mouse Enters the plan.

In Pano2VR Version 6 custom fonts could be added by disabling ‘device default CSS fonts’ in the HTML Template window and adding in a CSS Style Sheet and fonts. In Version 6 beta this option is no longer available and has been superseded by a new workflow.

This “little bit's” tutorial show you how to style text with CSS and Local Fonts in Pano2VR 6.1.2a ßeta by modifying the custom_fonts_beta.ggsk skin and adding the ‘my_styles_new’ css file to the ‘embedded stylesheet’ Edit Window in the skin editor.

This “little bit's” tutorial show you how to create a Fly-in effect and show a splash screen at the end of the fly-in.

In this tutorial we will modify a project file and skin by;

• Adding in a Draw Text Field that loads the splash screen using an iFrame

• Add a Logic Block to show the splash screen when the fly-in finishes

• Add in a Blocking Tint to hide the splash screen loading

• Enable a Mouse Click Action to hide the splash screen

In this tutorial we will add a Hotspot Proxy ID to a Container element and add actions that will modify a Polygon Hotspot.

This “little bit's” tutorial show you how to change the size of a hotspot based on the current Pan and Tilt Angles. In addition we will also fade between two colors during the scale transition.

This “little bit's” tutorial show you how to add JavaScript Filter Search to a virtual tour. You would use the search in a situation where you may have a large number of nodes and a scrolling list would be impractical and time consuming to search through.

Updated: 26/4/19 - In order to make the tutorial compatible with multi-node tours I’ve modified the tutorial including;

• Setting the initial view (stereographic using the Config loaded Action,

• Constrained the timers to only activate once by adding Action Filters to the Timer Deactivation Actions

• Hidden the ‘click to start’ button by using projection type in a logic block

This “little bit's” tutorial show you how to add an animated gif to a tour that runs until the loading is complete and then displays a ‘Start’ button that triggers the flyin.