Arquivo da categoria: Flash

Pre-loader real em AS 2 [1 de 2]


Neste artigo vamos criar um pre-loader “real”.

Uma das melhores formas de se trabalhar no Flash, num site por exemplo, é ter um arquivo principal e nele carregar outros arquivos secundários. O pre-loader ficará no arquivo principal e ele carregará os outros.

Vamos começar desenhando os objetos e depois codificamos.

Barra de carregamento e conteiner:

Crie um retângulo do jeito que preferir no 1º frame do filme, de preferência que se pareça com uma barra de carregamento, transforme-o em Movie Clip* e escolha o Registration Point no ponto à esquerda.

O campo “Name” é o nome do Movie Clip  na biblioteca do Flash, eu particularmente gosto de colocar um prefixo “mc_” ( de Movie Clip) mais o nome.

Depois disso crie um retângulo maior e também o transforme em um Movie Clip, ele será o conteiner dos arquivos carregados.

* Pra transformar alguma forma/desenho num Movie Clip é só selecioná-lo e apertar F8 ou clique-inverso e “convert to symbol…” e depois selecionar Movie Clip.
ActionScript:

Dê o um nome de instância para os nossos 2 Movie Clips, sendo “bar_mc” e “conteiner_mc”, nesse caso eu usei o “_mc” como sufixo porque o Flash completará os códigos, mostrando funções e propriedades de um Movie Clip.

Se essa barra (Properties) não estiver a mostra, Ctrl + F3.

Agora o código que deverá entrar no primeiro ( e de preferência nosso único ) frame.

_root.bar_mc._xscale = 0;
var arquivo = ‘http://www.codigofonte.net/img/topo_n.jpg’;
var conteiner =_root.conteiner_mc;

var ml:MovieClipLoader = new MovieClipLoader();
var ouvinte:Object = new Object();

ouvinte.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void
{   
    _root.bar_mc._xscale = bytesLoaded / bytesTotal * 100;
}

ouvinte.onLoadInit = function(target:MovieClip) :Void
{
    trace(“Arquivo carregado com sucesso”);
}

ml.addListener(ouvinte);
ml.loadClip(arquivo, conteiner);

Na segunda parte seguem as explicações linha a linha desse código.

Até lá.

Enviado por: Marcelo
do Site: CódigoFonte.Net

Preloader para iniciantes


Abaixo vai um código de um preloader bem fácil, pra iniciantes.

A instancia barra é de um mc (movieclip) que você vai desenhar dentro dele uma barra preferencialmente rentangular (para aprender) alinhado a esquerda (dentro do mc, veja se sua barra está com o x igual a 0).

Se preferir, crie um campo de texto dinamico com a instancia de pct

Coloque esse código no primeiro quadro, e do segundo em diante, faça sua arte. Teste e veja.


stop();
onEnterFrame = function () {
    var total = getBytesTotal();
    var loaded = getBytesLoaded();
    var calc = ((100*loaded)/total);
    barra._xscale = calc; //barra
    pct.text = Math.floor(calc)+"%"; //porcentagem
    stop();
};

Obs.: recomento que no segundo quadro faça um mc PAI e dentro dele construa sua animação.

Até mais.

Load Com barra e porcentagem no flash


Bem vamos lá!

Abra o seu Macromedia Flash.

Apenas desenhe uma barrinha  ________________  (de tamanho 200×19, por exemplo). Não há necessida de criar mais nada, apenas desenhe.

Após isto, tecle (F8) e tranforme um um clip de filme (ou movie clip), com o nome de carregador. Depois, na mesma camada que esta a barrinha, faça uma caixa de texto dinâmico (a caixa de texto dinâmico deve ter o mesmo tamanho da barrinha – 200×19), após fazer a tal caixa, na tab de propriedades (onde se muda o tamanho da fonte..), localize o campo chamado “var” e digite “porcentagem”. Feito isso, clique na sua barrinha que vc tranformou em movie clip, tecle F9 e coloque o seguite código:

onClipEvent (load) {
barra._xscale = "0"
total = _root.getBytesTotal();
_root.stop();
}
onClipEvent (enterFrame) {
carregado = _root.getBytesLoaded();
porcentagem = Math.floor((carregado/total)*100);
barra._xscale = porcentagem;
if (porcentagem == "100") {
_root.play();
}
_root.porcentagem = porcentagem + '% Carregado'; }

Estamos quase lá.

Apóst isto, vamos fazer com que o pre-load faça o que ele deveria, que é carregar a aplicação.

Vimos que seu carregador fica no 1º quadro, e a partir daí vem os quadros da animação. Pronto, no seguno quadro, você digita a ação “stop”, para que a animação pare alí, pois quem vai dar partida nela será o pre-load, mas apenas depois de carregar por completo.

Feito isto, basta teclar CTRL + ENTER para ver nosso pre-load.