​

let x=0,y=0,a=0,speed=3,sens=0.03;

​

function setup() {

  createCanvas(400, 400);

  for (let x=0;x<width/10;x++) {

    for (let y=0;y<height/10;y++) {

      cells.set([x,y],random([true,false]));

    }

  }

}

​

function draw() {

  background(220);

  if (keyIsDown(87)) {

    x+=sin(a)*speed;

    y+=cos(a)*speed;

  }

  if (keyIsDown(83)) {

    x-=sin(a)*speed;

    y-=cos(a)*speed;

  }

  if (keyIsDown(65)) {

    a+=sens;

  }

  if (keyIsDown(68)) {

    a-=sens;

  }

  // translate(width/2,height/2);

  // rotate(a);

  // translate(x,y);

  //draw cells

  for (var key_pair of cells.keys()) {

    fill(cells.get(key_pair)?0:255);

    stroke(0);

    strokeWeight(1);

    square(key_pair[0]*20,key_pair[1]*20,20);

  }

}

​

function mousePressed() {

  const pos=[(mouseX/20)|0,floor(mouseY/20)|0];

  if (cells.has(pos)) {

    cell.set(pos,!cell.get(pos));

  }

}