如何重新创建pmouseY＆amp; javascript中的pmouseX（processing.JS变量）

Question

如何在processing.JS javascript库中创建内置变量的pmouseY和pmouseX变量。

pmouseX表示鼠标的前一个x坐标 pmouseY表示鼠标的前一个y坐标

正常mouseX / Y（对应于javascript event.clientY / X变量）是鼠标的当前位置。 这是我尝试做的一个pastebin： http://pastebin.com/XSu3XHAJ 我只是尝试通过将当前鼠标的X / Y位置减一来制作pmouseX/Y。 这是尝试javascript娱乐这个khanacademy“项目”： https://www.khanacademy.org/computer-programming/pmousex-pmousey-processingjs/5082026180870144

剧透警告：它根本没有接近想要的结果。

Answer 1

在事件处理程序中，存储鼠标位置。这样，在下一帧，该变量是前一帧的鼠标位置。

var pmX, pmY;

function createLines(event) {

    var mX = event.clientX;
    var mY = event.clientY;

    if (pmX && pmY) {
        board.beginPath();
        board.moveTo(pmX, pmY);
        board.lineTo(mX, mY);
        board.stroke();
    }

    pmX = mX;
    pmY = mY;

}