(Javascript) Zig-Zag em Canvas

<!--  Criar área para imprimir o desenho --!>

<canvas style="background-color:black" id='canvas' width=800 height=640></canvas>


<!-- Inicio do código javascript --!>

<script>

    // Pegar o elemento canvas na tela

    objeto = document.getElementById('canvas');
    cnv = objeto .getContext('2d');

    //  Como a tela está preta (veja o black lá encima) vou colocar a cor da pintura para branco
    cnv.fillStyle = "white"

    // tamanho de nossa tela
    w = objeto.width;
    h = objeto.height;


    // variaveis de localização
    // i = x
    // j = y

    i = 0;
    j = (h / 2);

    // o h / 2 serve para pegar a metade da tela, por isto o quadradinho branco vai ficar ao lado da

tela

    // pegar valor da metade da tela e armazenar em uma variávei reserva
    divisao = j;

    // variável para controlar qual lado o quadradinho está indo, para fazer efeito zig zag
    Right = 0;

    // variáveis para deletar o quadradinho anterior
    ais = 0;
    ajs = 0;

    // chamar a função
                    MoverQuadrado() ;


    function MoverQuadrado() {


        // caso I ainda for menor que W. Continuar movendo nosso quadradinho

        if ( i < w ) {

            i ++; // aumentar posição para ele caminhar mais

            setTimeout  ("MoverQuadrado();", 1);
        }


        // caso estiver andando para direita
        if ( Right ) {

            // aumentar j apra continuar andando para direita
            j ++;

            // caso ele já se distanciou o suficiente, voltar para o outro lado para fazer efeito zig zag
             if( j > (divisao + 20)) {

                // definir que não estou mais andando para direita
                Right  = 0;
            }
        }

        else {
            // caso ele estiver andando para esquerda

            if(j < divisao - 20) {
                // CASO j tiver ultrapassado o limite, voltar para direita, fazedndo zig zag
                Right = 1;
            }

            j --;
        }


        // deletar quadradinho anterior para poder ficar 1 único quadradinho branco na tela
        cnv.clearRect (ais, ajs, 25,25);



        // criar o quadradinho
        cnv.fillRect (i, j, 25,25);

        // registrar qual foi o último local do quadradinho para este atual ser deletado e ser criado outro quadradinho na próxima posição
        ais = i;
        ajs = j;

        return true;
    }
</script>