2010年9月30日 星期四

P5的基本繪圖_4 Easing

以下是processing的原始碼

範例在這


float x;
float y;
float targetX, targetY;
float easing = 0.05;

void setup()
{
size(200, 200);
smooth();
noStroke();
}

void draw()
{
background( 51 );

targetX = mouseX;
float dx = targetX - x;
if(abs(dx) > 1) {
x += dx * easing;
}

targetY = mouseY;
float dy = targetY - y;
if(abs(dy) > 1) {
y += dy * easing;
}

ellipse(x, y, 33, 33);
}


以下是puredata的做法
需要注意的是,在processing 是透過void draw()去跟新畫面,在pd的做法我是讓gemhead產生bang(send bb),去觸發easing的效果。





檔案下載