获取鼠标移动的全局变量并在论文.js中更新 onFrame 事件

get global var of mousemove and update onFrame event in paper.js

本文关键字：js 更新 事件 onFrame 移动 鼠标 全局变量 获取      更新时间：2023-09-26

我是论文新手.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动画。但是它不起作用，如何使用新值更新动画？

提前谢谢。

看起来您的代码正在增加每一帧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;
}
相关文章：