<canvas id="tela" width="600" height="400"></canvas>

<script>
var desenhaQuadradoVerde = function(x, y) {
  var tela = document.getElementById("tela");
  var c = tela.getContext("2d");

  c.fillStyle = "green";
  c.fillRect(x, y, 50, 50);

  c.strokeStyle = "black";
  c.strokeRect(x,y,50,50);
};

var desenhaQuadradoVermelho = function(x, y) {
  var tela = document.getElementById("tela");
  var c = tela.getContext("2d");

  c.fillStyle = "red";
  c.fillRect(x, y, 50, 50);

  c.strokeStyle = "black";
  c.strokeRect(x,y,50,50);
};

var desenhaBolaAzul = function(x, y) {
  var tela = document.getElementById("tela");
  var c = tela.getContext("2d");

  c.fillStyle = "blue";
  c.beginPath();
  c.arc(x, y, 25, 0, 2 * 3.14);
  c.fill();
};

for(var x = 0; x < 600; x += 50) {
  desenhaQuadradoVerde(x, 0);
  desenhaQuadradoVermelho(x, 50);
  desenhaBolaAzul(x, 100);
}
</script>

Insert new files, Alura, Lógica de Programação 2, Aula 2
Insert new files, Alura, Lógica de Programação 2, Aula 2
