获取mousemove的全局变量，并在paper.js中更新onFrame事件

Question

我是Paper.js的新手，因此这可能是一个基本问题，但是我尝试以下操作：

var xpos;
var ypos;

function onMouseMove(event) {

   xpos = event.point.x;
   ypos = event.point.y;

}

获取当前的鼠标位置并将其另存为变量xpos和ypos

function onFrame(event) {

   path.segments[1].point.x = path.segments[1].point.x+xpos/10;
   path.segments[1].point.y = path.segments[1].point.y+ypos/10;

}

然后使用它们来更新onFrame动画。 但这不起作用，如何使用新值更新动画？

提前致谢。

Answer 1

看起来您的代码每帧都在增加path.segments[1]的位置。 我相信您想要的是减去每帧段和鼠标位置之间的差异。

尝试这个：

var path = new Path.Line((0,0), view.center);
path.strokeColor = "black";
var pos = new Point(0, 0);
function onMouseMove(event) {
   pos = event.point;
}
function onFrame(event) {
   path.segments[1].point += (pos - path.segments[1].point) / 10;
}