content/hifi-public/tony/html/blendshapetest_arkit.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

318 lines
14 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).bind('pageinit', function () {
function sliderHandlerMaker(name) {
return function (event, ui) {
EventBridge.emitWebEvent({name: name, value: $('#slider-' + name).val()});
};
}
function checkboxHandlerMaker(name) {
return function (event, ui) {
EventBridge.emitWebEvent({name: name, value: $('#checkbox-' + name).val()});
};
}
var sliders = [
'EyeBlink_L',
'EyeBlink_R',
'EyeSquint_L',
'EyeSquint_R',
'EyeDown_L',
'EyeDown_R',
'EyeIn_L',
'EyeIn_R',
'EyeOpen_L',
'EyeOpen_R',
'EyeOut_L',
'EyeOut_R',
'EyeUp_L',
'EyeUp_R',
'BrowsD_L',
'BrowsD_R',
'BrowsU_C',
'BrowsU_L',
'BrowsU_R',
'JawFwd',
'JawLeft',
'JawOpen',
'JawChew',
'JawRight',
'MouthLeft',
'MouthRight',
'MouthFrown_L',
'MouthFrown_R',
'MouthSmile_L',
'MouthSmile_R',
'MouthDimple_L',
'MouthDimple_R',
'LipsStretch_L',
'LipsStretch_R',
'LipsUpperClose',
'LipsLowerClose',
'LipsUpperUp',
'LipsLowerDown',
'LipsUpperOpen',
'LipsLowerOpen',
'LipsFunnel',
'LipsPucker',
'ChinLowerRaise',
'ChinUpperRaise',
'Sneer',
'Puff',
'CheekSquint_L',
'CheekSquint_R',
'MouthClose',
'MouthUpperUp_L',
'MouthUpperUp_R',
'MouthLowerDown_L',
'MouthLowerDown_R',
'MouthPress_L',
'MouthPress_R',
'MouthShrugLower',
'MouthShrugUpper',
'NoseSneer_L',
'NoseSneer_R',
'TongueOut'
];
var checkboxes = [
'hasScriptedBlendshapes',
'hasProceduralBlinkFaceMovement',
'hasProceduralEyeFaceMovement',
'hasAudioEnabledFaceMovement'
];
sliders.forEach(function (name) {
$('#slider-' + name).bind('change', sliderHandlerMaker(name));
});
checkboxes.forEach(function (name) {
$('#checkbox-' + name).bind('change', checkboxHandlerMaker(name));
});
// hacky defaults
$('#checkbox-hasScriptedBlendshapes').val('off').slider('refresh');
$('#checkbox-hasProceduralBlinkFaceMovement').val('on').slider('refresh');
$('#checkbox-hasProceduralEyeFaceMovement').val('on').slider('refresh');
$('#checkbox-hasAudioEnabledFaceMovement').val('on').slider('refresh');
});
</script>
<head>
<meta charset="utf-8" />
<body>
<div style="margin:10px">
<label for="checkbox-hasScriptedBlendshapes">hasScriptedBlendshapes:</label>
<select name="checkbox-hasScriptedBlendshapes" id="checkbox-hasScriptedBlendshapes" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
<label for="checkbox-hasProceduralBlinkFaceMovement">hasProceduralBlinkFaceMovement:</label>
<select name="checkbox-hasProceduralBlinkFaceMovement" id="checkbox-hasProceduralBlinkFaceMovement" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
<label for="checkbox-hasProceduralEyeFaceMovement">hasProceduralEyeFaceMovement:</label>
<select name="checkbox-hasProceduralEyeFaceMovement" id="checkbox-hasProceduralEyeFaceMovement" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
<label for="checkbox-hasAudioEnabledFaceMovement">hasAudioEnabledFaceMovement:</label>
<select name="checkbox-hasAudioEnabledFaceMovement" id="checkbox-hasAudioEnabledFaceMovement" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
<label for="slider-EyeBlink_L">EyeBlink_L:</label>
<input type="range" name="slider-EyeBlink_L" id="slider-EyeBlink_L" value="0" min="0" max="100">
<label for="slider-EyeBlink_R">EyeBlink_R:</label>
<input type="range" name="slider-EyeBlink_R" id="slider-EyeBlink_R" value="0" min="0" max="100">
<label for="slider-EyeSquint_L">EyeSquint_L:</label>
<input type="range" name="slider-EyeSquint_L" id="slider-EyeSquint_L" value="0" min="0" max="100">
<label for="slider-EyeSquint_R">EyeSquint_R:</label>
<input type="range" name="slider-EyeSquint_R" id="slider-EyeSquint_R" value="0" min="0" max="100">
<label for="slider-EyeDown_L">EyeDown_L:</label>
<input type="range" name="slider-EyeDown_L" id="slider-EyeDown_L" value="0" min="0" max="100">
<label for="slider-EyeDown_R">EyeDown_R:</label>
<input type="range" name="slider-EyeDown_R" id="slider-EyeDown_R" value="0" min="0" max="100">
<label for="slider-EyeIn_L">EyeIn_L:</label>
<input type="range" name="slider-EyeIn_L" id="slider-EyeIn_L" value="0" min="0" max="100">
<label for="slider-EyeIn_R">EyeIn_R:</label>
<input type="range" name="slider-EyeIn_R" id="slider-EyeIn_R" value="0" min="0" max="100">
<label for="slider-EyeOpen_L">EyeOpen_L:</label>
<input type="range" name="slider-EyeOpen_L" id="slider-EyeOpen_L" value="0" min="0" max="100">
<label for="slider-EyeOpen_R">EyeOpen_R:</label>
<input type="range" name="slider-EyeOpen_R" id="slider-EyeOpen_R" value="0" min="0" max="100">
<label for="slider-EyeOut_L">EyeOut_L:</label>
<input type="range" name="slider-EyeOut_L" id="slider-EyeOut_L" value="0" min="0" max="100">
<label for="slider-EyeOut_R">EyeOut_R:</label>
<input type="range" name="slider-EyeOut_R" id="slider-EyeOut_R" value="0" min="0" max="100">
<label for="slider-EyeUp_L">EyeUp_L:</label>
<input type="range" name="slider-EyeUp_L" id="slider-EyeUp_L" value="0" min="0" max="100">
<label for="slider-EyeUp_R">EyeUp_R:</label>
<input type="range" name="slider-EyeUp_R" id="slider-EyeUp_R" value="0" min="0" max="100">
<label for="slider-BrowsD_L">BrowsD_L:</label>
<input type="range" name="slider-BrowsD_L" id="slider-BrowsD_L" value="0" min="0" max="100">
<label for="slider-BrowsD_R">BrowsD_R:</label>
<input type="range" name="slider-BrowsD_R" id="slider-BrowsD_R" value="0" min="0" max="100">
<label for="slider-BrowsU_C">BrowsU_C:</label>
<input type="range" name="slider-BrowsU_C" id="slider-BrowsU_C" value="0" min="0" max="100">
<label for="slider-BrowsU_L">BrowsU_L:</label>
<input type="range" name="slider-BrowsU_L" id="slider-BrowsU_L" value="0" min="0" max="100">
<label for="slider-BrowsU_R">BrowsU_R:</label>
<input type="range" name="slider-BrowsU_R" id="slider-BrowsU_R" value="0" min="0" max="100">
<label for="slider-JawFwd">JawFwd:</label>
<input type="range" name="slider-JawFwd" id="slider-JawFwd" value="0" min="0" max="100">
<label for="slider-JawLeft">JawLeft:</label>
<input type="range" name="slider-JawLeft" id="slider-JawLeft" value="0" min="0" max="100">
<label for="slider-JawOpen">JawOpen:</label>
<input type="range" name="slider-JawOpen" id="slider-JawOpen" value="0" min="0" max="100">
<label for="slider-JawChew">JawChew: <font color="red">(Legacy DROPPED)</font></label>
<input type="range" name="slider-JawChew" id="slider-JawChew" value="0" min="0" max="100">
<label for="slider-JawRight">JawRight:</label>
<input type="range" name="slider-JawRight" id="slider-JawRight" value="0" min="0" max="100">
<label for="slider-MouthLeft">MouthLeft:</label>
<input type="range" name="slider-MouthLeft" id="slider-MouthLeft" value="0" min="0" max="100">
<label for="slider-MouthRight">MouthRight:</label>
<input type="range" name="slider-MouthRight" id="slider-MouthRight" value="0" min="0" max="100">
<label for="slider-MouthFrown_L">MouthFrown_L:</label>
<input type="range" name="slider-MouthFrown_L" id="slider-MouthFrown_L" value="0" min="0" max="100">
<label for="slider-MouthFrown_R">MouthFrown_R:</label>
<input type="range" name="slider-MouthFrown_R" id="slider-MouthFrown_R" value="0" min="0" max="100">
<label for="slider-MouthSmile_L">MouthSmile_L:</label>
<input type="range" name="slider-MouthSmile_L" id="slider-MouthSmile_L" value="0" min="0" max="100">
<label for="slider-MouthSmile_R">MouthSmile_R:</label>
<input type="range" name="slider-MouthSmile_R" id="slider-MouthSmile_R" value="0" min="0" max="100">
<label for="slider-MouthDimple_L">MouthDimple_L:</label>
<input type="range" name="slider-MouthDimple_L" id="slider-MouthDimple_L" value="0" min="0" max="100">
<label for="slider-MouthDimple_R">MouthDimple_R:</label>
<input type="range" name="slider-MouthDimple_R" id="slider-MouthDimple_R" value="0" min="0" max="100">
<label for="slider-LipsStretch_L">LipsStretch_L:</label>
<input type="range" name="slider-LipsStretch_L" id="slider-LipsStretch_L" value="0" min="0" max="100">
<label for="slider-LipsStretch_R">LipsStretch_R:</label>
<input type="range" name="slider-LipsStretch_R" id="slider-LipsStretch_R" value="0" min="0" max="100">
<label for="slider-LipsUpperClose">LipsUpperClose:</label>
<input type="range" name="slider-LipsUpperClose" id="slider-LipsUpperClose" value="0" min="0" max="100">
<label for="slider-LipsLowerClose">LipsLowerClose:</label>
<input type="range" name="slider-LipsLowerClose" id="slider-LipsLowerClose" value="0" min="0" max="100">
<label for="slider-LipsUpperUp">LipsUpperUp: <font color="orange">(Legacy SPLIT)</font></label>
<input type="range" name="slider-LipsUpperUp" id="slider-LipsUpperUp" value="0" min="0" max="100">
<label for="slider-LipsLowerDown">LipsLowerDown: <font color="orange">(Legacy SPLIT)</font></label>
<input type="range" name="slider-LipsLowerDown" id="slider-LipsLowerDown" value="0" min="0" max="100">
<label for="slider-LipsUpperOpen">LipsUpperOpen: <font color="red">(Legacy DROPPED)</font></label>
<input type="range" name="slider-LipsUpperOpen" id="slider-LipsUpperOpen" value="0" min="0" max="100">
<label for="slider-LipsLowerOpen">LipsLowerOpen: <font color="red">(Legacy DROPPED)</font></label>
<input type="range" name="slider-LipsLowerOpen" id="slider-LipsLowerOpen" value="0" min="0" max="100">
<label for="slider-LipsFunnel">LipsFunnel:</label>
<input type="range" name="slider-LipsFunnel" id="slider-LipsFunnel" value="0" min="0" max="100">
<label for="slider-LipsPucker">LipsPucker:</label>
<input type="range" name="slider-LipsPucker" id="slider-LipsPucker" value="0" min="0" max="100">
<label for="slider-ChinLowerRaise">ChinLowerRaise: <font color="red">(Legacy DROPPED)</font></label>
<input type="range" name="slider-ChinLowerRaise" id="slider-ChinLowerRaise" value="0" min="0" max="100">
<label for="slider-ChinUpperRaise">ChinUpperRaise: <font color="red">(Legacy DROPPED)</font></label>
<input type="range" name="slider-ChinUpperRaise" id="slider-ChinUpperRaise" value="0" min="0" max="100">
<label for="slider-Sneer">Sneer: <font color="orange">(Legacy SPLIT)</font></label>
<input type="range" name="slider-Sneer" id="slider-Sneer" value="0" min="0" max="100">
<label for="slider-Puff">Puff:</label>
<input type="range" name="slider-Puff" id="slider-Puff" value="0" min="0" max="100">
<label for="slider-CheekSquint_L">CheekSquint_L:</label>
<input type="range" name="slider-CheekSquint_L" id="slider-CheekSquint_L" value="0" min="0" max="100">
<label for="slider-CheekSquint_R">CheekSquint_R:</label>
<input type="range" name="slider-CheekSquint_R" id="slider-CheekSquint_R" value="0" min="0" max="100">
<label for="slider-MouthClose">MouthClose: <font color="green">(NEW)</font></label>
<input type="range" name="slider-MouthClose" id="slider-MouthClose" value="0" min="0" max="100">
<label for="slider-MouthUpperUp_L">MouthUpperUp_L: <font color="green">(NEW)</font></label>
<input type="range" name="slider-MouthUpperUp_L" id="slider-MouthUpperUp_L" value="0" min="0" max="100">
<label for="slider-MouthUpperUp_R">MouthUpperUp_R: <font color="green">(NEW)</font></label>
<input type="range" name="slider-MouthUpperUp_R" id="slider-MouthUpperUp_R" value="0" min="0" max="100">
<label for="slider-MouthLowerDown_L">MouthLowerDown_L: <font color="green">(NEW)</font></label>
<input type="range" name="slider-MouthLowerDown_L" id="slider-MouthLowerDown_L" value="0" min="0" max="100">
<label for="slider-MouthLowerDown_R">MouthLowerDown_R: <font color="green">(NEW)</font></label>
<input type="range" name="slider-MouthLowerDown_R" id="slider-MouthLowerDown_R" value="0" min="0" max="100">
<label for="slider-MouthPress_L">MouthPress_L: <font color="green">(NEW)</font></label>
<input type="range" name="slider-MouthPress_L" id="slider-MouthPress_L" value="0" min="0" max="100">
<label for="slider-MouthPress_R">MouthPress_R: <font color="green">(NEW)</font></label>
<input type="range" name="slider-MouthPress_R" id="slider-MouthPress_R" value="0" min="0" max="100">
<label for="slider-MouthShrugLower">MouthShrugLower: <font color="green">(NEW)</font></label>
<input type="range" name="slider-MouthShrugLower" id="slider-MouthShrugLower" value="0" min="0" max="100">
<label for="slider-MouthShrugUpper">MouthShrugUpper: <font color="green">(NEW)</font></label>
<input type="range" name="slider-MouthShrugUpper" id="slider-MouthShrugUpper" value="0" min="0" max="100">
<label for="slider-NoseSneer_L">NoseSneer_L: <font color="green">(NEW)</font></label>
<input type="range" name="slider-NoseSneer_L" id="slider-NoseSneer_L" value="0" min="0" max="100">
<label for="slider-NoseSneer_R">NoseSneer_R: <font color="green">(NEW)</font></label>
<input type="range" name="slider-NoseSneer_R" id="slider-NoseSneer_R" value="0" min="0" max="100">
<label for="slider-TongueOut">TongueOut: <font color="green">(NEW)</font></label>
<input type="range" name="slider-TongueOut" id="slider-TongueOut" value="0" min="0" max="100">
</div>
</body>
</head>
</html>