Faça o download do arquivo para começar.
Vamos as Actions escreva na Layer AS
ActionScript
import flash.events.Event;
stop();
//variáveis
var Carrega:Number;
var Perc:Number;
Barra.addEventListener(Event.ENTER_FRAME, Carregando);
function Carregando(e:Event){
Carrega = stage.loaderInfo.bytesLoaded / stage.loaderInfo.bytesTotal;
Perc = Math.round(Carrega * 100);
Barra.scaleX = Carrega;
per.text = Perc + "%";
if(Perc == 100){
//quando chegar ao 100 remover a função e ir para o frame 2
Barra.removeEventListener(Event.ENTER_FRAME, Carregando);
gotoAndPlay(2);
}
}
Exemplo:
Fácil não? Bom é isso.
Bons estudos e até a próxima
Abraço
Autor: Thiago Bueno
Thiago Bueno: Meu nome é Thiago Bueno, trabalho na area de desenvolvimento Web, atualmente no desenvolvimento de sistemas em PHP.
Trabalhando como Freelancer
Uma idéia legal é o seguinte colocar nesse Movie Clip Barra uma animação de 100 frames, esta animação ira percorrer até o momento que o site carrega, por exemplo:
Uma barra vertical, bolinhas que aparecem a medida que carrega, caixinhas que caem, etc
e depois substituir
barra.scalex = carrega;
por
barra.gotoAndStop(carrega);
assim a animação ira rodar a medida que o site se carrega, usando esse método eu posso por exemplo criar uma animação onde uma bolinha muda de cor quando chega a 20% depois outra a 40% depois outra a 60% e a 80% e finalmente 100%
responder - útil - 08/03/2010 às 12:14
Eu fiz o Tuto e a barra funcionou direitinho... Mas a imagem na aparece no frame2
responder - útil - 13/05/2010 às 11:40
Uma maneira melhor de fazer isso, sem o enterframe, é usando um listener para os eventos PROGRESS e COMPLETE de um objeto LOADER... Assim ele vai continuar executando até encontrar o COMPLETE.
responder - útil - 20/05/2010 às 15:55
Oi Thiago!
pergunta?? no meu desk funciona perfeito, quando eu simulo o download, agora quando esta online nao funciona, sera que estou fazendo alguma coisa errada??
obrigada
Sol
responder - útil - 02/06/2010 às 10:22
Ótimo tutorial parabéns!!!
responder - útil - 07/06/2010 às 22:31
Fala Thiago.... faz um tempo ja o ultimo e-mail que te mandei.
Fiz o tuto do player e do preloader, vc me ajudou bastante via e-mail.... ja agradeci umas 10 vezes, mas vou agradecer de novo...rsrsrs....
Na época estava começando, mas ja melhorei bastante!
Ainda falta muito, mas pelo menos rolou um progresso. rsrs...
Estou mandando esse e-mail só para dar um salve, deixei o site nos meus favoritos, sempre entro... mas acredito que você deve estar com bastante trampo... graças a deus... e uma pena para os alunos...rsrsrs...
Estava dando uma olhada nos tutos do flashmaster e o rockplay também ta meio paradão...rsrsrsrsrs....
abraço cara... fica com deus....
responder - útil - 19/06/2010 às 18:28
Meu site estará no ar em breve e estou a procura de pessoas que me enviem tutoriais, que serão colocados no ar com seus devidos nomes e links de seus sites. Pesso que enviem tutoriais sobre flash, php, html, css, photoshop, dreamweaver, fireworks e se possível de programas da microsoft também.
Grato.
responder - útil - 19/08/2010 às 16:28
No compiler deu "Access of undefined property Barra".
O que houve?
Obrigada,
Adriana
responder - útil - 25/08/2010 às 12:00
Olá. é minha primeira vez aqui.
O meu programa não deu certo sempre da erro de copilação.
1119: Acesso de propriedade possivelmente indefinida loaderInfo por meio de uma referência com tipo estático Class.
1119: Acesso de propriedade possivelmente indefinida text por meio de uma referência com tipo estático Number.
Warning: 1072: Problema de migração: Number não é uma classe dinâmica. Não é possível adicionar membros a instâncias dinamicamente.
uso o flash cs4
meu código trancrevido
fico grato pela ajuda
stop();
var Carrega:Number;
var Perc:Number;
Barra.addEventListener(Event.ENTER_FRAME, Carregando);
function Carregando (e:Event):void {
Carrega = Stage.loaderInfo.bytesLoaded/Stage.loaderInfo.bytesTotal;
Perc = Math.round(Carrega *100);
Barra.scaleX = Carrega;
Perc.text = Perc + " % ";
if(Perc == 100){>
Barra.removeEventListener(Event.ENTER_FRAME, Carregando);
gotoAndPlay(2);
}
}
responder - útil - 07/10/2010 às 08:47
Cara gostei de ter ajudado muitos com esse tutor...
Acho que o meu deu um errinho
quando executado aparece a msg
"Fonts should be embedded for any text that may be edited at runtime, other than text with the "Use Device Fonts" setting. Use the Text > Font Embedding command to embed fonts."
e fica no palco pontinhos como se estivessem carregando
me diz qual o erro manda la no meu E-mail
meu script tá:
stop();
var carrega:Number;
var perc:Number;
barra.addEventListener(Event.ENTER_FRAME, carregando);
function carregando(e:Event): void{
carrega = stage.loaderInfo.bytesLoaded / stage.loaderInfo.bytesTotal;
perc = Math.round(carrega * 100);
barra.scaleX = carrega;
per.text = perc + "%";
if(perc == 100){
barra.removeEventListener(Event.ENTER_FRAME, carregando);
gotoAndPlay(2);
}
}
responder - útil - 16/10/2010 às 18:29
O meu deu o mesmo problema do Ricardo
aparece pontinhos ao inves do preloader
ja tentei com diversas formas de preloader e eh sempre a mesmma coisa...
obrigado
responder - útil - 30/11/2010 às 12:55
Seria muito útil um tutorial para preloader inicial em uma classe AS3 para um site.
Pode ser apenas com porcentagem.
O interno para os links do menu (páginas) eu tenho, mas não sei como adicionar o que antecede a exibição da "home".
responder - útil - 02/01/2011 às 01:10
Blz.
....boa de mais e simples.....valew
responder - útil - 01/05/2011 às 09:05
o meu não deu certo não ;~~
responder - útil - 25/05/2011 às 00:24
Muito Mara.
Vou fazer isso na versão 2 do Supernatural Room Of The Deads.
Obrigado e ótimo trabalho.
responder - útil - 17/07/2011 às 17:22
Muito boom cara!
responder - útil - 28/08/2011 às 23:57
Cara não sei porque mas no meu já vai do 40% pro 100%
responder - útil - 22/12/2011 às 09:19
Cara isso provavelmente acontece por que no final do seu movie tem alguma imagem muito pesada ou tipo no ultimo quadro tem muita informação.
responder - útil - 20/01/2012 às 10:09