Movendo_Elementos_Animacoes_Simples_Ex1.html

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

<script type="text/javascript">
    var tela = document.getElementById("tela");
    var c = tela.getContext("2d");

    var circulo = function(x,y,raio){
        c.strokeStyle = "blue";
        c.beginPath();
        c.arc(x,y,raio,0,2*Math.PI);
        c.stroke();
    }


    var x = 1;

    var desenha = function(){
        circulo(x,100,x/2);
        x = x+1;
    }

    setInterval(desenha, 30);
</script>