[3Ø&3]

E ae galera blz?

Seguinte, criei duas cenas, gostaria de saber como colocar um preload na cena 1 para carregar a cena 2 com porcentagem? Sendo que a cena um possue uma pequena animação.

Valew

[Fellipe Abreu]

Estou enviando um tutorial que tenho aqui em casa do Neto Leal.... Se você procurar na internet ou aqui nesse fórum mesmo, você vai achar uma infinidade de tipos de preloader... é só procurar...

------------------

Pré loader completo

Criando um Pre-Loader Completo
Nós estamos acostumados a encontrar por aí vários tipos de pre-loaders, mas sempre tem algum que você para e se pergunta: "Como é que ele fez isso?"
Bom, o que vamos fazer aqui, é um pré-loader que mostra para o usuário os seguintes itens:

1 - Barra de progresso;
2 - Percentual Carregado;
3 - Quantidade de Kb Lidos;
4 - Quantidade de Kb Restantes;
5 - Quantidade de Kb Total;
6 - Taxa de transferência;
7 - Tempo Total Previsto;
8 - Tempo Decorrido;
9 - Tempo Restante.

Ufa ! é muita coisa hein?
Vamos lá ! mão na massa!

A primeira coisa que temos que fazer, é criar um movie clip que irá conter todo o processo do carregamento.

- Pressione Ctrl+F8 (em algumas versões é Alt+F8) para criar um novo Símbolo.
- Marque o behavior "MovieClip" e de a ele o nome de "loader_total" e clique em ok.

Nesse momento você deve estar na área de edição do MovieClip "loader_total" com o frame 1 selecionado e vazio.
Muito bem, agora vamos fazer a nossa barra de progresso.

1 - Com a ferramenta Retângulo selecionada, desenhe um retangulo na forma da sua barra de progresso (com contorno)
2 - Selecione apenas o preenchimento da barra (sem o contorno) e Recorte (Ctrl+X)
3 - Crie uma nova Layer e arraste para baixo da layer que se encontra o contorno que sobrou.
4 - Com a nova layer selecionada, pressione Ctrl+Shift+V para colar o preenchimento exetamente no local de onde foi recortado.
Esse procedimento foi feito para que quando transformar-mos o preenchimento em movieClip, ele fique atras do contorno. O que não aconteceria se estivéssem na mesma layer.
5 - Selecione apenas o preenchimento que nesse momento deve estar em uma layer separada e pressione F8 para transformá-lo em símbolo.
6 - Marque o behavior "MovieClip" e de o nome de "loader_barra". Defina o Registration dela como "centro à esquerda" e Clique em Ok.
7 - Mantenha a barra selecionada e pressione Ctrl+F3 para que apareça o painel properties.
8 - No painel properties, aplica àbarra o nome de instância com sendo "mcBarra".
9 - Crie 8 caixas de texto dinâmicas e aplique a elas os seguintes nomes de instância:
tPerc
tKbl
tKbr
tKbt
tTaxa
tTmpTotal
tTmpDec
tTmpRest

Agoravamos a melhor parte. o CÓDIGO!
- Crie uma layer acima de todas e aplique a ela o nome de "Ações"
- Com o frame 1 da layer Ações selecionado, abra o painel Actions e no modo Expert faça o seguinte Script:

//Primeiro paramos a execução do filme enquanto é carregado
_parent.stop();

//Atribuimos ao evento onEnterFrame da barra toda a funcionalidade do loader
mcBarra.onEnterFrame = function(){
var bytesL = _parent.getBytesLoaded(); //Quantidade de bytes carregados
var bytesT = _parent.getBytesTotal(); //Quantidade de bytes carregados
var miliSec = getTimer(); //Quantidade de milisegundos decorridos
var sec = miliSec/1000; //Quantidade de segundos decorridos
var kbL = bytesL/1024; //Calculamos a quantidade de Kbytes lidos
var kbT = bytesT/1024; //Calculamos a quantidade de Kbytes total
var kbR = kbT - kbL; //Calculamos a quantidade de Kbytes Restantes
var Taxa = kbL/sec; //Calculamos a Taxa de transferencia na unidade Kbytes por Segundo
var tmpRest = kbR/Taxa; //Tempo restante baseado na Taxa de transferencia
var tmpTot = kbT/Taxa; //Tempo Total baseado na Taxa de transferencia

//Abaixo mostramos os valores na tela
this._xscale = bytesL/bytesT*100; //Definimos o percentual da largura da barra de progresso

//A partir daqui, tudo é sugestivo ... estamos mostrando os valores calculados
//O detalhe é que usamos o "Math.round" para arredondar os valores e ficar mais agradável visualmente
tPerc.text = Math.round(this._xscale) add " %";
tKbl.text = Math.round(kbL) add " Kb";
tKbr.text = Math.round(kbR) add " Kb";
tKbt.text = Math.round(kbT) add " Kb";
tTaxa.text = Math.round(Taxa) add "Kb/s";
tTmpTotal.text = Math.round(tmpTot) add " s";
tTmpDec.text = Math.round(sec) add " s";
tTmpRest.text = Math.round(tmpRest) add " s";

//Finalmente testamos se o carregamento chegou a 100% da largura da barra.
//O que indica que chegou ao fim do processo do loading
if(Math.round(this._xscale) == 100){
delete this.onEnterFrame; //Para o evento da barra
_parent.play();//Continua a execução do filme principal
}
}

Claro que esse código poderia ser mais "econômico" mas assim fica mais didático.
Tudo o que você precisa fazer para funcionar, é inserir o movieClip "loader_total" no frame em que deseja que a execução pare enquanto o filme carrega.

Autor: Neto Leal

--------------------------

Abraços,

Fellipe Abreu

[3Ø&3]

Valew cara...vou tentar criar um aki com esse tuto, e vou dar umas olhadas por ai também.

Valew mesmo....


FUI::::::::::::::::::::::

[fvr_sm]

Muito Bom , comigo funcionou certinho!!!
simples e prático!!!

valew!!! [SIZE=7]

[LM]

quando eu publiquei deu o seguinte erro




**Error** Symbol=loader_total, layer=ações, frame=1:Line 22: Syntax error.
tPerc.text = Math.round(this._xscale) add " %";

**Error** Symbol=loader_total, layer=ações, frame=1:Line 23: Syntax error.
tKbl.text = Math.round(kbL) add " Kb";

**Error** Symbol=loader_total, layer=ações, frame=1:Line 24: Syntax error.
tKbr.text = Math.round(kbR) add " Kb";

**Error** Symbol=loader_total, layer=ações, frame=1:Line 25: Syntax error.
tKbt.text = Math.round(kbT) add " Kb";

**Error** Symbol=loader_total, layer=ações, frame=1:Line 26: Syntax error.
tTaxa.text = Math.round(Taxa) add "Kb/s";

**Error** Symbol=loader_total, layer=ações, frame=1:Line 27: Syntax error.
tTmpTotal.text = Math.round(tmpTot) add " s";

**Error** Symbol=loader_total, layer=ações, frame=1:Line 28: Syntax error.
tTmpDec.text = Math.round(sec) add " s";

**Error** Symbol=loader_total, layer=ações, frame=1:Line 29: Syntax error.
tTmpRest.text = Math.round(tmpRest) add " s";

Total ActionScript Errors: 8 Reported Errors: 8

[Natan]

Troque os add por +.

[]s