segunda-feira, 13 de agosto de 2007

Tutorial 2: Relógio analógico

Outro relógio! Aproveitando o tutorial do relógio anterior, fiz algumas alterações para criar este relógio analógico.



Leia mais! * Montagem
Crie a figura do relógio sem os ponteiros.
Transforme-a em símbolo de filme (F8).
Crie um novo filme para o ponteiro das horas (Ctrl+F8).
Nesse símbolo, desenhe o ponteiro das horas partindo do centro (cruz) para cima.
Volte para o documento (Ctrl+E).
Na biblioteca de símbolos (Ctrl+L), instancie (clique e arraste para o palco) um símbolo de hora. Posicione o ponteiro da hora no centro do relógio, marcando 12 horas.
Altere o nome da instancia na janela de propriedades para 'hora'.
Repita o procedimento para os ponteiros de minuto e segundo.

* Programação
Na timeline, clique no frame 1.
Abra a janela de ActionScript (F9) e digite:
onEnterFrame = function() {
tempo = new Date();
hora._rotation = tempo.getHours()%12*360/12;
minuto._rotation = tempo.getMinutes()*360/60;
segundo._rotation = tempo.getSeconds()*360/60;
}

* Comentários
Limitei o valor das horas para 12 (%12) antes de transformá-la em graus.