RELÓGIO ANIMADO EM FLASH

Este tutorial não é apenas uma animação de relógio analógico, mas você aprende a usar um código
simples de Actionscript usando a função Time no Flash new Date () para fazer o relógio funcionar.
Depois de projetar o relógio e os ponteiros, e alinhar esses ponteiros, você abre a janela de ações para
adicionar o código que girará os ponteiros de acordo com a data atual em seu computador.

COMO ANIMAR UM RELÓGIO ANALÓGICO COM FLASH

Projete um rosto para o seu relógio, algo como você vê abaixo. Em seguida, transforme-o em um clipe
de filme e coloque-o no centro do documento. No meu caso, é X: 250 e Y: 200. Certifique-se de fazer
o clipe de filme com o registro central.

Agora, para os ponteiros. Basta desenhar uma linha e convertê-la em um clipe de filme. Nomeie-a
como “ponteiro”.
Agora, para os ponteiros restantes, basta desenhar uma linha e convertê-la. Você precisará editar o
clipe de filme do ponteiro original e mudar seu ponto central para um local um pouco acima da parte
inferior do relógio. Agora faça 3 cópias dos "ponteiros" da instância original e dimensione-os para
tamanhos diferentes, como os ponteiros de um relógio. Dê um nome de instância para o maior
“sec_mc“, ao do meio “min_mc“ e o mais curto “hour_mc“.

Coloque-os exatamente no centro do seu mostrador. Novamente eu uso X: 250 e Y: 200 para cada um
deles. Quando eu mudo as posições de X e Y, eu coloco o ponto de registro do pivô no centro do
mostrador. Esse ponto estará no centro quando as mãos girarem.
Adicione uma nova camada para o código actionscript. Escreva estas ações:

time = new Date();

hours = time.getHours();
min = time.getMinutes();
sec = time.getSeconds();
hour_mc._rotation = hours;
min_mc._rotation = min;
sec_mc._rotation = sec;

Nos códigos, primeiro configuramos um manipulador “new Date ()“. Com isso, obtemos horas, minutos
e segundos do sistema. Em seguida, definimos a rotação de nossas instâncias de mão com esses
valores. Agora, se você testar o filme, não conseguirá fazer o tempo passar, porque os tempos não
estão em graus. Precisamos primeiro convertê-los para graus. Portanto, esses códigos são necessários:

hours = hours*30;
min = min*6;
sec = sec*6;
Aqui temos alguns termos matemáticos. Em um relógio, o total é de 12 horas. Mas um círculo se
completa com 360 graus. Portanto, se dividirmos o círculo total pela hora total, obteremos uma
constante de 30. 360/12 = 30. Então, multiplicamos as horas por 30. Da mesma forma, temos 60
minutos e 60 segundos. Portanto, para os minutos e segundos, a constante é 6. 360/60 = 6. Portanto,
multiplicamos os segundos e os minutos por 6. Ainda temos alguns problemas. Se estivermos às
12h30, nosso ponteiro das horas ainda estará em 12. Portanto, para corrigir isso, precisamos deste
código:

hours = hours + (min/60);

Então, aqui dividimos os minutos por 60 e adicionamos isso às horas. Portanto, agora o ponteiro das
horas nos mostra cada minuto. Abaixo está o código final na janela de ações.

Agora você pode decorar o mostrador do relógio com números ou linhas para a hora e, em seguida,
testar seu filme. Se você seguiu o tutorial, deverá obter os segundos, minutos e horas corretos na
animação.