GSAP：如何同时补间嵌套属性

Question

我有一个Camera类，它有两个我想同时动画的属性。我想为其distance属性（一个数字）和rotation属性设置动画，该属性包含x, y, z个元素。我尝试过以下方法：

尝试1：

TweenLite.to(this.camera, 1.0, {distance: 30, rotation.y: 10, rotation.x: 50});

尝试2：

TweenLite.to(this.camera, 1.0, {distance: 30, rotation:{y: 10, x: 50}});

尝试1失败，因为它不允许vars参数内的点符号。尝试2无声地失败，我得不到任何动画（在TweenLite v：1.20.2中）。有没有我可以用来同时触发距离和旋转动画的语法？一旦我有多个动画属性，唯一有效的方法会很快变得冗长：

TweenLite.to(this.cam, 1.0, {distance: 30});
TweenLite.to(this.cam.rotation, 1.0, {y:10, x: 50});
TweenLite.to(this.cam.position, 1.0, {x:0.5, z: 3});

Answer 1

我认为您需要使用AttrPlugin

TweenLite.to(this.camera, 1, {attr:{distance: 30, rotation:{y: 10, x: 50}}});