如何补间视图.在paper.js中居中

Question

所以我试图在重新分配paper.view.center坐标时给人平滑运动的感觉。center对象没有tweenTo()方法。这是我尝试使用Tween.js:

let smooth = new TWEEN.Tween(paper.view.center).to({
x: 650,
y: 270
}, 900).easing(TWEEN.Easing.Cubic.Out).start();

因为它是一个Point对象，重新分配x和y的值实际上并没有改变坐标，因为重新分配它的正确方法是使用另一个Point对象(new paper.Point())。我如何对不断新建的Point对象进行补间?

Answer 1

我认为实现你想要的一个简单的方法是动画活动层的位置。
下面是演示可能实现的草图。

const circle = new Path.Circle({
center: view.center,
radius: 50,
fillColor: 'orange'
});
circle.clone().translate(100)
project.activeLayer.tweenTo(
{ position: { x: 50, y: 50 } },
{ duration: 700, easing: 'easeInOutQuad' }
);