javascript - TWEENJS 奇怪的悠悠球threejs

Question

在一个成功的动画圈之后，tweenjs 让我抽搐，我想创建从上到下的无限移动动画，但是我的代码中有一些错误，我需要帮助！ http://weblife.su/WineBazar/1/

  var group_position_1 = new TWEEN.Tween(group.position)
                .to({ y: THREE.Math.degToRad(-20)}, 1000)
                .yoyo(true)
                .repeat(1)
                .easing(TWEEN.Easing.Linear.None)
                .onStart(() => {
                })
                .onUpdate(() => {
                })
                .onComplete(() => {
                               group_position_2.start()
                })
              var group_position_2 = new TWEEN.Tween(group.position)
                   .to({ y: THREE.Math.degToRad(-30)}, 1000)
                   .yoyo(true)
                   .repeat(1)
                   .easing(TWEEN.Easing.Linear.None) 
                   .onStart(() => {
                   })
                   .onUpdate(() => {
                   })
                   .onComplete(() => {
                             group_position_1.start()
                   })
              

Answer 1

使用 GSAP v3，您可以通过设置无限期地溜溜球.repeat(-1)，如他们的文档中所述：

要无限重复，请使用 -1。

var group_position_1 = new TWEEN.Tween(group.position)
    .to({ y: -0.5}, 1000)
    .yoyo(true)
    .repeat(-1)

旁白：度数或弧度通常保留用于旋转。当您可以使用像 0.5 这样的硬值时，我认为在设置 y 位置时不需要弧度。