From 6ba8d1ef7293d779dab533cc39dcd7a1417ce6f3 Mon Sep 17 00:00:00 2001
From: ArmoredDragon <43324896+Armored-Dragon@users.noreply.github.com>
Date: Sat, 19 Aug 2023 00:22:45 -0500
Subject: [PATCH] Init POC

---
 .../characterSmoothing/AccelerationFilter.js  | 240 ++++++++++++++++++
 .../characterSmoothing/index.html             |  65 +++++
 2 files changed, 305 insertions(+)
 create mode 100755 scripts/communityScripts/characterSmoothing/AccelerationFilter.js
 create mode 100755 scripts/communityScripts/characterSmoothing/index.html

diff --git a/scripts/communityScripts/characterSmoothing/AccelerationFilter.js b/scripts/communityScripts/characterSmoothing/AccelerationFilter.js
new file mode 100755
index 0000000000..fc326bcf66
--- /dev/null
+++ b/scripts/communityScripts/characterSmoothing/AccelerationFilter.js
@@ -0,0 +1,240 @@
+var LEFT_HAND_INDEX = 0;
+var RIGHT_HAND_INDEX = 1;
+var LEFT_FOOT_INDEX = 2;
+var RIGHT_FOOT_INDEX = 3;
+var HIPS_INDEX = 4;
+var SPINE2_INDEX = 5;
+
+var HAND_SMOOTHING_TRANSLATION = 0.3;
+var HAND_SMOOTHING_ROTATION = 0.15;
+var FOOT_SMOOTHING_TRANSLATION = 0.3;
+var FOOT_SMOOTHING_ROTATION = 0.15;
+var TORSO_SMOOTHING_TRANSLATION = 0.3;
+var TORSO_SMOOTHING_ROTATION = 0.16;
+
+var mappingJson = {
+    name: "com.highfidelity.testing.exponentialFilterApp",
+    channels: [
+        {
+            from: "Standard.LeftHand",
+            to: "Actions.LeftHand",
+            filters: [
+                {
+                    type: "exponentialSmoothing",
+                    translation: HAND_SMOOTHING_TRANSLATION,
+                    rotation: HAND_SMOOTHING_ROTATION
+                }
+            ]
+        },
+        {
+            from: "Standard.RightHand",
+            to: "Actions.RightHand",
+            filters: [
+                {
+                    type: "exponentialSmoothing",
+                    translation: HAND_SMOOTHING_TRANSLATION,
+                    rotation: HAND_SMOOTHING_ROTATION
+                }
+            ]
+        },
+        {
+            from: "Standard.LeftFoot",
+            to: "Actions.LeftFoot",
+            filters: [
+                {
+                    type: "exponentialSmoothing",
+                    translation: FOOT_SMOOTHING_TRANSLATION,
+                    rotation: FOOT_SMOOTHING_ROTATION
+                }
+            ]
+        },
+        {
+            from: "Standard.RightFoot",
+            to: "Actions.RightFoot",
+            filters: [
+                {
+                    type: "exponentialSmoothing",
+                    translation: FOOT_SMOOTHING_TRANSLATION,
+                    rotation: FOOT_SMOOTHING_ROTATION
+                }
+            ]
+        },
+        {
+            from: "Standard.Hips",
+            to: "Actions.Hips",
+            filters: [
+                {
+                    type: "exponentialSmoothing",
+                    translation: TORSO_SMOOTHING_TRANSLATION,
+                    rotation: TORSO_SMOOTHING_ROTATION
+                }
+            ]
+        },
+        {
+            from: "Standard.Spine2",
+            to: "Actions.Spine2",
+            filters: [
+                {
+                    type: "exponentialSmoothing",
+                    translation: TORSO_SMOOTHING_TRANSLATION,
+                    rotation: TORSO_SMOOTHING_ROTATION
+                }
+            ]
+        }
+    ]
+};
+
+//
+// tablet app boiler plate
+//
+
+var TABLET_BUTTON_NAME = "EXPFILT";
+var HTML_URL = Script.resolvePath("./index.html");
+
+var tablet = Tablet.getTablet("com.highfidelity.interface.tablet.system");
+var tabletButton = tablet.addButton({
+    text: TABLET_BUTTON_NAME,
+    icon: Script.getExternalPath(Script.ExternalPaths.HF_Public, "/tony/icons/tpose-i.svg"),
+    activeIcon: Script.getExternalPath(Script.ExternalPaths.HF_Public, "/tony/icons/tpose-a.svg")
+});
+
+tabletButton.clicked.connect(function () {
+    if (shown) {
+        tablet.gotoHomeScreen();
+    } else {
+        tablet.gotoWebScreen(HTML_URL);
+    }
+});
+
+var shown = false;
+
+function onScreenChanged(type, url) {
+    if (type === "Web" && url === HTML_URL) {
+        tabletButton.editProperties({isActive: true});
+        if (!shown) {
+            // hook up to event bridge
+            tablet.webEventReceived.connect(onWebEventReceived);
+            shownChanged(true);
+        }
+        shown = true;
+    } else {
+        tabletButton.editProperties({isActive: false});
+        if (shown) {
+            // disconnect from event bridge
+            tablet.webEventReceived.disconnect(onWebEventReceived);
+            shownChanged(false);
+        }
+        shown = false;
+    }
+}
+
+function getTranslation(i) {
+    return mappingJson.channels[i].filters[0].translation;
+}
+function setTranslation(i, value) {
+    mappingJson.channels[i].filters[0].translation = value;
+    mappingChanged();
+}
+function getRotation(i) {
+    return mappingJson.channels[i].filters[0].rotation;
+}
+function setRotation(i, value) {
+    mappingJson.channels[i].filters[0].rotation = value; mappingChanged();
+}
+
+function onWebEventReceived(msg) {
+    msg = JSON.parse(msg);
+    if (msg.name === "init-complete") {
+        var values = [
+            {name: "enable-filtering", val: filterEnabled ? "on" : "off", checked: false},
+            {name: "left-hand-translation", val: getTranslation(LEFT_HAND_INDEX), checked: false},
+            {name: "left-hand-rotation", val: getRotation(LEFT_HAND_INDEX), checked: false},
+            {name: "right-hand-translation", val: getTranslation(RIGHT_HAND_INDEX), checked: false},
+            {name: "right-hand-rotation", val: getRotation(RIGHT_HAND_INDEX), checked: false},
+            {name: "left-foot-translation", val: getTranslation(LEFT_FOOT_INDEX), checked: false},
+            {name: "left-foot-rotation", val: getRotation(LEFT_FOOT_INDEX), checked: false},
+            {name: "right-foot-translation", val: getTranslation(RIGHT_FOOT_INDEX), checked: false},
+            {name: "right-foot-rotation", val: getRotation(RIGHT_FOOT_INDEX), checked: false},
+            {name: "hips-translation", val: getTranslation(HIPS_INDEX), checked: false},
+            {name: "hips-rotation", val: getRotation(HIPS_INDEX), checked: false},
+            {name: "spine2-translation", val: getTranslation(SPINE2_INDEX), checked: false},
+            {name: "spine2-rotation", val: getRotation(SPINE2_INDEX), checked: false}
+        ];
+        tablet.emitScriptEvent(JSON.stringify(values));
+    } else if (msg.name === "enable-filtering") {
+        if (msg.val === "on") {
+            filterEnabled = true;
+        } else if (msg.val === "off") {
+            filterEnabled = false;
+        }
+        mappingChanged();
+    } else if (msg.name === "left-hand-translation") {
+        setTranslation(LEFT_HAND_INDEX, Number(msg.val));
+    } else if (msg.name === "left-hand-rotation") {
+        setRotation(LEFT_HAND_INDEX, Number(msg.val));
+    } else if (msg.name === "right-hand-translation") {
+        setTranslation(RIGHT_HAND_INDEX, Number(msg.val));
+    } else if (msg.name === "right-hand-rotation") {
+        setRotation(RIGHT_HAND_INDEX, Number(msg.val));
+    } else if (msg.name === "left-foot-translation") {
+        setTranslation(LEFT_FOOT_INDEX, Number(msg.val));
+    } else if (msg.name === "left-foot-rotation") {
+        setRotation(LEFT_FOOT_INDEX, Number(msg.val));
+    } else if (msg.name === "right-foot-translation") {
+        setTranslation(RIGHT_FOOT_INDEX, Number(msg.val));
+    } else if (msg.name === "right-foot-rotation") {
+        setRotation(RIGHT_FOOT_INDEX, Number(msg.val));
+    } else if (msg.name === "hips-translation") {
+        setTranslation(HIPS_INDEX, Number(msg.val));
+    } else if (msg.name === "hips-rotation") {
+        setRotation(HIPS_INDEX, Number(msg.val));
+    } else if (msg.name === "spine2-translation") {
+        setTranslation(SPINE2_INDEX, Number(msg.val));
+    } else if (msg.name === "spine2-rotation") {
+        setRotation(SPINE2_INDEX, Number(msg.val));
+    }
+}
+
+tablet.screenChanged.connect(onScreenChanged);
+
+function shutdownTabletApp() {
+    tablet.removeButton(tabletButton);
+    if (shown) {
+        tablet.webEventReceived.disconnect(onWebEventReceived);
+        tablet.gotoHomeScreen();
+    }
+    tablet.screenChanged.disconnect(onScreenChanged);
+}
+
+//
+// end tablet app boiler plate
+//
+
+var filterEnabled = true;
+var mapping;
+function mappingChanged() {
+    if (mapping) {
+        mapping.disable();
+    }
+    if (filterEnabled) {
+        mapping = Controller.parseMapping(JSON.stringify(mappingJson));
+        mapping.enable();
+    }
+}
+
+function shownChanged(newShown) {
+    if (newShown) {
+        mappingChanged();
+    } else {
+        mapping.disable();
+    }
+}
+
+mappingChanged();
+
+Script.scriptEnding.connect(function() {
+    if (mapping) {
+        mapping.disable();
+    }
+    tablet.removeButton(tabletButton);
+});
diff --git a/scripts/communityScripts/characterSmoothing/index.html b/scripts/communityScripts/characterSmoothing/index.html
new file mode 100755
index 0000000000..f31b7cb835
--- /dev/null
+++ b/scripts/communityScripts/characterSmoothing/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<style>
+    body{
+        /* margin:0; */
+        display:flex;
+        flex-direction: column;
+    }
+    .container-1{
+        margin-bottom:1rem;
+    }
+</style>
+
+<body>
+    <div id="left-hand-cnt" data-name="left-hand" class="container-1">
+        <span>Left Hand</span>
+        <input data-name="value" type="number">
+        <input data-name="state" type="checkbox">
+        <button>Apply</button>
+    </div>
+    <div id="right-hand-cnt" data-name="right-hand" class="container-1">
+        <span>Right Hand</span>
+        <input data-name="value" type="number">
+        <input data-name="state" type="checkbox">
+        <button>Apply</button>
+    </div>
+    <div id="left-foot-cnt" data-name="left-foot" class="container-1">
+        <span>Left Foot</span>
+        <input data-name="value" type="number">
+        <input data-name="state" type="checkbox">
+        <button>Apply</button>
+    </div>
+</body>
+
+<script>
+    const qs = (target) => document.querySelector(target);
+    const qsa = (target) => document.querySelectorAll(target);
+
+    qsa('.container-1 button').forEach(item => item.addEventListener('click', (event) => {
+        let data_bundle = {
+            target: event.target.parentNode.dataset.name,
+            value: event.target.parentNode.querySelector(`[data-name='value']`).value,
+            state: event.target.parentNode.querySelector(`[data-name='state']`).checked
+        }
+        console.log(JSON.stringify(data_bundle))
+        
+        _sendMessage({name: `enable-filtering`, val: 'on'})
+        _sendMessage({name: `${data_bundle.target}-rotation`, val: data_bundle.value})
+        _sendMessage({name: `${data_bundle.target}-translation`, val: data_bundle.value})
+    }))
+
+    // Emit messages to the script backend
+    function _sendMessage(message) {
+        EventBridge.emitWebEvent(JSON.stringify(message));
+    }
+
+
+</script>
+</html>
\ No newline at end of file