[Projeto]

1
resposta

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Desenhando gráficos com Canvas e atividade A cara do Creeper.

por Matheus Martins da Silva dos Santos

| 12k xp | 4 posts

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

<script type="text/javascript">
    
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0, 0, 600, 400);
    
    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(116.6, 50, 350, 300);

    pincel.fillStyle = 'black';
    
    pincel.fillRect(160, 110, 90, 90);

    pincel.fillRect(320, 110, 90, 90);

    pincel.fillRect(250, 200, 70, 100);

    pincel.fillRect(210, 240, 40, 110);

    pincel.fillRect(320, 240, 40, 110);

</script>

1 resposta

por Armano Barros Alves Junior

| 1456.9k xp | 3070 posts

Alura Scuba Team Monitor Escola Semente | Fórum Ops

2 meses atrás

Olá, Matheus! Tudo joia?

Parece que você está se divertindo com o desafio de desenhar o Creeper! Isso é ótimo!

Parabéns pelo resultado, ficou ótimo! Também agradeço por compartilhar seu código com os demais estudantes, com certeza vai ajudar nos estudos de todas as pessoas que estão aprendendo este mesmo assunto.

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum.

Abraços e bons estudos!