partey_workadventure/maps/tests/MovePlayer/script.php

49 lines
1.9 KiB
PHP
Raw Normal View History

2022-01-19 09:34:06 +01:00
<!doctype html>
<html lang="en">
<head>
<script src="<?php echo $_SERVER["FRONT_URL"] ?>/iframe_api.js"></script>
<script>
window.addEventListener('load', () => {
//@ts-ignore
WA.onInit().then(() => {
console.log('After WA init');
const movePlayerButton = document.getElementById('movePlayerButton');
2022-01-19 13:53:06 +01:00
const randomChainedMovementButton = document.getElementById('randomChainedMovementButton');
2022-01-19 09:34:06 +01:00
const xField = document.getElementById('x');
const yField = document.getElementById('y');
const speedField = document.getElementById('speed');
2022-01-19 09:34:06 +01:00
2022-01-19 13:53:06 +01:00
randomChainedMovementButton.addEventListener('click', async () => {
2022-01-20 12:54:55 +01:00
WA.player.moveTo(500, 500, 10)
const result = await WA.player.moveTo(100, 100, 10).then((result) => {
if (result.completed)
if (result.cancelled) {
return;
}
WA.player.moveTo(500, 100, 20);
});
2022-01-19 13:53:06 +01:00
});
movePlayerButton.addEventListener('click', async () => {
const position = await WA.player.moveTo(
2022-01-19 09:34:06 +01:00
parseInt(xField.value),
parseInt(yField.value),
parseInt(speedField.value),
2022-01-19 09:34:06 +01:00
);
console.log(position);
2022-01-19 09:34:06 +01:00
});
});
})
</script>
</head>
<body>
X: <input type="text" id="x" value="496" /><br/>
Y: <input type="text" id="y" value="655" /><br/>
Speed: <input type="text" id="speed" value="20" /><br/>
2022-01-19 09:34:06 +01:00
<button id="movePlayerButton">Move Player</button>
2022-01-19 13:53:06 +01:00
<button id="randomChainedMovementButton">Do random chained movement</button>
2022-01-19 09:34:06 +01:00
</body>
</html>