Tutorial: Blurred Panorama Background

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Tony
Posts: 889
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Sat Jan 18, 2020 10:22 pm

Hi,

I've just posted my latest tutorial, Blurred Panorama Background on my website at https://tonyredhead.com/pano2vr/blur-background-bg

This tutorial will take you through the steps to create a custom skin that has the functionality 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.

background-options.jpg
background-options.jpg (446.87 KiB) Viewed 3322 times
Sample showing the different background options

In this tutorial we will modify the tutorial project file by;

- Adding Custom Node ID’s
- Enabling Direct Node Access

and modify the tutorial skin by:

- Creating an iFrame that loads another instance of the node panorama
- Apply CSS Filters
- Add a Screentint
- Add an Impermeable element
- Add a Timer
- Add Logic Blocks and Actions to control the blur and tint

Once again, comments and feedback are appreciated.
cheers,
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/
Post Reply