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

La cara de 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 Julio Cesar Araoz Ibarra
| 23.2k xp | 110 posts
<canvas width="600" height="400"></canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    //cabeza
    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(200, 50, 350 ,300);
    //ojos
    pincel.fillStyle = 'black';
    pincel.fillRect(250, 110, 90, 90);
    pincel.fillRect(410, 110, 90, 90);
    //nariz
    pincel.fillRect(340, 200, 70, 70);
    pincel.fillRect(300, 230, 150, 60);
    pincel.fillRect(300,260,50,90);
    pincel.fillRect(400,260,50,90);

</script>
1 respuesta
por gatti pablo alejandro
| 477.7k xp | 338 posts

Hola comparto mi creeper

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

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


    pincel.fillStyle = "darkgreen";   
    pincel.fillRect(125,50,350,300); 


    pincel.fillStyle = "black";   

    pincel.fillRect(175,120,90,90);    // ojo izquierdo
    pincel.fillRect(335,120,90,90);    // ojo derecho

    pincel.fillRect(225,250,40,100);   // parte de boca
    pincel.fillRect(265,210,70,100);   // nariz
    pincel.fillRect(335,250,40,100);   // parte de boca


</script>