Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] La cara de Creeper

Esta es mi humilde versión del creeper, sinceramente no le hice la boca hasta el final del canva por gusto. prefiero getElementById por encima querySelector y me gusta los colores en hexadecimal

<canvas id="Canvas" width="400" height="400"></canvas>

<script>
    // Obtener el elemento de canvas del HTML
    const canvas = document.getElementById("Canvas");
    const context = canvas.getContext("2d");

    // Dibujar la cabeza del Creeper
    context.beginPath();
    context.fillStyle = "#0db50d"; // Establecer el color de relleno en verde oscuro
    context.fillRect(50, 50, 400, 400); // Dibujar el rectángulo verde de la cabeza

    // Dibujar los ojos
    context.fillStyle = "#000000"; // Establecer el color de relleno en negro
    context.fillRect(90, 130, 80, 80); // Dibujar el ojo izquierdo
    context.fillRect(280, 130, 80, 80); // Dibujar el ojo derecho

    // Dibujar la boca
    context.fillStyle = "#000000"; // Establecer el color de relleno en negro
    context.fillRect(170, 210, 110, 100); // Dibujar mitad
    context.fillRect(110, 240, 60, 140); // Dibujar extremo izquierdo
    context.fillRect(280, 240, 60, 140); // Dibujar extremo derecho
</script>
1 respuesta

Hola, felicidades por tu dedicación en el curso. Apreciamos tu interés en compartir en el foro. No es necesario que publiques la respuesta a tu ejercicio aquí. Puedes hacerlo en Discord, donde hay una sección reservada para eso. El foro es principalmente para expresar tus dudas y cooperar con otros compañeros. Recordamos que no es obligatorio responder a ningún ejercicio en el foro, ni suman puntos o son usados como criterio para el avance en el programa. Pedimos que siempre que sea posible, por favor etiquetes tu tópico para que sea más sencillo identificar si es una duda, sugerencia, etc. ¡Deseamos que puedas cumplir con todos tus objetivos y tener éxito en tus estudios, saludos!

Si este post te ayudó, por favor marca como solucionado ✓ ¡Continúa con tus estudios!