Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Fala, Guthierre! Tudo bem contigo?
Vou pedir para postar novamente pois seu código não veio :-(
Ficaremos no aguardo!
Um abraço!
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'lightgray';
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 desenharFlor(centrox, centroy) {
desenhaCirculo(centrox, centroy, 15, "red" );
desenhaCirculo(centrox - 30, centroy, 15, "orange" );
desenhaCirculo(centrox + 30, centroy, 15, "black" );
desenhaCirculo(centrox, centroy + 30, 15, "blue" );
desenhaCirculo(centrox, centroy - 30, 15, "yellow" );
}
desenharFlor(300, 200);
desenharFlor(500, 300);
desenharFlor(500, 100);
desenharFlor(100, 100);
desenharFlor(100, 300);Olá, Guthierre! Como vai?
Boa, meu amigo!!!
Mandou muito bem!!!
A função desenhaFlor tendo o centroX e centroY como argumentos, ficou muito bom!!!
function desenharFlor(centrox, centroy) {
desenhaCirculo(centrox, centroy, 15, "red");
desenhaCirculo(centrox - 30, centroy, 15, "orange");
desenhaCirculo(centrox + 30, centroy, 15, "black");
desenhaCirculo(centrox, centroy + 30, 15, "blue");
desenhaCirculo(centrox, centroy - 30, 15, "yellow");
}Só uma dica, em vez de utilizar centroxutilize centroX. A utilização do CamelCase deixa o código mais legível ;-)
Da mesma forma como você fez as outras escritas!!!
É isso aí!
Um abraço e bons estudos!!!