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á.
CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010 |