Backdrop Plugin

This is a special interaction plugin that generates an atmospheric backdrop from an image (by extrating the main colors). The plugin can be used with version 0.1.82 or higher.

Usage

The plugin must be loaded with a data object that contains an image URL and optionally a type. Please see following action syntax example.

• interaction:load:http://msx.benzac.de/interaction/backdrop.html

{
    "url": "http://link.to.image",
    "type": 0
}

If you would like to use the plugin as reference to implement your own plugin, please have a look at this implementation script: http://msx.benzac.de/interaction/js/backdrop.js.

Syntax

Property syntax of backdrop plugin

Property	Type	Default Value	Mandatory	Description
url	string	null	Yes	The URL of the backdrop image.
type	number	0	No	The type of the backdrop. 0: Plain atmospheric backdrop. 1: Extended atmospheric backdrop (by embedding the image in the upper right corner).

Example

Please note that this example uses some properties that are only available in version 0.1.142 or higher.

Screenshot

Example Screenshot (Backdrop Plugin)

Demo

• Launch via App: https://msx.benzac.de/?start=menu:https://msx.benzac.de/info/xp/data/plugin_test_8.json
• Launch via Demo Page: https://msx.benzac.de/info/?start=menu:https://msx.benzac.de/info/xp/data/plugin_test_8.json

See also

• Video/Audio Plugin
• Interaction Plugin
• Image Plugin
• HTML5X Plugin
• Panorama Plugin
• Ad Plugin
• Plugin API Reference