Home -> VRSmarty plugins page -> spotplate.swf
This plugin is completely free for use in any context or connection.
spotplate: Plugin for generating a background plate or frame.


Current version: 1.1

Zip file
Test page
VRSmarty XML file

spotplate.swf
This plugin generates a background plate or frame. You can choose between a rectangle or an ellipse, and you can set attributes like plate size, background color, frame width/color and corner radius. Plate size can be also be set to follow pano resizing. All other hotspot attributes - like position, alpha value, shadows, visibility, etc... work as usual.
The following hotspot attributes are supported:

shapeshape="ellipse"plate shape, rectangle (default) or ellipse
sizesize="20%:50"plate size, format="width:height", see NOTES
bgColorbgColor="#E08080"plate color, default=transparent
borderWidthborderWidth="1"border width in points, 0=hairline
borderColorborderColor="#000000"border color, default=no border
roundedCornersroundedCorners="15"corner radius, default=0



NOTES:

There are three options for specifying width and height:

1. A fixed number of pixels350size does not change when changing pano size
2. A negative value-120size will change and always be pano size - value
3. A percentage value40%size will change and always be this percentage of pano size

The values for width and height may be specified in any combination of the ways above.

The width of the border is measured in points (0=hairline) - not pixels.

Hotspot positioning, alpha value and visibility settings are specified as usual in your <spot> attributes.




Example VRSmarty XML file:

<!-- plates -->
<style id="plates" url="../plugins/spotplate.swf" type="static"
   mouseChildren="false" visible="true" margin="5" depth="0" buttonMode="false"
/>
<spot id="plate1" style="plates" staticAlign="BL" align="BL" staticX="5" staticY="10"
   alpha="0.30" size="110:-75" bgColor="#60F0A0"
/>
<spot id="plate2" style="plates" staticAlign="BR" align="BR" staticX="10" staticY="0"
   alpha="0.30" size="-150:85" bgColor="#60A0F0" borderColor="#90D0FF"
/>
<spot id="plate3" style="plates" staticAlign="C" align="C" staticX="-100" staticY="150"
   alpha="0.70" size="25%:20%" shape="ellipse" bgColor="#FFFFA0" borderColor="#C00000" borderWidth="3"
/>
<spot id="plate4" style="plates" staticAlign="TR" align="TR" staticX="5" staticY="13"
   alpha="0.50" size="120:98" bgColor="#C0C0C0" borderColor="#000000" borderWidth="2" roundedCorners="15"
/>
<spot id="plate5" style="plates" staticAlign="TC" align="TC" staticX="-150" staticY="10"
   alpha="0.60" size="20%:50" bgColor="#60F0A0" borderWidth="3" roundedCorners="15"
/>
<spot id="plate6" style="plates" staticAlign="TC" align="TC" staticX="150" staticY="10"
   alpha="0.60" size="20%:50" borderColor="#00A0F0" borderWidth="5" roundedCorners="15"
/>



Version history:
1.1:
Added support for transparent background and rounded corners.