xxxxxxxxxx
70
function setup() {
createCanvas(400, 400);
}
//// version 1
// const arrayX = [];
// const arrayY = [];
// var lastX = -1;
// var lastY = -1;
// function draw() {
// background(255, 200, 200);
// if ((lastX != mouseX) || (lastY != mouseY)) {
// arrayX.push(mouseX);
// arrayY.push(mouseY);
// }
// lastX = mouseX;
// lastY = mouseY;
// if (arrayX.length > 100) {
// arrayX.shift();
// arrayY.shift();
// }
// for (var i = 0; i < arrayX.length - 1; i++) {
// line(arrayX[i], arrayY[i], arrayX[i+1], arrayY[i+1]);
// }
// }
//// version 2
// const array = [];
// var lastX = -1;
// var lastY = -1;
// function draw() {
// background(255, 200, 200);
// if ((lastX != mouseX) || (lastY != mouseY)) {
// array.push([mouseX, mouseY]);
// }
// lastX = mouseX;
// lastY = mouseY;
// if (array.length > 100) {
// array.shift();
// }
// for (var i = 0; i < array.length - 1; i++) {
// line(array[i][0], array[i][1], array[i+1][0], array[i+1][1]);
// }
// }
//// verison 3
// const array = [];
// var lastP = {
// x : -1,
// y : -1
// };
// function draw() {
// background(255, 200, 200);
// const p = {
// x : mouseX,
// y : mouseY
// };
// if (lastP != p) {
// array.push(p);
// }
// lastP = p;
// if (array.length > 100) {
// array.shift();
// }
// for (var i = 0; i < array.length - 1; i++) {
// line(array[i].x, array[i].y, array[i+1].x, array[i+1].y);
// }
// }