自定义控件播放动画结束监听回调

LLozyHao · 6 يناير

web端Vue3："@esotericsoftware/spine-player": "⁴.2.70",
自定义控件控制动作的播放与暂停。
在动作播放完成之后有无事件回调。

通过设置动画并播放
player.value?.setAnimation("animation3", false)
player.value?.play()

我期望能够去获取到播放结束的回调

Spinebot · 6 يناير

在使用 Spine Web Player 时，可以通过 animationState 的 addListener 方法来监听动画播放完成的事件。你可以在 success 回调中添加一个监听器来捕获动画完成事件。以下是一个示例代码：

new spine.SpinePlayer("player-container", {
  // 其他配置
  success: function (player) {
    player.animationState.addListener({
      complete: function (entry) {
        console.log("Animation completed:", entry.animation.name);
        // 在这里处理动画完成后的逻辑
      }
    });
  }
});

在这个示例中，当动画播放完成时，complete 回调函数会被调用，你可以在其中执行你需要的逻辑。