minha solução, diferente do professor! | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

consegui chegar a uma solução diferente do professor, mas chamando a função apenas 1 vez como o professor;

<!DOCTYPE html>;
<meta charset="utf-8">

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

<script>

    var tela = document.querySelector("canvas");
    var pincel = tela.getContext("2d");

    function desenhaEsquadro(xa , ya , xc , yc , cor) {

        pincel.beginPath();
        pincel.fillStyle = cor;
        pincel.moveTo(xa , ya);
        pincel.lineTo(xc , yc);
        pincel.lineTo(xa , yc);
        pincel.fill();

        pincel.beginPath();
        pincel.fillStyle = "white";
        pincel.moveTo(2*xa , 3.5*ya);
        pincel.lineTo(0.6875*xc , 0.875*yc);
        pincel.lineTo(xa/0.5 , 0.875*yc);
        pincel.fill();

    }

    desenhaEsquadro(50 , 50 , 400 , 400 , "black");



</script>