topo
topo
topo
Domingo, 26 de Março de 2017.
portaldigidesign
menu principal
No Site Na Web
slogan
 
:: Home
:: Fórum
:: Newsletter
:: Na Mídia
:: Recomende-nos
:: Nossos banners
:: Rss Feeds
:: Contato
 
menu design
:: Flash
:: Dreamweaver
:: Fireworks
:: Swishmax
:: Photoshop
:: Corel Draw
:: Ícones
:: Tabela de cores
:: Layouts prontos
 
menu programação
 
:: PHP
:: Asp/.Net
:: Javascript
:: CGI
:: Cold Fusion
 
menu serviços
 
:: Geradores online
:: Indique o site
:: Usuários online
:: Contador
 
menu sites destaque
 
:: Indique seu site
:: Sites destaque
 
menu artigos
 
:: Web Marketing
:: Web acessibilidade
 
 
 

· Artigos » SwishMax

 

SwishMax - Preloader com percentual  English Version

Por: Ivan W. Primo
Publicado em: 28.09.2005
Visualizações: 90336


rec6 Linkto delicious google yahoo live Twiter

SwishMax - Preloader com Percentual

Olá pessoal! Depois de um longo tempo afastado da coluna de SwishMax por motivos pessoais, estou de volta com um tutorial que acredito, vocês vão gostar muito. Vamos criar hoje um preloader que mostra progressivamente, o percentual de bytes carregados da animação.



Sem mais delongas, vamos ao trabalho! Inicie um novo filme ou insira uma nova cena no filme para o qual você deseja criar o preloader. Mude o nome desta cena para "preloader" passe-a para a primeira posição acima no painel "Outline". Dê o nome de "principal" para a cena onde está a animação do seu filme. Volte à cena "preloader" e clique no botão "Insert Text ", depois digite o seguinte texto: "Carregando 20%". Este texto servirá somente para efetuarmos a formatação e definirmos o tamanho exato da caixa de texto.

imagem 1"""


Formate o texto a seu gosto. Depois disto, seu painel Outline ficará como na imagem abaixo.

imagem 2"""


Agora, vá ao painel "Text" e dê o nome "percentual" ao campo de texto. Marque também a opção "Target". Em seguida, altere o tipo de texto para "Dynamic Text". Agora você já pode também apagar o texto "Carregando 20%" deixando o campo de texto dinâmico vazio. Observe o exemplo:

imagem 3"""


O campo de texto vazio ficará como mostra a figura abaixo.

imagem 4"""

Vamos passar agora para a programação do preloader. Selecione o frame 5 na linha do tempo e passe para o editor de script. Clique no botão "Add Script > Events > Frame > onFrame(...)" para adicionar um evento ao frame 5. Depois clique "Add Script > Conditional > if (frameLoaded(...)){". Mude o campo target para <last scene> e o campo Frame para -1. Observe:

imagem 5"""


Agora clique em "Add Script > Movie Control > gotoAndPlay > nextSceneAndPlay". Seu script deverá ficar como na imagem abaixo:

imagem 6"""


O que acabamos de fazer foi dizer ao filme que, no frame 5 do preloader, ele deverá passar para a próxima cena, no momento em que o primeiro frame menos 1 da última cena do filme estiver carregada. Isto cria o looping do preloader até que a cena principal seja completamente carregada.

Agora vamos para a segunda parte do script. Selecione o frame 8 do preloader na linha do tempo e clique em "Add Script > Events > Frame > onFrame(...)". Em seguida vá para "Add Script > Statements > evaluate;". Esta última ação abrirá um campo em branco logo abaixo do editor de script. Neste campo insira a seguinte linha de código:

percentual.text = "Carregando - " add getPercentLoaded() add "%"

Isto determina o texto que deverá aparecer no campo "percentual", ou seja "o texto do campo chamado percentual deve ser igual a 'Carregando, mais a porcentagem dos bytes carregados, mais %'".

