Dúvida | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

Segue o código. As dimensões estão menores pois ainda não consegui superar o defeito do meu canvas que só consigo com o máx. de heigth 150!

<body>
    <canvas width="260" heigth="150"></canvas>
    <script>
        var tela = document.querySelector("canvas");
        var pincel = tela.getContext("2d");

        pincel.fillStyle = "darkgreen";
        pincel.fillRect(0, 0, 260, 150);

        pincel.fillStyle = "yellow";
        pincel.beginPath();
        pincel.moveTo(130, 10);
        pincel.lineTo(240, 75);
        pincel.lineTo(20, 75);
        pincel.fill();

        pincel.fillStyle = "yellow";
        pincel.beginPath();
        pincel.moveTo(130, 140);
        pincel.lineTo(240, 75);
        pincel.lineTo(20, 75);
        pincel.fill(); 

        pincel.fillStyle = "darkblue";
        pincel.beginPath();
        pincel.arc(130,75,40, 0, 2*3.14);
        pincel.fill();

    </script>
</body>