DUDAS SOBRE LAS COODENADAS

Hola si bien pude completar el creeper aun tengo dudas de como utilizar correctamentes las coordenas (0,0,0,0), me puede recomendar algun material donde se pueda explicar estos mejor o explicar en una respuesta.

<meta charset = "UTF-8">

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

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

    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(200, 50, 350 ,300);

    pincel.fillStyle = 'black';
    pincel.fillRect(250, 110, 90, 90);
    pincel.fillRect(410, 110, 90, 90);

    pincel.fillRect(340, 200, 70, 100);

    pincel.fillRect(300, 240, 40, 110);
    pincel.fillRect(410, 240, 40, 110);

</script>