# 扩展篇

Bling 常规模式下的动画是基于 tween.js,所以你可以直接使用 Bling.TWEEN 暴露出来的 tween.js 的接口,使用它创造性的做出花样来。

现在我们想要让显示对象位置、缩放、旋转同时变化:

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

然后,在 onUpdate 加上对显示对象属性的变化:

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