得到鼠標移動的全局變量和更新paper.js onFrame事件

Question

我是新來Paper.js可能因此這個基本的問題，但我想在下面：

var xpos; 
var ypos; 

function onMouseMove(event) { 

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

} 

獲得當前mouseposition並保存作爲變量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; 
}