Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida no Ex. 4 da Aula 2 - Extraindo funções

Referente ao curso Lógica de Programação II: Funções, Desenhos e um Jogo, no capítulo Extraindo funções e atividade Lidando com laços

por Linneu Borges Filho
| 53.5k xp | 17 posts
Estudante

Estou tentando gerar o efeito de loop da função desenhaBolaAzul, mas ele só executa uma unica vez no primeiro ponto (0), e depois não executa mais.

Ps. Está sem a parte do canvas e script para aparecer o Codigo.

''' 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*Math.PI); c.fill(); }

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

2 respostas
solução!
por Linneu Borges Filho
| 53.5k xp | 17 posts
Estudante

Erro discoberto. Foi gerado um valor para a variavel por engano.

por KATSON WILLIAMS MENEZES DA SILVA
| 73k xp | 4 posts

Meu algoritmo para referida atividade desenha os quadrados mas desenha somente um circulo azul, alguém poderia ajudar me a resolver?! Em tese ele deveria está correto mas não imprime os circulos.

id="tela" width="1280" height="780"

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 (25, 100, 25, 0, 2*3.141592) c.fill(); }

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