Getting Started with Processing 第五章的easing问题(2)

程序代码清单如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

float x; float y; float px; float py; float easing = 0.05;   void setup(){ size(480,120); stroke(0,102); }   void draw(){ float targetX = mouseX; x+=(targetX-x)*`easing`; float targetY = mouseY; y+=(targetY-y)*`easing` line(x,y,px,py); py=y; px=x; }

 首先，在这里，作者首先将上一个例子中的一维变成了二维

?

1 2 3 4

float targetX = mouseX; x+=(targetX-x)*easing; float targetY = mouseY; y+=(targetY-y)*easing；

然后，作者通过利用一个参数 weight，从 dist() 函数返回一个值，然后将之作为 line 的weight.

同时，当程序进行的时候，line(x,y,px,py)；是从目前这一点到上一点画线。

关于px =x;py=y;

但是，程序进行到这里， 这个时候 px 和 py 没有被赋值，所以将目前还未进行下一次循环的 x 和 y 值赋值给 px 和 py.
程序进行到下一次循环的时候，x 和 y 的值通过鼠标的移动，于是 x 和 y 的值再次改变。进行下面的程序。