segunda-feira, 26 de abril de 2010

Barra de Loading personalizada para Flash - crie do seu jeito

Já achei vários tutoriais na net de criação de Loading no Flash, aquelas barras de carregando antes do site entrar.
Porém várias coisas que eu acho por ai na verdade usa uma programação meio complicada e com pouco apelo visual, exemplos são aquelas barras que crescem a medida que o site carrega, mas só fazem isso, com o nosso exemplo abaixo você criará um padrão e o seu loading poderá ter a animação que quiser, seja uma barra horizontal, vertical, uma bola que aumenta de tamanho ou até mesmo uma animação de algum homenzinho correndo.

Vamos começar
Vocês vão achar incrível como isso é simples.
  1. Crie um MovieClip novo, e dentro dele crie uma animação qualquer de 100 frames (uma barra crescendo, uma barra caindo, uma bola aumentando, o que você imaginar)
  2. Coloque nesse mesmo MovieClip uma camada com um texto dinâmico estanciado como txt
  3. Agora volte para o Stage principal e coloque um stop() no primeiro frame e a seguinte ação no MovieClip

onClipEvent (load) {
    total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
    loaded = _root.getBytesLoaded();
    percent = int(loaded/total*100);
    txt.text = percent+"%";
    gotoAndStop(percent);
    if (loaded == total) {
        _root.gotoAndPlay(2);
    }
}

Pronto, para testar você tem que colocar esse movie clip acima em uma animação, precione Ctrl+Enter e quando a animação estiver aberto pressione novamente Ctrl+Enter para que ele simule que está carregando da internet.

Valeu e até a próxima


Nenhum comentário: