This example shows how to use image-strips / sprite-sheets
as animated hotspot images.
The images will be animated by dynamically changing the crop setting
(which 'cuts-out' a certain region of the image) by xml action codes.
The do_crop_animation <action>
in this example has no dependencies and can be easily reused in own examples.
It supports vertical, horizontal and tiled image-strips and loops the images from left-top to right-bottom.
As parameters the pixel-size of one frame and the favored frame-rate need to be set.
This is an example to demonstrate the possibilities of the new WebGL-based blending modes in version 1.19.
The different blending-modes are custom settings for the blend
parameter of the loadpano() / loadscene() actions.
Beside of this the examples shows how to use custom xml structures (the <blendmodes> element is a custom one)
and how to drag layers and to use the scrollarea plugin.
This example rotates images accordingly to the current viewing direction.
The compass elements are build-out of several layers and images - and one of these images
will be rotated when the viewing changes.
This is a tour made fully automatically with the MAKE VTOUR (MULTIRES) droplet (but to save download space
in the package, the multires images were removed and replaced by the smaller single-res images).
The input images in this example were geo-tagged - and with that the map and the map-spots were automatically enabled and added.
This is a fully manually built tour (where the images itself were generated using the droplets of course)
without a given skin.
As navigation a small map with spots, where the active one shows a radar cone, and animated
hotspots in the panos are used.
This example shows two videoplayer xml scripts - one plays a normal videofile - and the other plays a Youtube video.
During the video playback a darken background layer will cover the pano and the other user interface elements.
In this example a distorted hotspot image that shows a different pano content will be used.
That hotspot will be faded-in when hovering an invisible polygonal hotspot, which acts as 'hit-area' for the
This example shows three possibility to visualize the pano image loading progress -
as image-based loop animation (an image-strip with a crop animation),
as loading bar (by changing the size of a layer element)
and as percent text.
It would be possible just to include one of the example xml files to add that kind of loading progress animation
to an own pano or tour.
An example 'tooltip' implementation - by assigning the 'tooltip' style and a 'tooltip' attribute
to an layer or a hotspot, it will automatically show the given tooltip text when the element will be hovered.
Videopano - a fully featured panoramic-video player skin.
This is an example for a panoramic video player.
It provides a simple xml interface for adding several video-quality files.
For using / adding own videos they would be only added once in the videopano.xml file.
The user interfaces provides: play/pause controls, a seeking bar, volume/mute control,
options for changing the quality, the playback rate and the viewing projection
(including a special 'flat' view), fullscreen buttons, gyroscope control and VR support.
The layout and design can be easily adjusted with a few settings in the videointerface.xml.