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.
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.
[as]
reloj.onEnterFrame = function() {
time = new Date();
this.h = time.getHours();
this.m = time.getMinutes();
this.s = time.getSeconds();
this.segundo._rotation = this.s*6;
this.minuto._rotation = this.m*6+(this.s/10);
this.hora._rotation = this.h*30+(this.m/2);
}
[/as]
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.
Comentarios Total 9 comentarios
Publicado: 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
Publicado: 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.
Publicado: 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
Publicado: 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
Publicado: 07/02/2008 5:31 pm
muy buena pagina gracias
Publicado: 12/03/2008 9:36 pm
kreo ke deberiaz xplikar un poko maz el dezarrollo de la animazion… pero tu pagina ez exzelente amigo…
Publicado: 22/04/2009 9:33 pm
Hola,
Excelente elemento buen sitio saludos a todos sigan adelante
ciao
un saludos desde mexico
Publicado: 06/07/2009 11:47 am
no encontre lo q necesitaba…como hacer un reloj cn segundero en flash..bno I love you Jose!!
Publicado: 06/10/2010 11:00 am
me preguntaba si tenias el código para AS3