As the number of tutorials grows it becomes a bit more difficult to find what’s there without having to go through pages and pages of the site. This list provides a summary of each tutorial and a link to the tutorial page. The list is in chronological order starting with the most current.
Blurred Panorama Background : January 14th 2020
About: This tutorial takes you through the steps on creating a custom skin with the ability to blur and desaturate the current node panorama. The effect, activated by an Action in the skin, applies CSS Filters, Blur and Grayscale, to the current node panorama. A simple tint option is also available.
Functions covered include: Custom Node ID’s, Direct Node Access, iFrame, CSS Filters, Screen Tint, Impermeable Element, Timers, Logic Blocks and Action
Software Version: 6.1.2
Responsive Animated Lower Third - Part 1 & Part 2: December 28th 2019
About: This two part tutorial show you how to animate a multilevel Lower Third Banner that is responsive to mobile devices such as smartphones.
Part 1: Functions covered include; Break sizes, Scale Logic and Visibility Logic
Part 2: Functions covered include; Z-index and Timers
Software Version: 6.1.2
Managing Textbox Button Colors & Actions : September 6th 2019
About: This tutorial show you how to manage textbox button colors and actions using variables in order to achieve different states and actions as follows:
a. Mouseover the button changes the color of the text and the background button color
b. Mouseclick the button makes it active, changes the color and shows several icons
c. Mouseclick the button again deactivates it, hides the icons and resets the colors
d. With one button active clicking another button makes the new button active, changes the color and adds additional icons
e. Clicking an active button deactivates it without affecting any other active buttons
Software Version: 6.0.6
Styling Text with CSS and Local Fonts : July 10th 2019
When developing virtual tours for clients there is often the need to create unique user interface elements (skins) that on many occasions may require the use of a custom font.
The best way to ensure consistency across browsers is to use a Local Font file and CSS to style the text. In this tutorial I'm going to style the text on a button and a popup information block using the local font file/css method.
Software Version: 6+
Floating Nadir Logo & Universal Floating Nadir Logo : February 15th 2019
A Nadir Logo is often used as a marketing tool or to quickly hide the tripod seen in the bottom of a panorama. A Floating Nadir logo is one that always has the correct orientation and doesn’t turn as the panorama is panned.
The two tutorials show you how to add a floating nadir to a panorama and how to have that nadir appear across the whole project.
Software Version: 6+
