Step into a world of immersive storytelling with the Pano Module, your gateway to interactive scenes that captivate and engage your audience like never before. This innovative module allows you to create expansive vistas filled with assets and modules, inviting users to explore every corner of your ad. With intuitive motion controls and seamless swiping motions, users can navigate through larger views with ease, adding a sense of novelty and interaction to the experience. Whether it's showcasing panoramic landscapes, interactive product tours, or captivating brand narratives, the Pano Module transforms your ads into captivating journeys of discovery.
Use cases
Display panoramic images and let the user discover content through their own movement
Display panoramic video content that lets the user discover parts or show how dynamic something is
Example
This is a more complex example of what the pano can do. It moves in both dimensions with custom sizes and uses parallax effects on its' assets to create a highly dynamic ad experience.
As with all examples, you can request us to copy them over to your company so you can look at how they are built in detail.
Pano mode
With this dropdown, you can choose between the following modes:
Horizontal - The pano moves horizontally only
Vertical - The pano moves vertically only
Both - The pano can be moved in both dimensions
Custom - This option lets you set up the ratios of both dimensions manually, so you have more control over the amount of space the user can move in both directions
Initial animation
This toggle lets you activate the initial animation, which shows the user in which directions the pano can be moved. Alternatively you can turn it off.
Initial start position
You can set up the initial start position of the pano module with these icons. You can select from 3 positions for horizontal/vertical mode and 9 for the "Both" option.
Dark gyro notification
This option lets you toggle between a light and a dark version of the gyro notification that will pop up on mobile end devices, asking the user to allow the motion controls for your creative.
Show scrollbars
This option allows you to show/hide the scrollbars which indicate how far your content can be scrolled/moved. It can look cleaner without them, but there may be cases where you want the user to know how far he can go inside the pano.
Device motion multiplier
With this slider you can set how fast the pano will move with the users inputs. A higher value will require less movement/swiping of the user to move in one of the directions.
Pano scale mode
You can select from three options via this dropdown, which control how the pano content scales to the pano:
None = Will just set the image/video container to the pano container size
Fit Height = Will fit the image/video container to the pano's height while keeping the ratio of the pano module
Fit Width = Will fit the image7video container to the pano's width while keeping the ratio of the pano module
Background Image or video options
Here you can drop your asset (Either image or video) and set a few positioning-related options, similar to the Asset module. If you add a video, you'll also get another tab with video options regarding controls visibility, positioning and the option to loop.
Properties & Clickout
As for the Background module, the pano module allows you to change different properties like the opacity seperately in the "Properties" tab.
Also, you can set up a clickout link for the pano module as usual.
Interactions
The pano offers all standard triggers & actions that the Background module offers as well. Furthermore, the pano module offers:
Triggers
Pano engagement (any) - Triggers on any kind of engagement with the pano movement
Pano engagement (left) - Triggers if a user has engaged on the left side of the pano
Pano engagement (center) - Triggers if a user has engaged on the center (horizontal) of the pano
Pano engagement (right) - Triggers if a user has engaged on the right side of the pano
Pano engagement (top) - Triggers if a user has engaged on the top of the pano
Pano engagement (bottom) - Triggers if a user has engaged on the bottom of the pano
Pano engagement (middle) - Triggers if a user has engaged on the middle (vertically) of the pano
Pano ready - Triggers once the pano module is loaded
Pano user interaction - Triggers when a user first interacts (can be just a touch of the module too)
Actions for other modules
The pano module offers an action that other modules can trigger via an interaction:
Play pano video - Lets you start the video in the pano (if it isn't already running) from another interaction