MXStudio » Flash » Seqüencial Preloader – Porcentagem

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


17 Comments to Seqüencial Preloader – Porcentagem

  1. F@RRINH@'s Gravatar F@RRINH@
    Julho 11, 2008 at 4:36 pm | Permalink

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

  2. diogo's Gravatar diogo
    Julho 19, 2008 at 6:14 pm | Permalink

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

  3. Eu's Gravatar Eu
    Agosto 18, 2008 at 4:33 pm | Permalink

    Mesma dúvida do Diogo…

  4. Rafael Merola's Gravatar Rafael Merola
    Agosto 24, 2008 at 5:42 pm | Permalink

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

  5. Claudio's Gravatar Claudio
    Setembro 1, 2008 at 1:03 pm | Permalink

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

  6. Ariel's Gravatar Ariel
    Setembro 19, 2008 at 2:06 pm | Permalink

    ótimo tutorial. prabéns!

  7. Juliano's Gravatar Juliano
    Janeiro 8, 2009 at 6:48 pm | Permalink

    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. Juliano's Gravatar Juliano
    Janeiro 8, 2009 at 6:58 pm | Permalink

    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. Rosni's Gravatar Rosni
    Janeiro 28, 2009 at 12:27 pm | Permalink

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

  10. Felipe's Gravatar Felipe
    Fevereiro 11, 2009 at 4:42 pm | Permalink

    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. Fevereiro 13, 2009 at 3:10 pm | Permalink

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

  12. Alex's Gravatar Alex
    Março 3, 2009 at 12:03 am | Permalink

    Muito…
    simplesmente ótimo.
    grato

  13. Maio 27, 2009 at 10:04 am | Permalink

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

  14. mathkps's Gravatar mathkps
    Junho 24, 2009 at 8:52 am | Permalink

    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. andre.leone's Gravatar andre.leone
    Julho 23, 2009 at 11:31 pm | Permalink

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

    aparece somente

    NaN%

  16. Outubro 5, 2009 at 12:55 am | Permalink

    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. David's Gravatar David
    Julho 3, 2010 at 10:58 am | Permalink

    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 um Comentario

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

Renan Fretta

Desenvolvedor de Aplicativos Ricos para Internet (RIA) em Adobe Flex, com PHP (AMFPHP) e Java (BlazeDS).

Últimos Artigos do Autor