mirror of
https://github.com/overte-org/community-apps.git
synced 2025-04-05 11:26:59 +02:00
Merge pull request #101 from overte-org/blendshape_buddy
Some checks failed
More repository Deploy / Deploy "More" repository (push) Has been cancelled
Some checks failed
More repository Deploy / Deploy "More" repository (push) Has been cancelled
Add Blendshape Buddy app
This commit is contained in:
Dale Glass
GitHub
commit
3a5f3bd450
5 changed files with 297 additions and 0 deletions
93
applications/flex/blendshape_buddy.html
Normal file
93
applications/flex/blendshape_buddy.html
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
<!-- SPDX-License-Identifier: CC0-1.0 -->
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Blendshape Buddy</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style>
|
||||
html, body { height: 100vh }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #222;
|
||||
color: #ddd;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 18pt;
|
||||
font-family: sans-serif;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
button, input {
|
||||
font-size: 18pt;
|
||||
font-family: sans-serif;
|
||||
background: #222;
|
||||
color: #ddd;
|
||||
border: thin solid;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: #666;
|
||||
}
|
||||
|
||||
dialog {
|
||||
background: #222;
|
||||
color: #ddd;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p style="text-align: center">Blendshape Buddy</p>
|
||||
<div>
|
||||
<div style="display: flex">
|
||||
<input id="txt-flexname" placeholder="Blendshape name" value="JawOpen" style="flex-grow:1">
|
||||
<button style="flex-grow: 0.1" onclick="dlg_presets.showModal()">⏷</button>
|
||||
</div>
|
||||
<input id="num-flexscale" type="range" min="0" max="1" step="0.05" value="0" style="width:100%">
|
||||
</div>
|
||||
|
||||
<dialog id="dlg-presets" style="width: 60%; padding: .2em">
|
||||
<button onclick="dlg_presets.close()" style="position: absolute;right:0;top:0;font-weight: bold">x</button>
|
||||
<p style="text-align: center; margin-top: 0; margin-bottom: .5em; font-weight: bold">Presets</p>
|
||||
<hr>
|
||||
<div style="display: flex; flex-direction: column; gap: .3em">
|
||||
<button onclick="setFlexName('JawOpen')">JawOpen</button>
|
||||
<button onclick="setFlexName('TongueOut')">TongueOut</button>
|
||||
<button onclick="setFlexName('Smile')">Smile</button>
|
||||
<button onclick="setFlexName('Frown')">Frown</button>
|
||||
<button onclick="setFlexName('Blink')">Blink</button>
|
||||
<button onclick="setFlexName('UserBlendshape0')">User 0</button>
|
||||
<button onclick="setFlexName('UserBlendshape1')">User 1</button>
|
||||
<button onclick="setFlexName('UserBlendshape2')">User 2</button>
|
||||
<button onclick="setFlexName('UserBlendshape3')">User 3</button>
|
||||
<button onclick="setFlexName('UserBlendshape4')">User 4</button>
|
||||
<button onclick="setFlexName('UserBlendshape5')">User 5</button>
|
||||
<button onclick="setFlexName('UserBlendshape6')">User 6</button>
|
||||
<button onclick="setFlexName('UserBlendshape7')">User 7</button>
|
||||
<button onclick="setFlexName('UserBlendshape8')">User 8</button>
|
||||
<button onclick="setFlexName('UserBlendshape9')">User 9</button>
|
||||
</div>
|
||||
</dialog>
|
||||
|
||||
<script>
|
||||
const txt_flexname = document.getElementById("txt-flexname");
|
||||
const num_flexscale = document.getElementById("num-flexscale");
|
||||
const dlg_presets = document.getElementById("dlg-presets");
|
||||
|
||||
function setFlexName(name) {
|
||||
txt_flexname.value = name;
|
||||
dlg_presets.close();
|
||||
}
|
||||
|
||||
num_flexscale.addEventListener("change", e => {
|
||||
EventBridge.emitWebEvent(JSON.stringify({
|
||||
flex: txt_flexname.value,
|
||||
value: e.target.value,
|
||||
}));
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
49
applications/flex/blendshape_buddy.js
Normal file
49
applications/flex/blendshape_buddy.js
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
// SPDX-License-Identifier: CC0-1.0
|
||||
// Blendshape Buddy, written by Ada <ada@thingvellir.net> 2025
|
||||
(() => {
|
||||
"use strict";
|
||||
|
||||
const AppUi = Script.require("appUi");
|
||||
let tablet;
|
||||
let ui;
|
||||
|
||||
function A_Init() {
|
||||
tablet = Tablet.getTablet("com.highfidelity.interface.tablet.system");
|
||||
ui = new AppUi({
|
||||
buttonName: "FLEX",
|
||||
home: Script.resolvePath("blendshape_buddy.html"),
|
||||
graphicsDirectory: Script.resolvePath("./"),
|
||||
});
|
||||
|
||||
MyAvatar.hasScriptedBlendshapes = true;
|
||||
}
|
||||
|
||||
function A_UIEvent(event) {
|
||||
event = JSON.parse(event);
|
||||
|
||||
switch (event.flex) {
|
||||
case "Smile":
|
||||
MyAvatar.setBlendshape("MouthSmile_L", event.value);
|
||||
MyAvatar.setBlendshape("MouthSmile_R", event.value);
|
||||
break;
|
||||
|
||||
case "Frown":
|
||||
MyAvatar.setBlendshape("MouthFrown_L", event.value);
|
||||
MyAvatar.setBlendshape("MouthFrown_R", event.value);
|
||||
break;
|
||||
|
||||
case "Blink":
|
||||
MyAvatar.setBlendshape("EyeBlink_L", event.value);
|
||||
MyAvatar.setBlendshape("EyeBlink_R", event.value);
|
||||
MyAvatar.hasProceduralBlinkFaceMovement = !(event.value > 0.01);
|
||||
break;
|
||||
|
||||
default:
|
||||
MyAvatar.setBlendshape(event.flex, event.value);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
A_Init();
|
||||
tablet.webEventReceived.connect(A_UIEvent);
|
||||
})();
|
||||
73
applications/flex/flex-a.svg
Normal file
73
applications/flex/flex-a.svg
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 40 40"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#">
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
id="layer1"
|
||||
transform="translate(-5,-5)">
|
||||
<circle
|
||||
style="fill:none;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
id="path1"
|
||||
cx="25"
|
||||
cy="25"
|
||||
r="18" />
|
||||
<circle
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.00001;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
id="path2"
|
||||
cx="17"
|
||||
cy="21"
|
||||
r="3" />
|
||||
<circle
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.00001;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
id="path2-2"
|
||||
cx="33"
|
||||
cy="21"
|
||||
r="3" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
d="m 16,28 c 0,0 3.0625,3.125 9,3"
|
||||
id="path4" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
d="m 34,28 c 0,0 -2.9375,2.875 -9,3"
|
||||
id="path4-7" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
d="m 20,30 c 0,0 -0.479667,7.934622 5,8 5.511516,0.06576 5,-8 5,-8"
|
||||
id="path8" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
d="m 25,31 v 3"
|
||||
id="path9" />
|
||||
</g>
|
||||
<metadata
|
||||
id="metadata1">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<cc:license
|
||||
rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
|
||||
</cc:Work>
|
||||
<cc:License
|
||||
rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Reproduction" />
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Distribution" />
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
|
||||
</cc:License>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
73
applications/flex/flex-i.svg
Normal file
73
applications/flex/flex-i.svg
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 40 40"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#">
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
id="layer1"
|
||||
transform="translate(-5,-5)">
|
||||
<circle
|
||||
style="fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
id="path1"
|
||||
cx="25"
|
||||
cy="25"
|
||||
r="18" />
|
||||
<circle
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.00001;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
id="path2"
|
||||
cx="17"
|
||||
cy="21"
|
||||
r="3" />
|
||||
<circle
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.00001;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
id="path2-2"
|
||||
cx="33"
|
||||
cy="21"
|
||||
r="3" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
d="m 16,28 c 0,0 3.0625,3.125 9,3"
|
||||
id="path4" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
d="m 34,28 c 0,0 -2.9375,2.875 -9,3"
|
||||
id="path4-7" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
d="m 20,30 c 0,0 -0.479667,7.934622 5,8 5.511516,0.06576 5,-8 5,-8"
|
||||
id="path8" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
d="m 25,31 v 3"
|
||||
id="path9" />
|
||||
</g>
|
||||
<metadata
|
||||
id="metadata1">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<cc:license
|
||||
rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
|
||||
</cc:Work>
|
||||
<cc:License
|
||||
rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Reproduction" />
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Distribution" />
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
|
||||
</cc:License>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
|
|
@ -341,6 +341,15 @@ var metadata = { "applications":
|
|||
"jsfile": "voting/vote.js",
|
||||
"icon": "voting/img/icon_white.png",
|
||||
"caption": "VOTE"
|
||||
},
|
||||
{
|
||||
"isActive": true,
|
||||
"directory": "flex",
|
||||
"name": "Blendshape Buddy",
|
||||
"description": "Control your blendshapes.",
|
||||
"jsfile": "flex/blendshape_buddy.js",
|
||||
"icon": "flex/flex-i.svg",
|
||||
"caption": "FLEX"
|
||||
}
|
||||
]
|
||||
};
|
||||
Loading…
Reference in a new issue