Hi everyone,
(See edits below)
I'm developing a "plugin" tool-suite for displaying user activity stats based on viewing data recorded and displayed in-pano. I have two modes at this moment, a "heatmap" mode and a grid mode. The heatmap just uses a alpha image, transparency and size to convey activity, but the grid uses transparency and color via hotspot polygons.
As you can see in the picture, the image hotspots in the pano overlap the polygons and no matter what I do to the "zorder", I can't get the polygon to go in front of the image hotspot. The grid is loaded and generated dynamically and most of the images are loaded directly from the XML, but the heatmap which is also generated dynamically works fine.
My question, Is it possible to somehow make these polygons behave according to the "zorder" attribute? Perhaps by nesting it somehow?
EDIT : Seemingly the problem does not occur on Safari on either OSX or IOS.. And after some more testing I found that the problem occurs when KRpano is run in CSS3d mode not webGL...
For some reason bloody FF has rendered itself unable to initiate a WEBGL session on my main dev system... I hate mozilla.....
Reverted back to FF 44 that does not blacklist my GPU... and now the zorder is good again... So in essence, the zorder with polygons only goes wrong when in CSS3d mode. I don't know if that is worth while fussing about...
Thanks anyway!