Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

implement show/hide layer with scripting

Browse source
This commit is contained in:
GRL 2021-05-10 11:19:18 +02:00
parent 5605e63e5f
commit a6ba8d41b9
5 changed files with 97 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

31
maps/tests/iframe.html
View file

@ -3,7 +3,7 @@
<head>
<script src="http://play.workadventure.localhost/iframe_api.js"></script>
<script>
console.log('script');
</script>
</head>
<body>
@ -21,5 +21,34 @@
document.getElementById('chatSent').append(chatDiv);
}));
</script>
<div>
<label for="visibilityLayer">Metadata Layer</label><input type="checkbox" id="visibilityLayer" name="visible" value="show">
</div>
<script>
document.getElementById('visibilityLayer').onclick = () => {
if (document.getElementById('visibilityLayer').checked) {
WA.showLayer('Metadata');
console.log('show');
}
else {
WA.hideLayer('Metadata');
console.log('hide');
}
}
</script>
<!--<button id="showLayer">Show Layer</button>
<script>
document.getElementById('showLayer').onclick = () => {
WA.showLayer('Metadata');
console.log('show');
}
</script>
<button id="hideLayer">Hide Layer</button>
<script>
document.getElementById('hideLayer').onclick = () => {
WA.hideLayer('Metadata');
console.log('hide');
}
</script>-->
</body>
</html>

25
maps/tests/iframe_api.json
View file

@ -1,4 +1,11 @@
{ "compressionlevel":-1,
"editorsettings":
{
"export":
{
"target":"."
}
},
"height":10,
"infinite":false,
"layers":[
@ -49,6 +56,18 @@
"x":0,
"y":0
},
{
"data":[0, 0, 93, 0, 104, 0, 0, 0, 0, 0, 0, 0, 104, 0, 115, 0, 0, 0, 93, 0, 0, 0, 115, 0, 0, 0, 93, 0, 104, 0, 0, 0, 0, 0, 0, 0, 104, 0, 115, 93, 0, 0, 0, 0, 0, 0, 115, 0, 0, 104, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
"height":10,
"id":6,
"name":"Metadata",
"opacity":1,
"type":"tilelayer",
"visible":true,
"width":10,
"x":0,
"y":0
},
{
"draworder":"topdown",
"id":3,
@ -78,11 +97,11 @@
"x":0,
"y":0
}],
"nextlayerid":6,
"nextlayerid":7,
"nextobjectid":3,
"orientation":"orthogonal",
"renderorder":"right-down",
"tiledversion":"2021.03.23",
"tiledversion":"1.4.3",
"tileheight":32,
"tilesets":[
{
@ -100,6 +119,6 @@
}],
"tilewidth":32,
"type":"map",
"version":1.5,
"version":1.4,
"width":10
}