Getting Started with Processing 第五章的easing问题

Posted fbsharl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Getting Started with Processing 第五章的easing问题相关的知识,希望对你有一定的参考价值。

程序代码清单如下:

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

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

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 的值再次改变。进行下面的程序。










以上是关于Getting Started with Processing 第五章的easing问题的主要内容,如果未能解决你的问题,请参考以下文章

Getting Started with Erlang

Getting Started with Matplotlib

Getting started with roswtf

Getting Started with LLVM

01Getting Started---Getting Started with ASP.NET Web API 2入门WebApi2

Getting started with Chrome Dev Editor