Reloj Analogico en Flash

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.

  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.

Comentarios Total 9 comentarios


Federico
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

unijimpe
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.

rosario del carmen
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

miguel
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

william
Publicado: 07/02/2008 5:31 pm

muy buena pagina gracias

mceskonex
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…

ramsesaguirre
Publicado: 22/04/2009 9:33 pm

Hola,

Excelente elemento buen sitio saludos a todos sigan adelante

ciao
un saludos desde mexico

Valentina L
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!!

Dalber
Publicado: 06/10/2010 11:00 am

me preguntaba si tenias el código para AS3

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)