mouseleave 上的补间变量不起作用

Question

我试图在鼠标离开时将一个变量补间到零，但是当鼠标离开容器时没有任何反应。

我尝试过各种方法。我做错了什么？

代码如下：

 function ondocumentMouseLeave ( event ){


            new TWEEN.Tween( mouseY )
            .to ( 0 , 500 )
            .easing( TWEEN.Easing.Linear.None)
            .start();


            new TWEEN.Tween( mouseX )
            .to ( 0 , 500)
            .easing( TWEEN.Easing.Linear.None)
            .start();
            }

这是 jsfiddle：

https://jsfiddle.net/cxp8rex2/16/

如果这是一个简单的问题，我很抱歉，我对此有点陌生。

Answer 1

您需要使用 Object 并补间其属性，例如：

function ondocumentMouseLeave ( event ) {

  var mouse = {x: mouseX, y: mouseY};

  new TWEEN.Tween( mouse ).to ( { x: 500, y: 500 }, 1000 )
    .easing( TWEEN.Easing.Linear.None )
    .onUpdate(function() {
        mouseX = this.x;
        mouseY = this.y;
    })
    .start();

}

看看tween.js user guide。