扩展篇

Tiny.js 的动画是基于 tween.js，所以你可以直接使用 Tiny.TWEEN 暴露出来的 tween.js 的接口，使用它创造性的做出花样来。

现在我们想要让精灵位置、缩放、旋转同时变化：

const tween = new Tiny.TWEEN.Tween({
...
}).to({
...
}, duration)
  .repeat(..)
  .delay(..)
  .easing(..)
  .yoyo(..)
  .interpolation(..)
  .onUpdate(function () {
  ...
  })
  .onComplete(function () {
  ...
  });
tween.start();

然后，在 onUpdate 加上对精灵属性的变化：

.onUpdate(function () {
  sprite.setPosition(this.x, this.y);
  sprite.setScale(this.scaleX, this.scaleY);
  sprite.setRotation(this.rotation);
  ...
})

# 扩展篇

扩展篇