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

获取globalmove的mousemove并更新paper.js中的onFrame事件

1 个答案: