Primeiro de tudo temos de nos preparar para uma conexão Dial Relógio analógico. Você pode usar qualquer ferramenta Criando para fazê-lo. Vou usar o Photoshop e para criar o dial do relógio analógico:
Etapa 2:
Agora abra o Flash e tomar novo arquivo de tamanho 500 × 500 px e importe esse dial para a Terceira Fase (Ao executar o comando Arquivo (File) > Importar (Import) > Importar para o palco (Import to Stage) ou simples pressione Ctrl + R e selecione o arquivo JPG).
Etapa 3:
Agora temos que preparar 3 Needles, ou seja, 1 pro segundos (um pouco maior mas mais fino), depois de uma Acta (menores que segundos, mas mais grosso) e, em seguida, um para as horas, (menores que segundos e minutos, mas mais grosso). Então eu vou tomar 3 clipes de filme para estas três agulhas. Execute o comando Inserir> Novo Símbolo e quando a caixa chegou, escrever qualquer nome e selecione Movie Clip da caixa de lista Tipo e clique em OK:
Etapa 4:
Desenhe uma agulha de segundos do seu próprio desejo, eu fiz isso:
Fiz esse círculo apenas para o alinhamento, vou remover esta tarde.
Etapa 5:
Agora, novamente, ter um novo símbolo (Inserir>> New Symbol), para a Acta da agulha e fazer Acta da agulha:
Eu fiz esta agulha:
Etapa 6:
Nos últimos tomar outro Símbolo (Insert> New Symbol) para Horas agulha:
Eu fiz esta agulha:
Etapa 7:
Agora temos de colocar estas três agulhas em outro clipe de filme, tome outro novo símbolo, ao executar o comando, Insert> New Symbol e colocar esses três agulhas de Biblioteca em símbolo recém-tomada:
Depois de colocar todos os três agulhas nele, antes de tudo selecione cada agulha, um por um e dar-lhe um nome de instância, selecionando-o e indo para o Painel de Propriedade e escrever o nome na caixa Nome da Instância, tenho dado nome à Seconds agulha como ndlsc, Minuto de agulha, como ndlmn e agulha Horas como ndlhr.
Agora ajustar todas essas três agulhas de modo a que os círculos devem vir uns sobre os outros. Segundos agulha deve estar no topo, então Acta de agulhas e seringas Horas depois, nos últimos:
Etapa 8:
É hora de dar ActionScript sobre isso agora. Embora permanecendo dentro de todas as agulhas Movie Clip, Take nova camada e clique no primeiro frame e pressione F9 para trazer de Acção do painel e escrever esses códigos dentro dele:
abc = new Date(); a = abc.getHours(); b = abc.getMinutes(); c = abc.getSeconds(); d = abc.getMilliseconds(); e = a + (b/60) + (c/3600) + (d/3600000); f = b + (c/60) + (d/60000); g = c + (d/1000); setProperty (ndlhr, _rotation, e*30); setProperty (ndlmn, _rotation, f*6); setProperty (ndlsc, _rotation, g*6);
Etapa 9:
Clique no segundo quadro e F6 para fazer Keyframe e escrever essas ações no painel do ActionScript:
gotoAndPlay(1);
Etapa 10:
Agora volte a cena novamente e cole este clip filme (todos os de agulha) no palco, tomando nova camada sobre todas as outras camadas. Ajuste o círculo vermelho sobre o círculo cinza da imagem Dial, de modo que a agulha deve ser centralizado. Após os ajustes que você pode remover círculo vermelho indo dentro de todos os clipes um por um. Agora pressione Ctrl + Enter e você verá a animação. Divirta-se!!
Fonte: http://www.flashperfection.com/tutorials/Smooth-Analog-Clock-in-Flash-45978.html
Download: http://www.stunningmesh.com/wp-content/uploads/2010/08/stunningmesh-analog-clock.zip
Nenhum comentário :
Postar um comentário