webARTz - Um pouco de Loucura, Arte, Programação e Tecnologia

15
Mar/08

Como fazer um carregando em Flash

Escrito por Rodrigo Luis
Categoria(s): Flash

Aew pessoal, vamos denovo resolver um dos maiores problemas de quem está iniciando nesse mundo da web, o tal do carregando em Flash. Como vocês verão logo abaixo, o “preloader” não é nenhum “bicho de sete cabeças”, mas sim um “bicho de 498 cabeças”, HAuHUAhUAHuHAua, brincadeirinha, bom vamos ao que interessa.

CarregandoEsse post aqui presume que você saiba pelo menos o básico de flash. Caso você seja totalmente leigo em flash, procure aprender um pouco sobre ele, antes de tentar fazer esse carregando.

Bom, inicialmente estou disponibilizando um modelo de “carregando” que você pode baixar clicando aqui, e abrir em seu flash, é um arquivo na extensão .fla, após abrir esse arquivo, você verá que ele tem 2 cenas, uma delas é o carregando e a outra é a cena em que você colocará seu conteúdo.

Veja abaixo o actionscript do frame 1, da cena do carregando:
Script do Carregando
Linha 1: Cria uma variavel que calcula o total de bytes do seu arquivo .swf
Linha 2: Cria uma variavel que verifica quantos bytes já foram carregados
Linha 3: Faz o calculo entre as 2 variaveis anteriores, gerando uma variavel numérica
Linha 4: Gera uma nova variavel que será utilizada em um campo “Dynamic Text” do Flash, que exibirá o valor em % do que já foi carregado;

No frame 2 da cena do carregando, inserimos um outro actionscript, veja abaixo:
Script do Carregando
Linha 1 e 2: Utilizando as variaveis do outro script, verifica se o total carregado de bytes é igual ao total do arquivo .swf, se for igual, é sinal que o flash está todo carregado, e por isso, é executada a ação de ir para a cena onde está o conteudo, nesse caso é chamada de “movie”
Linha 3 e 4: Caso não tenha carregado todos os bytes ainda (linha 1), executa uma função de voltar ao frame 1, que nesse caso cria um ciclo de execução até que todos os bytes sejam carregados, e com isso, gera-se sempre o valor percentual de carregamento, como explicado no script do frame 1;

Agora é com vocês, siga sua criatividade e faça “carregando” diferentes.

Arquivos para Download:
Exemplo no formato Flash


Compartilhe esse Artigo:
  • Digg
  • StumbleUpon
  • Technorati
  • Slashdot
  • del.icio.us
  • Reddit
  • Google
  • Facebook
  • Live
  • Rec6
  • YahooMyWeb
  • Furl
  • Spurl
  • Taggly
  • Smarking
  • description
  • TwitThis
  • Fark
  • Ma.gnolia
  • Propeller
  • De.lirio.us
  • Print this article!
  • E-mail this story to a friend!







Escreva um Comentário

Você precisa estar logado ou ser cadastrado para enviar um Comentário.