imagem 7"""


Observe como deverá estar o script após estes passos:

imagem 8"""


Ainda no mesmo evento, clique em "Add Script > Conditional > if(...){". No campo que surgir abaixo do editor, coloque a seguinte linha de código:

getPercentLoaded() >= 99

O que acabamos de escrever significa mais ou menos, 'se o percentual já carregado for maior do que 99'.

Observe a ilustraçao.

imagem 9"""


Seu swishscript agora deve estar como mostra a imagem abaixo.

imagem 10"""


Agora clique em "Add Script > Movie Control > gotoAndPlay > nextSceneAndPlay()". Isso que acabamos de fazer foi dizer ao filme que quando o percentual de bytes carregados pelo navegador for maior que 99%, ele deve executar a próxima cena, ou seja a cena principal.

Agora selecione o frame 9 na linha do tempo para adicionarmos um evento a ele. Clique em "Add Script > Events > Frame > onFrame(...)" e em seguida em "Add Script > Movie Control > gotoAndPlay > prevFrameAndPlay()". Seu swishscript deverá estar como mostra a imagem abaixo:

imagem 11"""


Prontinho! Só exportar! Agora você tem um preloader que mostra o carregamento percentual da sua animação! Fácil, rápido e eficiente! Agora capriche na animação principal e aproveite!!! Breve muito mais SwishMax!!

Até a próxima!!!

Não esqueça, se surgirem dúvidas consulte o Designer's Fórum.

Ivan Willian Primo
webmaster[@]portaldigidesign.com.br
msn: iwprimo[@]gmail.com
www.portaldigidesign.com.br




Versão para impressão  Twitter



 

  Comentários:

· Willian Guri  Postado em: 30.05.2007
Muleki Parabens meu
Muito bom Seu preload funciono perfeitamente -

· Guiga  Postado em: 25.05.2007
Eu consigo fazer os efeitos mas como devo salvar para inserir no front page?

· Ivan  Postado em: 23.05.2007


· Ivanberg Moreira  Postado em: 03.05.2007


· Marcel  Postado em: 08.11.2006


· Ivan  Postado em: 17.10.2006


· Rafael  Postado em: 11.09.2006


· duany  Postado em: 07.08.2006


· Elisandro  Postado em: 04.07.2006


· Lucas  Postado em: 25.06.2006


· Anderson  Postado em: 23.05.2006


bire  Postado em: 21.05.2006
elel ele errou a ultima linha de comando por isso mtos nao estao conseguidno, no lugar de nextscene and play eh PREVIOUS FRAME AND PLAY.. =)
mas msm assim mto bom tutorial

· Hoheckell  Postado em: 15.05.2006


· Igor Barazzetti  Postado em: 29.03.2006
ivan passa o swi pra gente !

· Dann  Postado em: 19.11.2005


· Ivan W. Primo  Postado em: 16.11.2005


· Felipe Conte  Postado em: 10.11.2005


· Vanderson  Postado em: 30.10.2005


· Ivan  Postado em: 29.10.2005


· Uilan  Postado em: 24.10.2005


· Rodrigo Saran  Postado em: 20.10.2005


· Sandro Alves  Postado em: 11.10.2005


· NitraM  Postado em: 02.10.2005
Obrigado pela ajuda,,,


ja te linkei

· NitraM  Postado em: 01.10.2005


· Eldon  Postado em: 28.09.2005


Nome: Digite seu nome.Digite seu nome.
Email: Campo Obrigatório. Formato Inválido.
Comentário:   Campo Obrigatório.Digite ao menos 8 caracteres.Até 100 caracteres.
   

   rss

 
hospedagem Host Brasil
Dreamweaver
Fireworks
Flash
SwishMax
Corel Draw
Photoshop
Photoshop
PHP
Asp/.Net
Web Marketing
publicidade
   

 

rodape rss Siga-me no Twitter