Babylon.js循环内动画的暂停与重启实现方案咨询

你的问题核心在于：每次调用beginDirectAnimation都会生成一个全新的动画实例，而你只保存了初始动画的引用（还不小心写错了变量名firsAnimation），后续slideAnimation和rotateAnimation回调里创建的动画完全没被追踪，自然没法用原来的变量控制它们。

不需要完全重构逻辑，只需要加一个全局变量来实时记录当前活跃的动画实例，就能实现单个命令控制所有动画的效果。下面是修改后的完整代码：

// 全局变量：实时保存当前运行的动画实例
let currentAnimation;
const frameRate = 60; // 根据你的实际帧率调整

var slideAnimation = function(){ 
    // 启动新动画时，把实例赋值给currentAnimation
    currentAnimation = scene.beginDirectAnimation(box, [xSlide], 0, 2 * frameRate, false, 2, rotateAnimation); 
}
var rotateAnimation = function(){ 
    // 同理，更新当前动画引用
    currentAnimation = scene.beginDirectAnimation(box, [yRot], 0, 2 * frameRate, false, 2, slideAnimation); 
}
// 初始动画也赋值给currentAnimation，修正拼写错误
currentAnimation = 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;
            // 只要当前有活跃动画就暂停
            if(currentAnimation) currentAnimation.pause();
            box.scaling = new BABYLON.Vector3(4, 1, -1);
            break;
        case BABYLON.PointerEventTypes.POINTERUP:
            light2.intensity = 0.15;
            // 从暂停位置恢复，而不是从头重启
            if(currentAnimation) currentAnimation.resume();
            box.scaling = new BABYLON.Vector3(1, 1, 1);
            break;
    }
});

关键说明： #

1. 追踪当前动画实例：每次启动新动画时，都把beginDirectAnimation的返回值赋值给currentAnimation，这样不管是初始动画还是循环切换后的动画，我们都能拿到当前活跃的实例。
2. 安全判断：加了if(currentAnimation)的判断，避免动画还未初始化时出现空值报错。
3. 恢复逻辑优化：把restart()换成了resume()——restart()会让动画从头播放，而resume()是从暂停的时间点继续，更符合“恢复”的预期需求；如果你的场景确实需要从头播，再改回restart()即可。

如果未来你的动画逻辑变得更复杂，也可以考虑用Babylon.js的AnimationGroup来批量管理多个动画，但对于当前的循环场景，用单个变量追踪实例已经足够简洁高效。

内容的提问来源于stack exchange，提问作者alecbaldwin