content/hifi-public/tony/html/puck-attach.html
Dale Glass 0d14e5a379 Initial data.
Needs a lot of cleanup. Data has been de-duplicated, and where identical copies existed, one of them
has been replaced with a symlink.

Some files have been excluded, such as binaries, installers and debug dumps. Some of that may still
be present.
2022-02-13 18:59:11 +01:00

79 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$(document).ready(function () {
// hook up a handler for events that come from hifi.
EventBridge.scriptEventReceived.connect(function (msg) {
console.log("AJT: received msg = " + msg);
// add available tracked object to selector
var selector = $("#puckno");
var availableTrackedObjects = JSON.parse(msg);
if (Array.isArray(availableTrackedObjects)) {
for (var i = 0; i < availableTrackedObjects.length; i++) {
selector.append('<option value="' + availableTrackedObjects[i] + '">TrackedObject' + availableTrackedObjects[i] + '</option>');
}
}
selector.trigger("change");
});
$("#attach").click(function () {
var obj = {cmd: "attach"};
var names = ["puckno", "modelurl", "posx", "posy", "posz", "rotx", "roty", "rotz"];
names.forEach(function (name) {
obj[name] = $("#" + name).val();
});
var msg = JSON.stringify(obj);
EventBridge.emitWebEvent(msg);
});
$("#destroy").click(function () {
EventBridge.emitWebEvent(JSON.stringify({cmd: "detach"}));
});
});
</script>
<head>
<meta charset="utf-8" />
<body>
<div style="margin:10px">
<div class="ui-field-contain">
<label for="puckno">Tracked Object:</label>
<select name="puckno" id="puckno" data-native-menu="false">
<option value="-1">NONE</option>
</select>
</div>
<div class="ui-field-contain">
<label for="name">Model URL:</label>
<input type="text" name="name" id="modelurl" value="https://s3.amazonaws.com/hifi-public/tony/coffee-cup.fbx">
</div>
<div class="ui-field-contain">
<label for="name">Position X:</label>
<input type="number" name="name" id="posx" value="0.0">
</div>
<div class="ui-field-contain">
<label for="name">Position Y:</label>
<input type="number" name="name" id="posy" value="0.0">
</div>
<div class="ui-field-contain">
<label for="name">Position Z:</label>
<input type="number" name="name" id="posz" value="0.0">
</div>
<div class="ui-field-contain">
<label for="name">Rot X (deg):</label>
<input type="number" name="name" id="rotx" value="0.0">
</div>
<div class="ui-field-contain">
<label for="name">Rot Y (deg):</label>
<input type="number" name="name" id="roty" value="0.0">
</div>
<div class="ui-field-contain">
<label for="name">Rot Z (deg):</label>
<input type="number" name="name" id="rotz" value="0.0">
</div>
<button id="attach" class="ui-btn ui-corner-all">Create Attachment</button>
<button id="destroy" class="ui-btn ui-corner-all">Destroy Attachment</button>
</div>
</body>
</head>
</html>