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}}});