xxxxxxxxxx
36
// Brief: Living Line I
//Create an interaction that stores the past 100 mouse //positions and displays them as a polyline. Store the //mouse data in three different ways: in two 1D arrays (one // for X, one for Y);
// We need: array, mouseX, pmouse, line
let mousePosX = [];
let mousePosY = [];
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
mousePosX.push(mouseX);
mousePosY.push(mouseY);
// console.log(mousePosX);
if (mousePosX.length > 100){
mousePosX.shift();
mousePosY.shift();
}
for (let i = 0; i < mousePosX.length-2; i++) {
let currentMouseX = mousePosX[i];
let nextMouseX = mousePosX[i+1];
let currentMouseY = mousePosY[i];
let nextMouseY = mousePosY[i+1];
line(currentMouseX, currentMouseY, nextMouseX, nextMouseY);
}
}