Preloader no Flash




Passo 1: Crie 3 layers e coloque na seguinte ordem:
  • Actions
  • Barra
  • Barra_Fundo
Passo 2: na layer Barra, crie um retângulo no meio da sua stage. Escolha a cor de sua preferência. Depois disso copie este retângulo(crtl+c), e selecione a layer Barra_fundo. Na layer Barra_fundo clique com o botão direito do mouse sobre a stage e selecione paste in place(Crtl+Shift+V).

Passo 3: selecione o retângulo da layer barra e o converta em Movie Clip(F8). Coloque o nome dele como "barra". Vá em Properties e coloque o instance name do Movie Clip como “barra”, também.

Passo 4: ainda na layer barra, crie um bloco de texto e selecione Classic Text e Dynamic Text nas propriedades. Escolha Arial como fonte e o anti-alias como Use device font. Coloque o Instance name como perT.



OBS: Caso queira usar uma fonte diferente de Arial, não esqueça de usar o botão embed. Com ele selecione o Numerals e o Punctuation. Isso é necessário para que o usuário que for acessar o seu aplicativo em Flash possa ver os números e o símbolo de porcentagem.

Passo 5: selecione o retângulo que foi copiado na layer Barra_fundo e mude a opacidade de cor dele para 50%. Além disso, aumente as dimensões dele para que fique um pouco maior que o outro.

Passo 6: selecione a layer Actions e abra o painel Actions(F9). Digite o seguinte código no painel:

import flash.display.*;
import flash.events.ProgressEvent;

stop();

this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, carregando);

function carregando(event:ProgressEvent):void {
  var porcent:Number=event.bytesLoaded/event.bytesTotal*100;
  barra.scaleX=porcent/100;
  perT.text=int(porcent)+"%";
  if(porcent==100){
   this.gotoAndStop(2);
  }
}

Passo 7: Crie uma nova layer e coloque o nome dela como “conteúdo”. Crie um novo key-frame(F7) no segundo Frame e coloque todo o conteúdo que você quiser nesse Frame.

Passo 8: Pronto! O preloader deve funcionar normalmente. Para testar aperte Crtl+ENTER para visualizar o arquivo e Crtl+ENTER para ver o vídeo simulando o download.

Comentários

Postar um comentário