xxxxxxxxxx
54
let dots = [];
let columns = 10;
let rows = 7;
let size = 40;
let colorOff = '#333333';
let colorOn = '#EFEA63';
function setup() {
createCanvas(columns*size, rows*size);
console.log(columns*size, rows*size)
for( let x = 0; x < columns; x++ ){
for( let y = 0; y < rows; y++ ){
let onFlag = random([true,false]);
dots.push( new FlipDot(x,y,onFlag) );
}
}
}
function draw() {
background('#222222');
translate(size/2,size/2);
for( let i = 0; i < dots.length; i++ ){
dots[i].place();
}
}
class FlipDot {
constructor(x,y,isOn = false){
this.x = x;
this.y = y;
this.isOn = isOn;
}
place(){
noStroke();
if( this.isOn ){
fill(colorOn);
}else{
fill(colorOff);
}
circle( this.x*size, this.y*size, size );
}
}
function mousePressed() {
for( let i = 0; i < dots.length; i++ ){
dots[i].isOn = random([true,false,false]);
}
}