Entrar Ainda não tem acesso?
1
resposta

Outra forma de fazer

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Extraindo funções e atividade Esquadro #2

por Daniella Malvar De Azevedo Matos
| 157.3k xp | 151 posts
Supervisora de Serviço 
<canvas width="600" height="400"></canvas>

<script>

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


   function desenhaEsquadro(xa, ya,za, wa, xc, yc, zc, wc, cor1,cor2) {

    pincel.fillStyle = cor1;
    pincel.beginPath();
    pincel.moveTo(xa, ya);
    pincel.lineTo(xa, yc);
    pincel.lineTo(xc,yc);
    pincel.fill();


    pincel.fillStyle = cor2;
    pincel.beginPath();
    pincel.moveTo(za,wa);
    pincel.lineTo(za,wc);
    pincel.lineTo(zc,wc);
    pincel.fill();
    //a implementacao fica com você :)
    }

    desenhaEsquadro(50,50,100,175,400,400,275,350, 'black', 'white')
1 resposta
por Renan Cezar Wuicik
| 2976k xp | 6107 posts
Instrutor Suporte Educacional Start By Alura

Olá Daniela, tudo bem com você?

Gostaria de agradecer pela paciência em obter um retorno!

Eu observei seu código e percebi que você não fechou a tag <script>, usando a barra ”/”, dessa forma: </script>, sem ela o projeto não irá funcionar, portanto essa é a minha única ressalva em relação ao seu projeto é essa.

No geral seu projeto está muito bom, está de acordo com o que foi passado pelo instrutor, está bem organizado, estruturado e indentado.

Portanto eu gostaria de lhe parabenizar pelo projeto, pela ideia, do jogo, e o resultado que ficou muito bom!

Continue estudando e evoluindo cada vez mais seus estudos e conte com a comunidade da Alura para te auxiliar.

Um enorme abraço e bons estudos!