使用Babylon.JS在循环内停止/重新启动动画

// 创建场景
var canvas = document.getElementById("renderCanvas");
var engine = new BABYLON.Engine(canvas, true);
var scene = new BABYLON.Scene(engine);

// 创建动画对象
var animationBox = new BABYLON.Animation(
  "boxAnimation",
  "rotation.y",
  30,
  BABYLON.Animation.ANIMATIONTYPE_FLOAT,
  BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE
);

// 设置动画属性
var keys = [];
keys.push({
  frame: 0,
  value: 0
});
keys.push({
  frame: 100,
  value: Math.PI * 2
});
animationBox.setKeys(keys);

// 将动画对象添加到场景中
scene.beginDirectAnimation(box, [animationBox], 0, 100, true);

// 循环渲染场景
engine.runRenderLoop(function () {
  scene.render();
});

// 停止动画
function stopAnimation() {
  animationBox.pause();
}

// 重新启动动画
function restartAnimation() {
  animationBox.play();
}