Este tutorial ensina a criar um preloader que o actual tamanho (em bytes) do teu filme e mostra a verdadeira percentagem carregada.
Neste tutorial é necessário ter conhecimentos de Actionscript, saber utilizar MovieClip e nomear instances.
Vamos começar!
Exemplo
Objectos
MovieClip com o nome "redBar" (este MovieClip é a barra de progressão)
MovieClip com nome "percentContain" (vai conter a caixa de texto dinâmica)
Caixa de texto dinâmica com a variável de nome "percent" (isto exibe a percentagem do filme já carregada.
Criar os objectos
Passo 1
Criar um MovieClip com o nome "redBar". Será esta barra que irá aumentar sincronizadamente com percentagem carregada do filme.
Dentro do MovieClip criado desenha uma barra com o aspecto que quiseres e com 100 pixels de largura, centra-a. Volta à timeline principal e coloca-a sob influência de uma Mask.
Posiciona .
Passo 2
O filme consta de duas layers, numa delas está o interface gráfico, e na outra está a programação estruturada em 4 keyframes.
Primeira Keyframe
Na primeira keyframe insere as acções tal como estão na imagem:
Partimos do princípio que os ficheiros .swf, .htm e .txt estão na mesma pasta, caso nãoestejam, na janela URL terás que dar o caminho correcto para o ficheiro .txt.
Segunda Keyframe
Dá o nome ’Load’ à label desta frame. Agora aplica-lhe as seguintes funções:
If (text ne "")
gotoAndStop "end" (nota: end será a último frame)
End If
Terceira Keyframe
Aplica a seguinte programação:
gotoAndPlay "Load"
Quarta Keyframe
Insere na frame a action stop. Dá o nome ’end’ à label da frame. Cria uma text field que ocupe a zona onde queres que seja mostrado o texto, para fazer isto só tens que seleccionar a ferramenta de texto e activar o botão de text field. Uma vez criado o campo de texto, selecciona-o, carrega no botão direito do rato e selecciona "propriedades", depois da janela abrir insere as propriedades tal como na imagem seguinte:
E é isto! Já podes testar o teu filme!
No caso de não funcionar verifica o caminho do ficheiro .txt e o seu nome.
Está pronto, divirta-se.
Espero que tenham gostado.
Nenhum comentário:
Postar um comentário