Flash - Preloader com barra de progresso e porcentagem
Arquivo de (Flash) por Felipe Cardozo em 30-04-2008 - 12,298 visualizações
Tags: Flash, preloader, Preloader com barra de progresso, preloader com porcentagem
Olá meus queridos!
Conforme pedidos por e-mail, segue mais uma sugestão da galera. Estou tentando fazer as vídeo aulas de acordo com cada pedido que é encaminhado para nós.
Hoje, iremos aprender a fazer um preloader no Flash com barra de progresso e porcentagem. Quem quiser ver um preview do preloader, clique aqui.
Espero que gostem!
Assista à vídeo aula
Nota:
No primeiro frame da camada “actions”, você colocará o seguinte código:
total = getBytesTotal();
carregando = getBytesLoaded();
porcentagem = Math.floor((total/carregando) * 100);
barra_mc._xscale = porcentagem = Math.floor((carregando/total)*100);
mostrador.text = porcentagem + "%"
{
if (carregando == total)
gotoAndPlay("Scene 2", 1);
}
No segundo Feyframe da mesma camada “actions” você colocará este código:
if (getBytesLoaded()<getBytesTotal()) {
gotoAndPlay("Scene 1", 1);
} else {
gotoAndPlay("Scene 2", 1);
}
Na camada Texto, instancie como “mostrador” e na camada barra, instancie como “barra_mc“
sempre quiz aprender sobre
esse preloader
grato flw
Abraços
O arquivo seria salvo como SWF. Tanto o preloader quando o filme principal seriam um único arquivo.
Quando vc cria uma nova cena, o preloader continua existindo naquele arquivo.
Abçs
o seguinte, eu fiz o preloader bunitinho, funciona legal no pc, mas quando eu coloco no ar nao funciona, vai direto pra cena 2, por que sera???
Das duas uma: ou você terá que limpar a cache do seu navegador e testar novamente ou você colocou um arquivo muito leve na cena 2.
Veja isso!
Abçs
Tenho uma dúvida, eu segui seu tutorial e deu tudo certo porém
e queria saber se tem como chamar um arquivo externo do tipo swf
baseado neste preloader que você fez?
Você pode sim, usando o evento onload e getURL.
Abçs
Não entendo muito de flash,
Teria como você me mostrar como esse codigo ficaria?
Abraços.
Ficou muito legal a barra de progresso!
Vou colocar o end aqui para vc ver como ficou com a barra!
http://www.construpint.com.br
Nunca havia mexido no flash. Mas acho que não vou querer parar!
Obrigado mas uma vez!
Até a próxima
Bom eu so tenho uma duvida como inserir no incio da pagina html.
Um abraço valeu!!
para incluir a animação na página Html, você tem que usar o embed.
você pode adicionar pelo dreamweaver. Primeiro, exporte a animação como SWF e pelo dreamweaver vá em: insert > media > flash
Abração!
Magnifica, as maiorias das video aulas disponiveis na rede, não são tão detalhadas, sempre falta alguma coisa, uma vez é o código, outra é como colocar o filme que preloader está carregando, na maioria ninguem coloca as estâncias.
Sua video aula foi nota dez, valeu por disponibilizar seus conhecimentos, estou terminado o meu site e com certeza terei um link direto para esta video…
Meus parabéns…
Obrigado e boa sorte!
melhor que ja vi
simples e muito¹²³ eficiente
valeu mesmo cara!
Abraços!!!
E obrigado também pela sugestão!
Abçs
Você pode usar assim:
Neste caso, assim que clicar no objeto onde você inseriu esse Action, irá abrir a url site.com.br
Abçs
mto bom o seu Tutorial !!!
estou aprendendo mto com o mxmasters. (nem to precisando fazer curso..heuashesau)
parabens pelo trabalho de vcs .
espero q crescam ainda mais !!!
Obrigado pela visita e volte sempre!
Abçs
Sem visualizar o arquivo fica quase impossível descobrir o erro.
Mande o arquivo para contato@mxmasters.com.be para eu dar uma olhada
[]´s
Show de bola… muito bem explicado!
abraços!
Tá cheio de videozinho tosco no Youtube, ensinando as coisas mt mal.
Você detalhou mt bem a explicação, inclusive os atalhos e utilizou e explicou cada parte do código no Action.
Apesar de já saber usar Loader, foram 9 minutos muito bem utilizados da minha vida =p
Continue com o site, tem todo meu apoio, já tá favoritado.
[]´s
Veleu
Sobre o preloader, você tem que ter o site todo em flash para colocar o preloader em uma cena e o conteúdo em outra.
[]´s
e nao sei onde salvar meu preloader,rsrsrs
sou novo nessas coisas galera….é pra zuar nao viu?rsrs
alguem me ajuda?
tenho q fazer o preloader,na cena1????????
Você coloca o preloader na cena 1 e o conteúdo do seu site na cena 2.
[]´s
Bom, vamos as minhas dores de cabeça agora…rs (1) Fiz tudo certinho, está tudo funcionando”em partes”. (2) Criei a cena 2 tranqüilo. (3) Fiz 3* animações.swf. (4) voltei pro preload e importei essas 3* animações para a biblioteca (5) na cena 2 coloquei a 1* animação das 3* “arrastei da biblioteca e coloquei no 1° quadro”
(6) ctrl+enter o preload funcionou certinho mas quando chegou na cena 2 o movie clipe “1* animação” não rodou, ele ficou paradinho olhando pra mim sem fazer nada, daí apertei enter ele começou a rodar.
(7) Gostaria que ele rodasse direto na seqüência os 1*2*3* movies Clips sem ter que apertar enter.
(8) Já fiz tudo que estava ao meu alcance, passei o dia inteiro nisso, tentando descobrir o “PQ” até porque estou aprendendo e faço questão de bater a cabeça, mas a minha “NIEWBISSE” não encontrou solução. Sei que deve ser uma coisa muito simples, mas saber o que está acontecendo eu não sei…Help me!!!
se quiser posso te mandar o arquivo pra você ver…é só mandar. ABRAÇO
O problema pode estar na importação da animação para a cena 2. Você tentou fazer do zero? Começando pelo preloader e depois fazendo as animações manualmente na cena 2?
Eu já passei por isso. Pode ser que algumas actions ou movie clips não sejam importados.
[]´s
[]´s
Ao site, e à você pela aula!
Aula simples, objetiva e muito fácil de entender, parte por parte.
Visito esse site há muito tempo, e hoje estava tentando achar um tutorial o mais simples possível de Preload, rodei, rodei, rodei, e parei aqui, quando encontrei esse tutorial, além de conseguir fazer em um trabalho que estou terminando, consegui entender bem como funciona, o que para mim, é mais importante.
Muito obrigado !!
Abraço!
[]´s
Parabens pelas suas vídeo aulas ! hehehe não perco uma!!
sou novo nesse mundo do fash e estou com um probleminha. To tentando fazer um site em fash colocando o preloader no começo e depois entrar no flash só q ele ta entrando sem o fundo só depois de algum tempo é q o fundo entra. Me ajude por favor!!
Abração
Jandinho!
Bom, analisar sem verificar o arquivo .fla é quase impossível (risos). Mande-me para eu dar uma verificada. O e-mail é contato[@]mxmasters.com.br
[]´s
To apredendo muito Contigo… Brigadao ae…
RobertoGMJ
Estou com um problema quando dou ctrl+enter só me aparece a cena 1(o pre-loade)r e o conteudo da sena 2 (as imagens) não.
Não será pelo o meu cs3 ser em espanhol.
abçs cara
Quando você der o “CTRL+ENTER” vá em View > Download Settings > Escolha a opção: 56K. Depois volte em View > Simulate Download.
Veja se funciona agora.
[]´s
Muito boa apresentação… o video e o site é um dos melhores ous e não o melhor site com video aulas para webistas…
Só que tenho uma dúvida, como faço para adcionar o preloader para um movie clip ou para o site completo. Tipo quando eu crio a sena2 se por exemplo quero ali criar um movie clip com botões interagindo, coisa e tal. Eu não consigo carregar, a barra aparece, carrega normalmente, mas o clip fica estatico ele roda.
Valeu.
Mande-me o arquivo .fla para eu analisar (contato[@]mxmasters.com.br).
[]´s
Estou com uma dúvida e não vi nos comentários, se eu já tenho um arquivo em fla e só quero acrescentar seu preloader para começar a animação, como faço??
Valew…
Foi mal pela pergunta idiota….kkk
Valew…
[]´s
Muito show sua aula, aprendi mesmo, agora eu tenho uma duvida! Eu quero por o pré loader pra abrir um site em dreamweaver, tem como??? ou soh em site feitos em flash, pq no dreamweaver tem opcao incluir arkivo swf.
ajuda ai! =)
obrigadinha
Nunca fiz, mas acho que tem como fazer sim.
Vou testar aqui e posto uma vídeo aula falando disso.
[]´s
ja inclui ele nos meus favoritos
mexo com flash todos os dias…
começando a aprender programar em flash …
mto bom meus parabéns …
hauhauhauh
Gostaria de Saber como faço para que o preloader carregue um swf externo?
Gostaria q vc represente isto como fikaria os action….
Você pode colocar na cena 2 um on(load) e um GETURL para o outro SWF.
[]´s
Eu gostaria de aprender a fazer um menu delizante assim como tem nesse site
http://www.templatemonster.com/flash-templates/20234.html?PHPSESSID=359p2f3frm8nlsgt5rv5ju99q7.
e se possivel esse q vc tem no final dessa web aula. vc tem alguma video aula a respeito ou algum tutorial? se tiver pode me mandar por email?
Desde ja lhe agradeço
Estou adorando este site pois me ajuda muito, só que tenho uma duvida cruelllll rssss , preciso saber como colocar um comando em um botão para abrir o arquivo do tamanho real dele pois oq eu uso
abre na tela toda
loadMovieNum(”meuarquivi”)
Olha Felipe, seus videos são tão bons que passo para uma garotada de uma comunidade carente proximo onde moro.
Pretendo dar uma profissão para eles e vc esta fazendo parte deste trabalho.
Valeu e que Deus ilumine muito mais sua vida para passar seus conhecimentos para quem precisa.
Abraço Vanderlei Candido
Ainda não temos esta vídeo aula, mas muita gente tem pedido. Irei fazer assim que possível.
[]´s
Mas não entendi sua dúvida. Que arquivo você quer abrir?
[]´s
Obrigada por ter me respondido.
Quando vc postar a videoaula sobre aquele menu deslizante com miniatura, vc me dá um toque por email???
apsalcampos@virtualtelecom.com.br
Adorei esse site, parabéns pelas aulas, conteudo e principalmente a atenção que vc dão para as dúvidas e sugestões.
Boa sorte
Vou tentar ser mais claro rsss
Tenho que colocar no botão um comando mapa abrir um arquivo swf externo e oq uso é LoadMovieNum que abre perfeitamente no browser, mais o problema é que se eu criar um arquivo do tamanho de 200px 300px e colocar este comando para abri-lo em uma pagina externa ele fica assim como esta no link abaixo ( enorme )
http://www.eaprint.com.br/form_PHP.swf
Então gostaria de saber se tem um comando para este arquivo abrir no seu tamanho ( criado )
Muito obrigado e parabens
É o seguinte, eu ja tenho o projecto(site) feito na cena1 e queria inserir um Preloader com barra de progresso e porcentagem…
Tenho que começar o projecto todo de novo com o Preloader na cena1??
Ou tenho outra solução? Qual?
Ja agora queria felicitar toda a equipa do mxmasters pelo excelente trabalho que tem feito.
Obrigado a todos,
José Carlos
Teria como você fazer um video de como fazer um Banner expansivel no flash.
Aqueles que quando passa o mouse sobre ele , ele expandi.
Abraço
Vanderlei
[]´s
Olha eu novamente perturbando você com minhas duvidas rssss
Felipe, eu fiz o preloader como esta na video aula e funciona “bem”
Minha duvida é a seguinte, coloquei o preloader em um site que fiz
mais quando simulo o carregamento do site o preloder so aparece depois de 30 % carregado.
Será que estou fazendo algo errado?
Olha a galera aqui esta mandando um grande abraço para todos vocês do MXMASTERS e tambem para o pessoal que juntamente conosco aqui posta suas perguntas.
Fiquem com Deus.
Vanderlei Candido
Provavelmente, houve algum problema na criação do preloader. Dê uma verificada.
Forte abraço e obrigado pelas gentis palavras.
[]´s
Parabéns pelo site, pela aula! Como muitos aqui, acredito, passei horas vasculhando a net até achar esse… “oasis” rs rs
Minha dúvida é a mesma do José Carlos (post de 04 Ago, 9:42 am). Tenho que começar o projecto todo de novo com o Preloader na cena1? Tem algum outro modo?
Vi a resposta que vc sugeriu para Carlos Baptistella
“…usando o evento onload e getURL…”
Eu até tentei… não deu certo… até pq, não tenho conhecimento suficiente e fiquei com o on load na mão sem saber bem onde colocar… he he…
Desculpe a brincadeira, parabéns novamente e obrigada!
olha é o seguinte….
o ACTION ta funcionando normal…. ele so libera se tiver sido carregado… mas o texto e a barra nao aparecem o que pode ta acontece???
desde ja muito grato pela sua atenção.
Você instanciou tudo certinho? Refaça novamente. As vezes, algo não sai como o previsto.
[]´s
[]´s
tudo direitinho, pois eu tenho uma noção basica de programaçao no AS.
sei fazer algumas coisas interessantes… o que eu nao aprendi ate hj e que ta me matando é esse preloader.
DEUS que me livre desse preloader que chato.
O que está ocorrendo com o Preloader?
[]´s
soh gostaria de um contato contigo para tirar duvidas.. to montando um site aqui e sou novo no flash, e esse meu projeto eh para semana que vem…
se puder… meu email eh willian_frosty@hotmail.com
ja tenho um projeto iniciado do site.. preciso criar m novo pra por a barra na scene 2?
t+
obrigado
Se não der na primeira vez, tentem refazer novamente seguindo o processo ensinado… As vezes, esquecemos de algum detalhe na montagem do script.
[]´s
Estou com uma duvida basica…rs
Nas outras versões do Flash MX/MX 2004 para criar um botão para uma url eu utilizava
on (press)
{
getURL(”http://site.com.br”,”_blank”);
}
Mas agora nas versões mais novas 8 e CS3, não está funcionando, não acontece nada quando clico no botão, ou as vezes funciona no browser, mas quando vai para o provedor, dá pau. Essas funções mudaram?
Obrigada
Você pode ter esquecido de enviar para o servidor o arquivo javascript que é criado juntamente com sua animação quando inserida no dreamweaver.
Dê uma verificada nisso!
Bjão!
Eu de novo…
Devo estar fazendo algo errado, não foi gerado nenhum arquivo javascript. Eu não estou utilizando o DreamWeaver. Estou criando um botão no Flash, publicando, só é gerado o .swf e o .html
1 - Estou abrindo inicialmente um arquivo Flash File (actionscript 2.0)
2 - Criando o botão com action
on (press)
{
getURL(”http://site.com.br”,”_blank”);
}
3 - Publicando
Mas continuo sem conseguir executar o botão, quando eu clico nao acontece nada (eu editei normalmente o botão colocando hit e tudo)
Qual o problema com a versão CS3 para criar botões????
Estou me sentindo uma ameba!!! rs
tipo circulo ou um quadrado
as veses fika mutio bom!
Abraço
Abraço
Tinha feito uma apresentação (layout fase de aprovação: http://www.jcpersonalwebsites.com/bescor/bescor1.php), ela ja esava feita em varias cenas, o que não dava certo na hora de rodar este preloader, o que eu fiz? Simples, na minha animação inseri 2 frames no inicio de todoas as layers, e nelas inseri o codigo alterando
Codigo 1:
Onde era (”Scene 2″, 1); alterei para (”Scene 1″, 3);
Codigo 2:
gotoAndPlay(”Scene 1″, 1);
gotoAndPlay(”Scene 1″, 3);
assim ele manda executar direto no arquivo pronto, simples e fucionando perfeitamente.
abraço a todos, espero que isso ajude a vcs
grande abraço
tenho uma duvida a respeito do preloader: eu fiz o preloader em uma cena que fica acima da cena dois, onde tinha meu site com botoes animados e banners(movieclip). ai publiquei e o preloader funcionou certinho, carregou o ste mas os botoes animados e os banners nao rodam!!! o q será q ocorreu??? gostaria que me ajudassem, pois o preloader foi uma mao na massa pra mim e gostaria muito de conseguir usa-lo com perfeição!!! obrigado Felipe!!!!
Estou testando um outro action script aqui e se der certo faço a vídeo aula dele!
consegui fazer o preloader certinho…Mas na hora de colocar uma animação swf na segunda cena frame 1 os MCs ficam parados qual será o erro??como vc pode me ajudar??
Vlw abÇ
Eu já assisti mais de mil videos sobre preloader em flash e esse foi o único que deu certo
Coloca mais videos sobre flash ae
falow
Sou novato na área e por isso, passei dois dias procurando como fazer uma barra de uploader
com essse tutorial cosegui perfeitamente
Muito Grato Felipe…
Ah da uma olhadinha ai e me diz o que achou…
http://dinomodas.com.br
Vlw T+
blz ta muito massa queria ver se tem como colocar