Códigos com resultados diferentes

Bom dia, pessoal.

Gostaria de saber por que os códigos abaixo tem resultados diferentes.

    var x=0;

    var raio = 19;
    var cres = 0;

    function atualizaTela(){

        pincel.clearRect(0,0,600,400);
        pincel.fillStyle='grey'
        pincel.fillRect(0,0,600,400);

        if(raio >  30){
            cres = -1;
        }else if (raio <20){
            cres = 1;
        }

        desenhaCirculo(x,40,raio);
        if(x<=600){
            x++;
        }else{
            x=10;
        }

        raio = raio+cres;

    }

    setInterval(atualizaTela,15);

Código 2:

    var x=0;

    var raio = 19;
    var cres = 0;

    function atualizaTela(){

        pincel.clearRect(0,0,600,400);
        pincel.fillStyle='grey'
        pincel.fillRect(0,0,600,400);

        if(raio >  30){
            cres = -1;
        }else if (raio <30){
            cres = 1;
        }

        desenhaCirculo(x,40,raio);
        if(x<=600){
            x++;
        }else{
            x=10;
        }

        raio = raio+cres;

    }

    setInterval(atualizaTela,15);