Reloj Analogico en Flash

  • 23/07/2007
  • 8:07 am
  • unijimpe

En esta ocasión crearemos un reloj analógico hecho en Flash con ActionScript, el cual lo podemos incluir posteriormente en nuestra web u proyecto. La idea básica es tomar la hora del sistema, luego basado en este dato posicionar el horario, minutero y segundero.

Cargando Flash

Elementos Gráficos
Lo primero es crear los elementos gráficos, el fondo del reloj, el horario, minutero y segundero, para estos tres últimos es necesario que estén posicionados en (0,0) y estar apuntando hacia arriba. Todos estos elementos lo incluimos en un movieclip llamado reloj.

Implementado en Reloj
Lo primero es tomar la hora del sistema, para lo cual creamos una variable del tipo Date, con lo cual podemos tomar los valores de la hora, minuto y segundo. Lo siguientes es posicionar las aguijas del reloj, esto se hace utilizando la propiedad _rotate que rota un movieclip en un angulo deseado.

Actionscript:
  1. reloj.onEnterFrame = function() {
  2.     time = new Date();
  3.     this.h = time.getHours();
  4.     this.m = time.getMinutes();
  5.     this.s = time.getSeconds();
  6.     this.segundo._rotation = this.s*6;
  7.     this.minuto._rotation = this.m*6+(this.s/10);
  8.     this.hora._rotation = this.h*30+(this.m/2);
  9. }

Como una nota adicional, este reloj esta basado en el uso de onEnterFrame el cual ejecuta las sentencias a la velocidad de los frames por segundo de la película. Un valor recomendable es de 30 fps.

Posts Relacionados

Total de Comentarios: 6

Publicidad
Federico
23/07/2007
10:01 pm

Hola, muy bueno el articulo. Solo me surgio una duda, no seria mejor que esa función se ejecute una sola vez por segundo?

Saludos y gracias de nuevo

unijimpe
25/07/2007
9:21 am

Por supuesto que lo podrías hacer de esta forma, para ello puedes utilizar la función setInterval y que se ejecute cada un segundo, yo utilice es ta forma pues si le aumentas la cantidad de frames por segundo el segundero se verá mucho mas fluido.

rosario del carmen
13/08/2007
9:34 pm

hola
esta muy buena la pagina
ojala sgan subiendo cosas asi como estass
saludos ami familia de san rosendo
de puncurabi
que los quiero mucho
adios

miguel
23/11/2007
3:56 pm

esta muy bin la pagina pero siento que le hacen falta scripts para la autentificación de usuarios por medio de una bd

william
07/02/2008
5:31 pm

muy buena pagina gracias

mceskonex
12/03/2008
9:36 pm

kreo ke deberiaz xplikar un poko maz el dezarrollo de la animazion… pero tu pagina ez exzelente amigo…

Enviar Comentario

(*)

(*)