Puissance 4

var h = 16

var w = 7

var mat = []

var scl = 40

var o = {}

var player = 1

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  rectMode(CORNERS);

  ellipseMode(RADIUS);

  o.x = windowWidth/2 - scl*w/2

  o.y = windowHeight/2 + scl*h/2

  for (var y=0;y<h;y++) {

    mat.push([]);

    for (var x=0;x<w;x++) {

      mat[y].push(0);

    }

  }

}

​

function draw() {

  background(255);

  stroke(0);

  strokeWeight(2);

  fill(255);

  rect(o.x,o.y,o.x+w*scl,o.y-h*scl)

  for (var y=0; y<h; y++) {

    for (var x=0; x<w; x++) {

      //console.log([o.x + scl*x, o.y + scl*y, o.x + (scl+1)*w, o.y + (scl+1)*h])

      col = ["red","white","yellow"][mat[y][x]+1]

      drawCell(x,y,col)

    }

  }

}

​

function mousePressed() {

  var x = floor((mouseX-o.x)/scl)

  var y = 0;

  while (mat[y][x] != 0) y++;

  if (y<h) mat[y][x] = player

  player = -player;

}

function drawCell(x,y,col="white") {

  strokeWeight(2);

  stroke(0);

  fill(col);

  ellipse(o.x + (x+0.5)*scl, o.y - (y+0.5)*scl, scl*0.43, scl*0.43);

}