[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>