Você está aqui: Home / animacao-web / preloader no flash usando as 2 0.html

Preloader no Flash usando AS 2.0

     

Olá galera,

depois de muito tempo estou aqui escrevendo mais um artigo e o primeiro de flash.

Bom vou passar como crio meu preloader no AS 2.0!

1 – Bom o primeiro passo é dado criando um arquivo novo no modo de Action Script 2.0;

tela inicial

2- Vamos criar dois [wiki]Movie Clips[/wiki] de preferência com a forma retangular  para simular uma barra de carregamento. Um dos dois MCs criaremos dentro de uma layer chamada mascara onde iremos  instancia- lo com o nome de mascara e clicando com o botão direito do mouse na layer selecione a opção mask.

Na sequencia criamos uma segunda layer com o nome barra que será subordinada a layer mascara e instancio o segundo Movie Clip com o nome de barra.

telaElementos

3 - Instanciados os Movie Clips, estaremos criando uma layer com o nome AS onde iremos codificar nosso preloader, clico no primeiro frame dessa layer e aperto F9 para abrir a tela da action!

No código a seguir eu defino  as variáveis e as classifico como Movie Clip, o this.onEnterFrame  executa a função de checar o swf naquele frame se responsabilizando de checar quando o resto do swf estiver carregado.

stop();

//Declaração das variáveis

var barra:MovieClip;
var mascara:MovieClip;

//this.onEnterFrame, executa uma função para checar o swf naquele frame

this.onEnterFrame = function() {
var tot = Number=Math.round(getBytesTotal()/1024);
var car = Number=Math.round(getBytesLoaded()/1024);
var por = Number=Math.round(car/tot*100);
var invert = Number=Math.round(100-por);
//
mascara._width=por;

if (por == 100) {
gotoAndPlay(2);
this.onEnterFrame = underfined;
}
};

Feito isso, igualo x e y dos dois MCs e em seguida  seleciono o frame 2 da mesma layer AS, aperto F6 para criar um novo keyframe, logo apos aperto F9 para abrir a tela de Action e digito o código stop();

Logo após crio uma nova layer e começo o meu projeto tranquilamente com meu preloader configurado!

OBS: Para testar o preloader crie uma uma nova layer e no frame 2 dessa novalayer insira fotos ou objetos que sejam pesados o bastante para que quando gere o swf vc consiga simular em uma conexão mais lenta!

Arquivo para download.

Bom pessoal
Até a próxima!!!
See You!!

One Response to Preloader no Flash usando AS 2.0

Página 1 de 11
  • cara muito bom, eu usava um outro formato de preloader que sempre bugava o as das outras cenas.
    flw

    05/10Responder
    leo2505
Página 1 de 11

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>