# 扩展篇
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);
...
})