hello i am having difficulty executing an animation followed by another it presents Distortion when playing animations in a row and apparently does not execute them all in sequence
My GLB https://drive.google.com/drive/folders/1Gr7-RorVw-N__jTwXQt-exAgA_a5kbcR?usp=sharing
My js
var speech = ""
var txt = "";
var res = "";
var Res_Minu = "";
function record() {
var recognition = new webkitSpeechRecognition();
recognition.lang = "pt-BR";
recognition.onresult = function(event) {
// console.log(event);
document.getElementById('speechToText').value = event.results[0][0].transcript;
}
recognition.start();
record.start();
}
let camera, scene, renderer;
var mixer, clock;
function init() {
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 100);
camera.position.z = -30;
scene = new THREE.Scene();
scene.background = new THREE.Color(0xffffff);
const gltfLoader = new THREE.GLTFLoader();
gltfLoader.load('bone10t.glb', function(gltf) {
scene.add(gltf.scene);
var animations = gltf.animations;
var keyRotationClip = THREE.AnimationClip.findByName(animations, 'A');
var keyRotationClip1 = THREE.AnimationClip.findByName(animations, 'B');
var keyRotationClip2 = THREE.AnimationClip.findByName(animations, 'C');
var keyRotationClip3 = THREE.AnimationClip.findByName(animations, 'D');
var keyRotationClip4 = THREE.AnimationClip.findByName(animations, 'E');
var keyRotationClip5 = THREE.AnimationClip.findByName(animations, 'F');
var keyRotationClip6 = THREE.AnimationClip.findByName(animations, 'G');
var keyRotationClip7 = THREE.AnimationClip.findByName(animations, 'H');
var keyRotationClip8 = THREE.AnimationClip.findByName(animations, 'I');
var keyRotationClip9 = THREE.AnimationClip.findByName(animations, 'J');
var keyRotationClip10 = THREE.AnimationClip.findByName(animations, 'K');
var keyRotationClip11 = THREE.AnimationClip.findByName(animations, 'L');
var keyRotationClip12 = THREE.AnimationClip.findByName(animations, 'M');
var keyRotationClip13 = THREE.AnimationClip.findByName(animations, 'N');
var keyRotationClip14 = THREE.AnimationClip.findByName(animations, 'O');
var keyRotationClip15 = THREE.AnimationClip.findByName(animations, 'P');
var keyRotationClip16 = THREE.AnimationClip.findByName(animations, 'Q');
var keyRotationClip17 = THREE.AnimationClip.findByName(animations, 'R');
var keyRotationClip18 = THREE.AnimationClip.findByName(animations, 'S');
var keyRotationClip19 = THREE.AnimationClip.findByName(animations, 'T');
var keyRotationClip20 = THREE.AnimationClip.findByName(animations, 'U');
var keyRotationClip21 = THREE.AnimationClip.findByName(animations, 'V');
var keyRotationClip22 = THREE.AnimationClip.findByName(animations, 'W');
var keyRotationClip23 = THREE.AnimationClip.findByName(animations, 'X');
var keyRotationClip24 = THREE.AnimationClip.findByName(animations, 'Y');
var keyRotationClip25 = THREE.AnimationClip.findByName(animations, 'Z');
mixer = new THREE.AnimationMixer(gltf.scene);
var action = mixer.clipAction(keyRotationClip);
var action1 = mixer.clipAction(keyRotationClip1);
var action2 = mixer.clipAction(keyRotationClip2);
var action3 = mixer.clipAction(keyRotationClip3);
var action4 = mixer.clipAction(keyRotationClip4);
var action5 = mixer.clipAction(keyRotationClip5);
var action6 = mixer.clipAction(keyRotationClip6);
var action7 = mixer.clipAction(keyRotationClip7);
var action8 = mixer.clipAction(keyRotationClip8);
var action9 = mixer.clipAction(keyRotationClip9);
var action10 = mixer.clipAction(keyRotationClip10);
var action11 = mixer.clipAction(keyRotationClip11);
var action12 = mixer.clipAction(keyRotationClip12);
var action13 = mixer.clipAction(keyRotationClip13);
var action14 = mixer.clipAction(keyRotationClip14);
var action15 = mixer.clipAction(keyRotationClip15);
var action16 = mixer.clipAction(keyRotationClip16);
var action17 = mixer.clipAction(keyRotationClip17);
var action18 = mixer.clipAction(keyRotationClip18);
var action19 = mixer.clipAction(keyRotationClip19);
var action20 = mixer.clipAction(keyRotationClip20);
var action21 = mixer.clipAction(keyRotationClip21);
var action22 = mixer.clipAction(keyRotationClip22);
var action23 = mixer.clipAction(keyRotationClip23);
var action24 = mixer.clipAction(keyRotationClip24);
var action25 = mixer.clipAction(keyRotationClip25);
function ler() {
res.forEach(ler);
}
document.getElementById("btnSubmit").onclick = function() {
txt = document.getElementById("speechToText").value;
Res_Minu = txt.toLowerCase();
res = Res_Minu.split("")
switch (res[0]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[1]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[2]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[3]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[4]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[5]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[6]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[7]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[8]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[9]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[10]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[11]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[12]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[13]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[14]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
switch (res[15]) {
case 'a':
action.loop = THREE.LoopOnce;
action.play();
break;
case 'b':
action1.loop = THREE.LoopOnce;
action1.play();
break;
case 'c':
action2.loop = THREE.LoopOnce;
action2.play();
break;
case 'd':
action3.loop = THREE.LoopOnce;
action3.play();
break;
case 'e':
action4.loop = THREE.LoopOnce;
action4.play();
break;
case 'f':
action5.loop = THREE.LoopOnce;
action5.play();
break;
case 'g':
action6.loop = THREE.LoopOnce;
action6.play();
break;
case 'h':
action7.loop = THREE.LoopOnce;
action7.play();
break;
case 'i':
action8.loop = THREE.LoopOnce;
action8.play();
break;
case 'j':
action9.loop = THREE.LoopOnce;
action9.play();
break;
case 'k':
action10.loop = THREE.LoopOnce;
action10.play();
break;
case 'l':
action11.loop = THREE.LoopOnce;
action11.play();
break;
case 'm':
action12.loop = THREE.LoopOnce;
action12.play();
break;
case 'n':
action13.loop = THREE.LoopOnce;
action13.play();
break;
case 'o':
action14.loop = THREE.LoopOnce;
action14.play();
break;
case 'p':
action15.loop = THREE.LoopOnce;
action15.play();
break;
case 'q':
action16.loop = THREE.LoopOnce;
action16.play();
break;
case 'r':
action17.loop = THREE.LoopOnce;
action17.play();
break;
case 's':
action18.loop = THREE.LoopOnce;
action18.play();
break;
case 't':
action19.loop = THREE.LoopOnce;
action19.play();
break;
case 'u':
action20.loop = THREE.LoopOnce;
action20.play();
break;
case 'v':
action21.loop = THREE.LoopOnce;
action21.play();
break;
case 'w':
action22.loop = THREE.LoopOnce;
action22.play();
break;
case 'x':
action23.loop = THREE.LoopOnce;
action23.play();
break;
case 'y':
action24.loop = THREE.LoopOnce;
action24.play();
break;
case 'z':
action25.loop = THREE.LoopOnce;
action25.play();
break;
}
}
// center model
gltf.scene.scale.set(2, 1, 2);
gltf.scene.position.x = 0; //Position (x = right+ left-)
gltf.scene.position.y = -5; //Position (y = up+, down-)
gltf.scene.position.Z = 5; //Position (z = front +, back-)
const object = gltf.scene;
const box = new THREE.Box3().setFromObject(object);
const center = box.getCenter(new THREE.Vector3());
// object.position.x += ( object.position.x - center.x );
// object.position.y += ( object.position.y - center.y );
// object.position.z += ( object.position.z - center.z );
// disable view frustum culling
object.traverse(function(child) {
child.frustumCulled = false;
});
});
let hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, 0.61);
hemiLight.position.set(0, 50, 0);
scene.add(hemiLight);
let d = 8.25;
let dirLight = new THREE.DirectionalLight(0xffffff, 0.54);
dirLight.position.set(-8, 12, 8);
dirLight.shadow.mapSize = new THREE.Vector2(1024, 1024);
dirLight.shadow.camera.near = 0.1;
dirLight.shadow.camera.far = 1500;
dirLight.shadow.camera.left = d * -1;
dirLight.shadow.camera.right = d;
dirLight.shadow.camera.top = d;
dirLight.shadow.camera.bottom = d * -1;
scene.add(dirLight);
//
renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
clock = new THREE.Clock();
//
const controls = new THREE.OrbitControls(camera, renderer.domElement);
window.addEventListener('resize', onWindowResize, false);
}
function onWindowResize() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth, window.innerHeight);
}
function animate() {
requestAnimationFrame(animate);
if (mixer) {
var delta = clock.getDelta();
mixer.update(delta);
}
renderer.render(scene, camera);
}
init();
animate();
My html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Trial</title>
<script src="js/three.min.js"></script>
<script src="js/OrbitControls.js"></script>
<script src="js/GLTFLoader.js"></script>
</script>
</head>
<body>
<div id="area">
<label for="Speech Recognition">Speech Recognition </label> <input type="text" size="100" maxlength="10" name="" id="speechToText" placeholder="CONVERSÃO DE AUDIO PARA TEXTO AQUI" onclick="record()">
<p>
<input type="button" id="btnSubmit" value="CONVERTER PARA LIBRAS!" />
</div>
<section id="loading-screen">
<div id="loader"></div>
</section>
<script src="scripts.js">
</script>
</body>
</html>