[Proyecto] En lugar de un Creeper hice a Mario

Todavia me falta programarlo para que salte al hacer click (basicamente crear otro sprite donde mario este saltando).

<meta charset = "utf-8">

<canvas width = "500"
        height = "500">

</canvas> 

<script>

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

    //FONDO
    pincel.fillStyle = "lightblue";
    pincel.fillRect (0, 0, 500, 500);

    //PISO
    pincel.fillStyle = "#CA5A28"; //obtuve este código usando el cuentagotas de powerpoint.
    pincel.fillRect (0, 400, 500, 500);

    //PERSONAJE IDLE
    //zapatos
    pincel.fillStyle = "green";
    pincel.fillRect (190, 390, 40, 10);
    pincel.fillRect (200, 380, 30, 10);
    pincel.fillRect (260, 390, 40, 10);
    pincel.fillRect (260, 380, 30, 10);

    pincel.fillStyle = "red"
    pincel.fillRect (210, 370, 30, 10);
    pincel.fillRect (250, 370, 30, 10);

    pincel.fillStyle = "#FFAB65"
    pincel.fillRect (190, 340, 20, 30);
    pincel.fillRect (280, 340, 20, 30);
    pincel.fillRect (210, 350, 10, 10);
    pincel.fillRect (270, 350, 10, 10);

    pincel.fillStyle = "red"
    pincel.fillRect (210, 360, 70, 10);
    pincel.fillRect (220, 350, 50, 10);
    pincel.fillRect (220, 340, 10, 10);
    pincel.fillRect (260, 340, 10, 10);

    pincel.fillStyle = "green"
    pincel.fillRect (210, 340, 10, 10);
    pincel.fillRect (270, 340, 10, 10);

    pincel.fillStyle = "yellow"
    pincel.fillRect (230, 340, 10, 10);
    pincel.fillRect (250, 340, 10, 10);

    pincel.fillStyle = "red"
    pincel.fillRect (240, 340, 10, 10);
    pincel.fillRect (230,330, 30, 10);
    pincel.fillRect (230,310, 10, 20);
    pincel.fillRect (250,310, 10, 20);

    pincel.fillStyle = "green"
    pincel.fillRect (240, 310, 10, 20);
    pincel.fillRect (190, 330, 40, 10);
    pincel.fillRect (260, 330, 40, 10);
    pincel.fillRect (200, 320, 30, 10);
    pincel.fillRect (260, 320, 30, 10);
    pincel.fillRect (260, 310, 10, 10);
    pincel.fillRect (210, 310, 20, 10);

    pincel.fillStyle = "#FFAB65"
    pincel.fillRect (220, 300, 60, 10);
    pincel.fillRect (230, 290, 30, 10);
    pincel.fillRect (220, 270, 10, 20);
    pincel.fillRect (250, 280, 20, 10);
    pincel.fillRect (280, 280, 20, 10);
    pincel.fillRect (270, 270, 20, 10);
    pincel.fillRect (270, 260, 10, 10);
    pincel.fillRect (240, 260, 20, 10);
    pincel.fillRect (240, 270, 20, 10);

    pincel.fillStyle = "green"
    pincel.fillRect (200, 270, 20, 30);
    pincel.fillRect (220, 290, 10, 10);
    pincel.fillRect (260, 290, 30, 10);
    pincel.fillRect (270, 280, 10, 10);
    pincel.fillRect (260, 260, 10, 20);
    pincel.fillRect (230, 280, 20, 10);
    pincel.fillRect (230, 260, 10, 20);
    pincel.fillRect (210, 260, 30, 10);

    pincel.fillStyle = "red";
    pincel.fillRect (210, 250, 80, 10);
    pincel.fillRect (220, 240, 50, 10);


    function verificar () {

    if (onclick = true) {

        pincel.fillStyle = "lightblue";
        pincel.fillRect (0, 0, 500, 500);

        //PISO
        pincel.fillStyle = "#CA5A28"; //obtuve este código usando el cuentagotas de powerpoint.
        pincel.fillRect (0, 400, 500, 500);

        //PERSONAJE SALTANDO
        pincel.fillStyle = "yellow";
        pincel.fillRect (225, 250, 50, 150);

    }
}
pantalla.onclick = verificar
</script>