Seqüencial Preloader – Porcentagem

Neste artigo explicarei como criar um preloader com porcentagem.

Vamos direto a prática
1) Crie um arquivo com o nome Principal.fla.
2) Crie as camadas de acordo com a imagem abaixo.

3) Inclua uma foto no segundo quadro da camada Foto

4) Inclua o Script no primeiro quadro da camada Actions, como a imagem abaixo.

5) Insira um campo de texto dinâmico no primeiro quadro da camada Preloader, associe a váriavel pct, como mostra a imagem abaixo.

6) Com o campo de texto selecionado, tecle F8. Selecione a opção Movie Clip e o Registration do Centro. Clique no botão OK.

7) Com o Movie Clip selecionado, instancie de preloader.

8) Agora crie o arquivo preloader.as e coloque-o no mesmo diretório do arquivo principal.fla. Digite os comandos como mostra a imagem abaixo.

9) Pronto! Agora abra o arquivo Principal.fla e tecle CTRL + ENTER, quando você visualizar a imagem tecle novamente CTRL + ENTER para testar o seu preloader. Caso queira configurar a taxa de simulação de download, clique no menu View >>> Download Settings e escolha a velocidade de download.

Até o próximo artigo deste seqüencial!
Clique aqui para baixar os fontes deste artigo!
Caso tenha alguma dúvida utilize o fórum.
Abraços, Renan Fretta – renan@mxstudio.com.br

Escrito por Renan Fretta on setembro 2, 2005. Arquivado em Flash. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo

17 respostas a Seqüencial Preloader – Porcentagem

  1. Cara Muito bom esse tuto, ja sabia como fazer um preloader mas ai ta muito bem explicado e com include show d bola

  2. como crio e salvo um arquivo.as ??
    oq é um arquivo .as?
    grato

  3. Mesma dúvida do Diogo…

  4. AS = Action script agora eu nao intendi pq preloader.as :s

  5. Ola queria saber se esse código funciona também para arquivos FLV?

  6. ótimo tutorial. prabéns!

  7. muito bom o tutorial..

    só faltou uma esticadinha da parte sobre o “arquivo as” .. mas de resto tudo otimo! pra quem tropeçou no “as” (rsss) basta baixar as fontes do arquivo!

    obrigado, Renan

  8. bom…

    pra criar o as vc digita tudo ai q o Renan colocou na imagem la na janelinha de actions ae no canto direito (em cima do icone de ajuda) tem um icone tal, vc clica nele, vai abrir um menu, vc clica em exportar script ou simplesmente Ctrl+Shift+X

    assim vc cria o bendito arquivo as

  9. Meu, parabéns…ótimo tutorial e muito legal de sua parte disponibilizar os arquivos pra download.
    Valeu !!

  10. Muito bacana o tutorial, mas, infelizmente não esta dando certo comigo, estou fazendo alguma coisa errada que não consegui descobrir o que é!!!
    já fiz três vezes e não esta dando nada!!!
    *quando mando testar o filme (Ctrl+enter)a foto fica apenas “pincando”(aparece e sai)e não aparece nada da porcentagem!!!!
    Valeu…abraços…

  11. Cara, muito bom seu tuto. Procurei mas tem muito boqueta ai na NET. O seu tá nota 10. Parabéns e abraço!

  12. Muito…
    simplesmente ótimo.
    grato

  13. olá, eu fiz tudo certo só q as animações ficaram muito rapido como faço para voltar ao normal?

  14. bom cara , esse tutorial foi mal e porcamente feito , não explicou as coisas direito =/
    fiz igual o que mostra ae , e nada de preloader funcionar =[

  15. hum… o meu nao deu certo… por favor, me ajude!!!

    aparece somente

    NaN%

  16. muito bom mesmo, só um conselho pra quem nao está conseguindo, eu revisei os códigos umas 4 vezes até dar certo, pois sempre havia uma maiuscula ou algum intem que eu havia copiado errado. basta revisar o que vc digitou.

  17. Para criar um arquivo .as devem abrir um novo projecto em flash em ActionScript aparecera uma folha de codigo, onde deve ser introduzido o codigo de action script, dps eh so fazer save com o nome preloader

    Hasta ;)

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>