Movendo_Elementos_Animacoes_Simples_Ex2.html

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

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

    var imagem = new Image();
    imagem.src = "http://i.imgur.com/yygJt.gif";

    var desenhaImagem = function(x,y){
        c.drawImage(imagem, x, y);
    };

    var limpaTela = function(){
        c.clearRect(0,0,600,400);
    }

    var x = 1;

    var desenha = function(){
        limpaTela();
        desenhaImagem(x,100);
        x = x+1;
    }

    setInterval(desenha, 30);
</script>