如何在多次按键时播放补间动画

Question

我正在尝试制作一个机器人，当按下按键时可以执行某些动画。

当我按下“J”键时，我希望机器人上下跳跃。

我使用 Three.js 和 Tween.js 来完成此任务。到目前为止，我已经有了一个用灯光和相机制作的场景。我正在通过功能创建机器人的不同部分。我在下面有一个这些函数之一的示例。

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();
    }

这是我的更新函数

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);
    }

当我按“J”时，我的机器人会跳一次且仅一次。我无法再次按“J”让机器人执行另一次跳跃。我希望能够简单地根据命令“调用”补间并让它根据命令播放。然而，看起来 TWEEN.update() 是唯一实际运行补间的函数，在这种情况下，它只运行一次。我一直在阅读 Tween.js 的文档，但没有发现任何有用的内容。

编辑：我也尝试将其添加到我的补间中。

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

这样当动画完成时它会将 isJumping 设置回 false，但这不起作用。

感谢您的帮助。