function desenhaEsquadro(x, cor, cor2) {
var tela = document.querySelector('.tela3');
var pincel = tela.getContext('2d');
var y = x*8;
pincel.fillStyle = cor;
pincel.beginPath();
pincel.moveTo(x, x);
pincel.lineTo(x, y);
pincel.lineTo(y, y);
pincel.fill();
var xa = x*2;
var xb = x * 3.5;
var yb = x * 7;
var ya = x * 5.5;
pincel.fillStyle = cor2;
pincel.beginPath();
pincel.moveTo(xa, xb);
pincel.lineTo(xa, yb);
pincel.lineTo(ya, yb);
pincel.fill();
}
desenhaEsquadro(60, "green", "yellow");
