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

Creeper Centralizado

Como fiz questão de um Creeper centralizado demorei um pouco mais para calcular as "coordenadas". Também fiz uma pequena confusão inicial com as tais "coordenadas", pois diferente da geometria, aqui o segundo argumento de x e y não é o 'ponto final' e sim, a distância percorrida pelo pincel, diga-se de passagem, bem mais fácil do que as coordenadas geométricas. Para ter certeza de que estava centralizado, usei o recurso visual de colorir o Canvas, porém após ter certeza da centralização, usei aquele recurso dos comentários, para que o resultado final fosse somente o solicitado pelo instrutor. Este é o meu código:

<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);
*/
    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(125, 50, 350, 300);

    pincel.fillStyle = 'black';
    pincel.fillRect(175,100, 90, 90);
    pincel.fillRect(335,100, 90, 90);
    pincel.fillRect(265,190, 70, 100);
    pincel.fillRect(225, 240, 40, 110);
    pincel.fillRect(335, 240, 40, 110);




</script>  
1 resposta
solução!

Oi Magda

Muito bom! Parabéns pelo empenho nos estudos!

Continue praticando e qualquer dúvida pode contar com a gente.