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

Mi creeper cuadrado

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 Daniel Ballinas Núñez
| 70.6k xp | 9 posts
<canvas width="600" height="600">

</canvas>


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

    pincel.fillStyle = "green";
    pincel.fillRect (50,50,400,400);

    pincel.fillStyle = "black";
    pincel.fillRect (120,120,90,90);

    pincel.fillStyle = "black";
    pincel.fillRect (300,120,90,90);

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

    pincel.fillStyle = "black";
    pincel.fillRect (170,300,50,150);

    pincel.fillStyle = "black";
    pincel.fillRect (300,300,50,150);
</script>

Resultado: Creeper

1 respuesta
por Evelyn
| 259.3k xp | 333 posts

Hola Daniel, una sugerencia no es necesario que cada parte que estes diseñando el rostro del Creeper definas el color, basta solo lo definas una vez. Asi que quedaria:

pincel.fillStyle = "black";
pincel.fillRect (120,120,90,90);
pincel.fillRect (300,120,90,90);
pincel.fillRect (210,210,90,150);
pincel.fillRect (170,300,50,150);
pincel.fillRect (300,300,50,150);