Entrar Ainda não tem acesso?
1
resposta

Problema para resolver o CREEPER

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 Victor Teixeira Ferreira Neves
| 102.7k xp | 43 posts

Eu tentei resolver o exercício, mas o creeper saiu sem a proporção desejada, corrigi meu código vendo o exemplo do instrutor no exercício, porém o resultado ficou ainda pior, e olha que corrigi minhas coordenadas, trocando elas pelas do instrutor. Vejam por favor o meu código, não sei onde errei

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

<script>

    var tela = document.querySelector ("canvas");
    var pincel = tela.getContext("2d");
    //Cabeça
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(220,50, 350, 300);
    //Olhos
    pincel.fillStyle = "black";
    pincel.fillRect(250,110,90,90);
    pincel.fillStyle = "black";
    pincel.fillRect(410,110,90,90);
    //Nariz
    pincel.fillStyle = "black";
    pincel.fillRect(340,200,70,100);
    //Boca
    pincel.fillStyle = "black";
    pincel.fillRect(300,240,40,110);
    pincel.fillStyle = "black";
    pincel.fillRect(410,240,40,110);
1 resposta
por JÔNATAS CASSIANO GOUVEIA DE ARAÚJO
| 56.8k xp | 62 posts
professor

Meu caro, aqui deu eu corrigi o bug que estava dando no seu arquivo assim... 1- apaguei a primeira linha onde tem o canvas... 2- salvei sem a linha; 3- adicionei o canvas novamente e salvei...

após isso o bug saiu e seu creeper apareceu...

<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, 600);
    pincel.fill();

    //Cabeça
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(200,50, 350, 300);
    //Olhos
    pincel.fillStyle = "black";
    pincel.fillRect(250,110,90,90);
    pincel.fillStyle = "black";
    pincel.fillRect(410,110,90,90);
    //Nariz
    pincel.fillStyle = "black";
    pincel.fillRect(340,200,70,100);
    //Boca
    pincel.fillStyle = "black";
    pincel.fillRect(300,240,40,110);
    pincel.fillStyle = "black";
    pincel.fillRect(410,240,40,110);

</script>