1

我用三个动画设置这个循环，第一个在初始屏幕加载时运行（firstAnimation）。然后接下来的两个动画使用回调在它们之间循环（slideAnimation -> rotateAnimation -> slideAnimation...）

如何停止动画正在使用的动画并在..POINTERDOWN上恢复它？PONTERUP

我在下面所做的方式仅在 firstAnimation 期间有效，一旦它进入循环，它显然不再针对这两个动画。那么我如何使用单个.pause() .resume()命令来定位所有三个动画呢？

  var slideAnimation = function(){
      scene.beginDirectAnimation(box, [xSlide], 0, 2 * frameRate, false, 2, rotateAnimation);
  }

  var rotateAnimation = function(){
      scene.beginDirectAnimation(box, [yRot], 0, 2 * frameRate, false, 2, slideAnimation);
  }

  var firsAnimation = scene.beginDirectAnimation(box, [xSlide], 0, 2 * frameRate, false, 2, slideAnimation);

  scene.onPointerObservable.add((pointerInfo) => {
      switch (pointerInfo.type) {
          case BABYLON.PointerEventTypes.POINTERDOWN:
              light2.intensity =0.95;
              firsAnimation.pause();
              box.scaling = new BABYLON.Vector3(4, 1, -1)
              break;
          case BABYLON.PointerEventTypes.POINTERUP:
              light2.intensity =0.15;
              firsAnimation.restart();
              box.scaling = new BABYLON.Vector3(1, 1, 1)
              break;
      }
  });

或者这是否需要一种不同的方法？

4

1 回答 1

2

Babylon Group Animations 可能对您有用 - https://doc.babylonjs.com/how_to/group。这是一种将动画和动画对象分组、然后标准化并一起控制它们的方法。

你可以在这里看到一个例子 - https://www.babylonjs-playground.com/#CBGEQX#5

如果您想在一个可动画（网格）上看到 2 个动画同时运行，请将第 79 行从

animationGroup.addTargetedAnimation(animation2, box2);

至

animationGroup.addTargetedAnimation(animation2, box1);

并按下顶部的运行按钮。

然后按下支付按钮将在同一个网格上运行两个动画。

于 2019-12-05T13:03:19.923 回答