HotspotStyler

Introduction:

The HotspotStyler is an online tool for creating krpano hotspot styles.

The use is free of charge!
Donations are welcome:






How it works:

At start you will see an empty krpano-player.
Choose a hotspot-type (2D/3D/polygonal) and select some atributes you want to use.

Keep in mind that text-hotspots are not visible, if they have no values for 'text' or 'width/height'.
So best practice is to start with some values for width and height. If you press the 'UPDATE' button, the new style will be applied and the hotspots will be visible.

Hover Effects

If you toggle an hover-checkbox, you can set values for the hover effects. These properties are shown only, if the mouse-cursor is over the hotspot.

You can change the style further at any time by specifying new values and clicking the "UPDATE" button.

The current style-code is always displayed on the container below the pano-player. If you want to use the style for your own projects, just copy it from there!
width/height

hover
roundedge

hover
scale
0.5

hover
0.8
rotate
0

hover
0
bgcolor

hover
bgalpha
1.0

hover
1.0
distorted
zoom
bgborder
1.0

hover
1.0
borderzoom
1.0
alpha
1.0

hover
1.0
mergedalpha
shadow
0.6

hover
0.6
css
text

hover
textshadow
0.6

hover
0.6

changelog:

07.10.22 First release
08.10.22 'UPDATE' button position
09.10.22 Small css bugfix
10.10.22 Added: textshadow, bgborder-alpha, mergealpha
14.10.22 Added: 2D & polygonal hotspots, 'focusmode'
15.10.22 Added: rotate; Fix: sometimes wrong values for roundedge-hover