Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Campo de flores

Não é uma dúvida em si.

Cultivei um campo de flores e vou estar deixando aqui porque achei que ficou bem massa.

Segue o código.

<canvas width="620" height="420"></canvas>

<script type="text/javascript">

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

    pincel.fillStyle = 'lightgray'
    pincel.fillRect (0,0,620,420)

    function circulo(x, y, raio, cor) {

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

    function flor(x, y) {
        circulo(x,y,10,'red')
        circulo(x,y+20,10,'blue')
        circulo(x,y-20,10,'yellow')
        circulo(x+20,y,10,'black')
        circulo(x-20,y,10,'orange')
    }

    var x = 30
    var y = 30

    while (x <= 630 && y<= 420){

        flor (x,y)    
        x = x + 40

        if (x>=630){
            x = 30
            y = y + 60
        }        
    }

</script>
1 resposta
solução!

Olá Rafael tudo bem ?

Acabei de testar seu código aqui e ficou muito show de bola o seu campo Parabéns continue assim praticando e consolidando seu conhecimento que você vai evoluir muito. = )

E qualquer dúvida sinta-se a vontade para compartilhar aqui no fórum, ficaremos felizes em poder te ajudar. =)

Abraços e bons estudos.