Dúvida exercício das bolinhas | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Vitor Kindrat

| 96.2k xp | 91 posts

Tentei chamar outra flor um pouco em cima da primeira, porém só aparecem as bolinhas amarela e azul, o que fiz de errado?

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


<script>



    var tela = document.querySelector("canvas");
    var pincel = tela.getContext("2d");

    pincel.fillStyle = "lightgrey";
    pincel.fillRect(0, 0, 600, 400);

    function desenhaCirculo(x, y, raio, cor){
        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.arc(x, y, raio, 0, 2 * 3.14);
        pincel.fill();
        }

    function desenhaFlor(x, y){


    desenhaCirculo(300, y+20, 10, "blue");
    desenhaCirculo(300, 200, 10, "red");
    desenhaCirculo(x-20, 200, 10, "orange");
    desenhaCirculo(x+20, 200, 10, "black");
    desenhaCirculo(300, y-20, 10, "yellow");

        }

        desenhaFlor(300,200);
        desenhaFlor(300,100);




</script>

1 resposta

solução!

por Henrique Lustosa Ribeiro Faria

| 297k xp | 168 posts

Analista de Sistemas

04/04/2019

Olá Vitor,

Mude a função desenharFlor como indicado abaixo. Como os parâmetros mudam para cada tipo de flor que você quer desenhar os parâmetros do desenhacirculo precisam acompanhar essas mudanças.

function desenhaFlor(x, y){


    desenhaCirculo(x, y+20, 10, "blue");
    desenhaCirculo(x, y, 10, "red");
    desenhaCirculo(x-20, y, 10, "orange");
    desenhaCirculo(x+20, y, 10, "black");
    desenhaCirculo(x, y-20, 10, "yellow");

        }