var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var x = 10;
var y = 10;
var d = 200;
var player = [
"red",
"black",
"red",
"black",
"red",
"black",
"red",
"green",
"black",
"red",
"black",
"red",
"black",
"red",
"black"
];
for(i=0;i<player.length;i++){
if(x>0){ x = x + 101;}
ctx.fillStyle = player[i];
ctx.fillRect(x,y,100,35);
}