Índice:

Como fazer um pré-carregador em Flash: 5 etapas
Como fazer um pré-carregador em Flash: 5 etapas

Vídeo: Como fazer um pré-carregador em Flash: 5 etapas

Vídeo: Como fazer um pré-carregador em Flash: 5 etapas
Vídeo: How to Create an Adobe Flash Preloader Screen 2024, Novembro
Anonim
Como fazer um pré-carregador em Flash
Como fazer um pré-carregador em Flash

Decidi tornar isso i'ble porque você NÃO PODE ACREDITAR quantas pessoas perguntam, "omgzorz como faço para fazer flash! 1 !!! um!" É realmente irritante. Tudo bem, vamos começar. Coisas que você precisa: Flash (estou usando CS3, mas você pode usar MX-CS4) Um computador Um teste de flash / cópia completa (que você pode obter aqui) Obviamente, abra o Flash e faça um novo arquivo Flash. Estou usando Actionscript 2, BTW.

Etapa 1: Adicionar camadas

Adicionando Camadas
Adicionando Camadas

Primeiro, temos que adicionar 2 camadas à linha do tempo. Um denominado "Ações" no topo e outro denominado … "Texto" ou "Barra" ou "Coisas". Em seguida, precisamos adicionar um Quadro-chave à camada Ações e um Quadro à outra camada. Em seguida, pegue a ferramenta Texto (T) e selecione Texto Dinâmico na caixa suspensa na caixa de propriedades, provavelmente já tem "Texto Estático" selecionado. Agora, desenhe um retângulo com a ferramenta Retângulo (R). certifique-se de que o preenchimento não seja branco. Faça o preenchimento do retângulo que você acabou de fazer um clipe de filme clicando nele uma vez e pressionando F8. Nomeie-o e certifique-se de que "Clipe de filme" esteja selecionado e o ponto de registro esteja no canto superior esquerdo antes de pressionar OK. ESTA PARTE É IMPORTANTE Selecione o clipe de filme que você fez e, na caixa de propriedades, você verá uma caixa de texto que diz "Nome da instância". Digite em loadBar. Pressione Enter. Em seguida, selecione a caixa de Texto Dinâmico que você criou anteriormente e desça até a Caixa de Propriedades. Você deve ver a caixa de texto do nome da instância novamente, clique nela. Desta vez, digite textBox. Pressione Enter.

Etapa 2: Tempo de codificação

Tempo de codificação!
Tempo de codificação!

Agora, vá para a camada "Ações". Clique no primeiro quadro. Pressione F9 e TYPE em (NÃO apenas copie e cole, seu preguiçoso. Se você fizer isso, nunca aprenderá realmente isso, que é o ponto.): Percent = Math.round (getBytesloaded () / getBytesTotal ()) * 100; textBox.text = percent + "%"; loadBar._xscale = percent; Vou explicar esta linha de código por line.percent = Math.round (getBytesloaded () / getBytesTotal ()) * 100; Cria uma variável que divide a porcentagem do flash já carregado pelo tamanho total do arquivo flash, depois o multiplica por 100 e o arredonda. textBox.text = percent + "%"; Exibe a porcentagem da variável na caixa de texto dinâmico que você fez.loadBar._xscale = percent; Altera a escala x do retângulo de acordo com a porcentagem.

Etapa 3: mais codificação

Mais codificação!
Mais codificação!

Agora, clique no segundo quadro-chave da camada "Ações". Pressione F9. DIGITE. Novamente, não copie e cole, você não aprenderá. Não é nem tanto. Lazy bum.if (percent == 100) {gotoAndPlay (3);} else {gotoAndPlay (1);} Explicação: if (percent == 100) {Isso diz se (condição) a porcentagem variável é igual a 100 (flash está carregado), então… gotoAndPlay (3); Vá para o Quadro 3.} else {Se a instrução if não for verdadeira, então… gotoAndPlay (1); Vá para o quadro 1.} Fecha a instrução if. Este código faz um "loop" até que o flash esteja totalmente carregado. Se a porcentagem da variável não for igual a 100, ela continuará voltando ao quadro um até que seja. É basicamente apenas verificar se o flash está carregado até o momento.

Etapa 4: Mais uma etapa …

Mais um passo…
Mais um passo…

Agora, apenas selecione o frame 3 e pressione F6. Adicione seu conteúdo, seja uma animação, um site ou uma imagem. BOM TRABALHO! Você acabou de fazer um pré-carregador!: D

Etapa 5: Pronto

Feito!
Feito!

Aproveite o seu pré-carregador, comente como ele foi bom ou ruim. Conte-me quaisquer problemas que você teve. Avalie, por favor.

Alguns próximos tuts podem ser … ah, eu não sei. fazendo um jogo. Um website. ninguém sabe… Obrigado por ver!

Recomendado: