Entrar Ainda não tem acesso?
2
respostas

Qual o tamanho do canva?

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 Nayara Ramos Levino
| 120k xp | 8 posts

Consegui fazer o "creeper" mas a minha confusão é: era necessário deixar um fundo atrás do verde? Pois o exercício falava sobre o canva ter 600x400 mas a cabeça só tinha 350x300, por fim acabou que eu coloquei um fundo preto e mesmo que cheguei ao resultado, era necessário esse fundo ou tanto faz?


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

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

    pincel.fillStyle = 'black'
    pincel.fillRect(0, 0, 600, 400);

    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(100, 100, 350, 300);

    pincel.fillStyle = 'black';
    pincel.fillRect(150, 180, 90, 90);

    pincel.fillStyle = 'black';
    pincel.fillRect(300, 180, 90, 90);

    pincel.fillStyle = 'black';
    pincel.fillRect(230, 260, 70, 100);

    pincel.fillStyle = 'black';
    pincel.fillRect(190, 330, 40, 110);

    pincel.fillStyle = 'black';
    pincel.fillRect(300, 330, 40, 110)

</script>

2 respostas
por Raul Quirino Rezende
| 104.8k xp | 12 posts

Use esse codigo:

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

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

    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(0, 0, 350, 300);

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

    pincel.fillStyle = 'black';
    pincel.fillRect( 200, 50, 90, 90);

    pincel.fillStyle = 'black';
    pincel.fillRect( 135, 140, 70, 100);

    pincel.fillStyle = 'black';
    pincel.fillRect( 95, 180, 40, 110);

    pincel.fillStyle = 'black';
    pincel.fillRect( 200, 180, 40, 110);


</script>
por Luiz Paulo Leandro Da Silva Santos
| 31.8k xp | 4 posts

Não há problema algum, você acabou adicionando uma armadura ao seu Creeper ahahha mas ficou show! Acabei fazendo diferente também mais o resultado foi o mesmo, só escolhi mudar a cor pra personalizar