[p5] 선, speed (feat. 피타고라스)

pMouseX, pMouseY 는 previous

circle

function setup() {
    createCanvas(windowWidth, windowHeight);
    background(220);
}

function draw() {
    circle(mouseX, mouseY, 10);
    // line(pmouseX, pmouseY, mouseX, mouseY);
}

function mousePressed() {
    background(random(255), random(255), random(255));
}

점을 연속적인 line으로

function setup() {
    createCanvas(windowWidth, windowHeight);
    background(220);
}

function draw() {
    // circle(mouseX, mouseY, 10);
    line(pmouseX, pmouseY, mouseX, mouseY);
}

function mousePressed() {
    background(random(255), random(255), random(255));
}

speed 피타고라스 응용

function setup() {
    createCanvas(windowWidth, windowHeight);
    background(220);
}

function draw() {
    pa = pow(mouseX - pmouseX, 2);
    pb = pow(mouseY - pmouseY, 2);
    speed = sqrt(pa + pb);
    circle(mouseX, mouseY, speed);

    // line(pmouseX, pmouseY, mouseX, mouseY)
}

function mousePressed() {
    background(random(255), random(255), random(255));
}