mirror of
https://github.com/lubosz/overte.git
synced 2025-04-05 23:02:12 +02:00
89 lines
3.4 KiB
HTML
89 lines
3.4 KiB
HTML
<html>
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="walkStyle.css">
|
|
<script>
|
|
|
|
function emitUpdate() {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: "update",
|
|
armsFree: elArmsFree.checked,
|
|
makesFootStepSounds: elFootstepSounds.checked,
|
|
blenderPreRotations: elBlenderPreRotations.checked
|
|
}));
|
|
}
|
|
|
|
function loaded() {
|
|
// assign form elements to vars
|
|
var powerOn = true;
|
|
elPower = document.getElementById("power");
|
|
elArmsFree = document.getElementById("arms-free");
|
|
elFootstepSounds = document.getElementById("footstep-sounds");
|
|
elBlenderPreRotations = document.getElementById("bender-pre-rotations");
|
|
|
|
if (window.EventBridge !== undefined) {
|
|
EventBridge.scriptEventReceived.connect(function(data) {
|
|
data = JSON.parse(data);
|
|
|
|
if (data.type == "update") {
|
|
if (data.armsFree !== undefined) {
|
|
elArmsFree.checked = data.armsFree;
|
|
}
|
|
if (data.makesFootStepSounds !== undefined) {
|
|
elFootstepSounds.checked = data.makesFootStepSounds;
|
|
}
|
|
if (data.blenderPreRotations !== undefined) {
|
|
elBlenderPreRotations.checked = data.blenderPreRotations;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
elArmsFree.addEventListener("change", emitUpdate);
|
|
elFootstepSounds.addEventListener("change", emitUpdate);
|
|
elBlenderPreRotations.addEventListener("change", emitUpdate);
|
|
elPower.addEventListener("click", function() {
|
|
EventBridge.emitWebEvent(JSON.stringify({
|
|
type: "powerToggle"
|
|
}));
|
|
powerOn = !powerOn;
|
|
if (powerOn) {
|
|
elPower.value = "Turn Animation Off";
|
|
} else {
|
|
elPower.value = "Turn Animation On";
|
|
}
|
|
});
|
|
// request initial values
|
|
EventBridge.emitWebEvent(JSON.stringify({ type: 'init' }));
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload='loaded();'>
|
|
<div>
|
|
|
|
<div id="walk-settings-header">
|
|
<input type="button" id="power" value="Turn Animation Off" style="margin-left:30px; margin-top:10px"></button>
|
|
</div>
|
|
|
|
<div class="settings-section">
|
|
<label>Arms free</label>
|
|
<span>
|
|
<input type='checkbox' id="arms-free">
|
|
</span>
|
|
</div>
|
|
|
|
<div class="settings-section">
|
|
<label>Footstep sounds</label>
|
|
<span>
|
|
<input type='checkbox' id="footstep-sounds">
|
|
</span>
|
|
</div>
|
|
|
|
<div class="settings-section">
|
|
<label>Blender pre-rotations</label>
|
|
<span>
|
|
<input type='checkbox' id="bender-pre-rotations">
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|