44 lines
875 B
JavaScript
44 lines
875 B
JavaScript
let fr = 3;
|
|
let circle_xs = [];
|
|
let circle_ys = [];
|
|
let num_of_circles = 500
|
|
|
|
function setup() {
|
|
// const black = color(0, 0, 0);
|
|
// const white = color(255, 255, 255);
|
|
|
|
createCanvas(400, 400);
|
|
background(220);
|
|
frameRate(fr);
|
|
|
|
for (var i = 0; i < num_of_circles; i++) {
|
|
var circle_x = random(400);
|
|
var circle_y = random(400);
|
|
circle_xs.push(circle_x);
|
|
circle_ys.push(circle_y);
|
|
}
|
|
}
|
|
|
|
function draw() {
|
|
background(220);
|
|
for (var i = 0; i < num_of_circles; i++) {
|
|
circle_x = circle_xs[i];
|
|
circle_y = circle_ys[i];
|
|
circle(circle_x, circle_y, 5);
|
|
}
|
|
}
|
|
|
|
function mouseDragged() {
|
|
console.log({mouse_drag: [mouseX, mouseY]})
|
|
// prevent default
|
|
return false;
|
|
}
|
|
|
|
function mouseReleased() {
|
|
console.log({mouse_release: [mouseX, mouseY]})
|
|
}
|
|
|
|
function mousePressed() {
|
|
console.log({mouse_press: [mouseX, mouseY]})
|
|
}
|