Lógica de Programación Parte 3

No es duda pero solo quería compartir la modificación que hace que se mueva en diagonal :D Tal vez no es la gran cosa pero quería compartirlo :D Espero les guste

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

<script>

    // Variables
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    var x = 0;
    var y = 0;

    // Logica
    pincel.fillStyle = "lightblue";
    pincel.fillRect(0, 0, 600, 400);

    //Funciones
    function dicegnarCircunferencia(x, y, radio) {

        pincel.fillStyle = "blue";
        pincel.beginPath();
        pincel.arc(x, y, radio, 0, 2*Math.PI); // Math.PI = 3.14;
        pincel.fill();
    }

    function limpiarPantalla() {
        pincel.clearRect(0, 0, 600, 400);
    }

    function atualizarPantalla (){

        limpiarPantalla();
        pincel.fillStyle = "lightblue";
        pincel.fillRect(0, 0, 600, 400);
        dicegnarCircunferencia(x, y, 10);
        x = x + 1.5;
        y++;
        if (x > 600 && y > 400) {
            x = 0;
            y = 0;
        }

    }

    //Logica
    setInterval(atualizarPantalla, 20);

</script>