Estoy tratando de hacer un robot que pueda realizar ciertas animaciones cuando se presionan las teclas.

Cuando presiono la tecla "J", me gustaría que el robot salte hacia arriba y hacia abajo.

Estoy usando Three.js y Tween.js para lograr esto. Hasta ahora tengo una escena hecha con luz y una cámara. Estoy creando las diferentes partes del robot a través de funciones. Tengo un ejemplo de una de estas funciones a continuación.

 function createHead() { const head = new THREE.Mesh( new THREE.BoxGeometry(30, 30, 30), new THREE.MeshLambertMaterial({ color: 0x669999 })); head.position.y = 30; head.position.z = -250; head.rotation.y = 5; scene.add(head); var jumpTween = new TWEEN.Tween(head.position).to({y: head.position.y+20}, 1000).repeat(1).yoyo(true).start(); }

Aquí está mi función para actualizar.

 function update (event) { if (String.fromCharCode(event.keyCode) == "J" || isJumping) { isJumping = true; TWEEN.update(); } // Draw! renderer.render(scene, camera); // Schedule the next frame. requestAnimationFrame(update); }

Cuando presiono "J" mi robot salta una vez y solo una vez. No puedo presionar "J" nuevamente para que el robot realice otro salto. Esperaba que hubiera una forma de simplemente "llamar" a una interpolación al comando y hacer que se reprodujera al comando. Sin embargo, parece que TWEEN.update() es la única función que realmente ejecuta la interpolación y, en este caso, solo se ejecuta una vez. He estado leyendo la documentación de Tween.js pero no encuentro nada útil.

Editar: también he intentado agregar esto a mi interpolación.

 .onComplete(() => {isJumping = false})

para que establezca isJumping back a false cuando se complete la animación, pero esto no funcionó.

Gracias por la ayuda.