Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Creeper

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Diseñando gráficos con Canvas y actividad La cara de Creeper

por Diego Edisson Pinto Fernandez
| 97.8k xp | 13 posts

Mi forma de realizarlo fue esta no se si re colocando el pincel seria mas fácil:

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

<script>
    var pantalla = document.querySelector("Canvas");
    var pincel = pantalla.getContext("2d");

    //cabeza
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(0,0,350,300);

    //ojos
    pincel.fillStyle = "black";
    pincel.fillRect(50,70,90,90);
    pincel.fillStyle = "black";
    pincel.fillRect(210,70,90,90);

    //Nariz
    pincel.fillStyle = "black";
    pincel.fillRect(140,160,70,100);

    //Boca
    pincel.fillStyle = "black";
    pincel.fillRect(100,190,40,110);
    pincel.fillStyle = "black";
    pincel.fillRect(210,190,40,110);


</script>
1 respuesta
por William estiben Suarez leal
| 58.7k xp | 19 posts

hola como estas, lo probe y "los ojos"

pincel.fillStyle = "black";
    pincel.fillRect(50,70,90,90);
    pincel.fillStyle = "black";
    pincel.fillRect(210,70,90,90);

te quedaron más abajo.

//ojo izquierdo
    pincel.fillStyle = "black";
    pincel.fillRect(50,50,90,90);
//ojo derecho
    pincel.fillStyle = "black";
    pincel.fillRect(210,50,90,90);