2021-12-16 16:08:41 +01:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<script src="<?php echo $_SERVER["FRONT_URL"] ?>/iframe_api.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
window.addEventListener('load', () => {
|
2021-12-17 11:05:11 +01:00
|
|
|
//@ts-ignore
|
|
|
|
|
WA.camera.onCameraUpdate((worldView) => console.log(worldView));
|
2021-12-16 16:08:41 +01:00
|
|
|
WA.onInit().then(() => {
|
|
|
|
|
console.log('After WA init');
|
2022-01-13 16:08:16 +01:00
|
|
|
const setViewportButton = document.getElementById('setViewportButton');
|
2021-12-16 16:08:41 +01:00
|
|
|
const followPlayerButton = document.getElementById('followPlayerButton');
|
|
|
|
|
const xField = document.getElementById('x');
|
|
|
|
|
const yField = document.getElementById('y');
|
|
|
|
|
const widthField = document.getElementById('width');
|
|
|
|
|
const heightField = document.getElementById('height');
|
|
|
|
|
const smoothField = document.getElementById('smooth');
|
2022-01-13 16:08:16 +01:00
|
|
|
const lockField = document.getElementById('lock');
|
2021-12-16 16:08:41 +01:00
|
|
|
|
2022-01-13 16:08:16 +01:00
|
|
|
setViewportButton.addEventListener('click', () => {
|
|
|
|
|
WA.camera.setViewport(
|
2021-12-16 16:08:41 +01:00
|
|
|
parseInt(xField.value),
|
|
|
|
|
parseInt(yField.value),
|
|
|
|
|
parseInt(widthField.value),
|
|
|
|
|
parseInt(heightField.value),
|
2022-01-13 16:08:16 +01:00
|
|
|
lockField.checked,
|
2021-12-16 16:08:41 +01:00
|
|
|
smoothField.checked,
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
followPlayerButton.addEventListener('click', () => {
|
|
|
|
|
WA.camera.followPlayer(smoothField.checked);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
X: <input type="text" id="x" value="64" /><br/>
|
|
|
|
|
Y: <input type="text" id="y" value="64" /><br/>
|
|
|
|
|
width: <input type="text" id="width" value="600" /><br/>
|
|
|
|
|
height: <input type="text" id="height" value="400" /><br/>
|
|
|
|
|
Smooth: <input type="checkbox" id="smooth" value=1 /><br/>
|
2022-01-13 16:08:16 +01:00
|
|
|
Lock: <input type="checkbox" id="lock" value=1 /><br/>
|
2021-12-16 16:08:41 +01:00
|
|
|
|
2022-01-13 16:08:16 +01:00
|
|
|
<button id="setViewportButton">Set Viewport</button>
|
2021-12-16 16:08:41 +01:00
|
|
|
<button id="followPlayerButton">Follow Player</button>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
