I kind of resolved...
A bit tricky and not doing what I wanted... I am compelled to a not transparent map!
The map is a background, plain, alpha="1" and color the one you want as active room background.
No mask parameter in radar plugin.
|
Source code
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<plugin name="map"
url="nav/map-empty.png"
keep="true"
enabled="true"
visible="true"
align="rightbottom" x="0" y="0"
alpha="1.0"
handcursor="false"
children= "true"
scalechildren="true"
width="512"
height="512"
zorder="2"
/>
<plugin name="radar"
url="plugins/radar.swf"
alturl="plugins/radar.js"
zorder="1"
keep="true"
heading="-90"
parent="map"
align="rightbottom"
edge="center"
x="0" y="0"
linecolor="0"
fillcolor="0xA2978A"
fillalpha="1.0"
scale="0.87"
visible="false"
/>
|
A plugin called i-mapmask, child of map and with no url...
|
Source code
|
1
2
3
4
5
6
7
8
9
10
11
|
<plugin name="i-mapmask"
url=""
keep="true" parent="map" enabled="true"
edge="rightbottom"
align="rightbottom" x="0" y="0"
alpha="1.0"
handcursor="true"
width="512"
height="512"
zorder="1"
/>
|
.
A collection of masks PNG with the map and "holes" in the right areas, room backgrounds. Alpha=1 and zorder> than radar <than mappoints, habdcursor false.
On every scene I put the code to update the image that masks the javascript radar.
|
Source code
|
1
2
3
4
5
6
|
<plugin name="imapmask"
url="nav/r1c-imask.png"
parent="map"
enabled="false"
devices="ipad"
onloaded="updateimask();" />
|
|
Source code
|
1
2
3
|
<action name="updateimask">
set(plugin[i-mapmask].url, get(plugin[imapmask].url));
</action>
|
Radar cone must be scaled accordingly with the map and mapmasks images, or you will see it out of bounduaries given by the sandwich of layers you put it in.
As you can see from the roughness of what i have done, I will never be a good coder. yet it works.