Veja também

Related Posts Plugin for WordPress, Blogger...

Redes Sociais

sexta-feira

Relógio Analógico em Flash

Etapa 1:

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