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

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 Pablo Martin Saad
| 60.3k xp | 14 posts
<canvas width="350" height="300"></canvas>

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

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

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

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

    pincel.fillStyle = "black";
    pincel.fillRect(140,150,70,100);

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

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



</script>
1 respuesta
por Javier Alberto Medina G Canton
| 127.4k xp | 54 posts
Redes sociales

Hola pablo. Quedo muy bien tu creper. Si me lo permites podria sugerirte ahorrar algunas lineas de código usando el pincel.fillStyle = "black"; una vez al principio, así todos los demas pincel.fillRect(); tomaran ese color. Puedes intentarlo. Saludos.