Hacer de WebProgreso tu página de inicio Agregar a favoritos Contáctenos Acerca de WebProgreso
Creación de un reloj análogo en Flash
         
En este tutorial, basado en el Flash MX 2004, aprenderán a crear un reloj análogo, como el que se muestra a la derecha. Es muy fácil y rápido de crear, y además le pueden dar el diseño que deseen ya que el fondo es un imagen creada por uno mismo. Pueden descargar los archivos de cómo realizamos este tutorial, incluido el archivo .fla aquí.
   
         
Procedimiento:

1)Crea 5 capas, y llámalas: interface, sec, min, hour y actions.
2) Crea una imagen que será el fondo del reloj e impórtalo en la capa interface.
3) Dibuja una línea vertical en la capa sec, y conviértela en símbolo (F8). Elige la opción Movie Clip, llámalo: sec_mc y en el registro selecciona el cuadro inferior central.
4) En la capa sec, coloca sec_mc en el centro del reloj y en el nombre de instancia coloca: sec.
5) Coloca sec_mc en la capa min, desde la biblioteca, reduce su longitud unos 3px y colócalo justo en el centro del fondo del reloj. En nombre de instancia llámalo: min.
6) Coloca sec_mc en la capa hour desde la biblioteca, reduce su longitud en unos 5 a 6 px. Colócalo justo en el centro del fondo del reloj, y en nombre de instancia llámalo: hour.

7) Coloca la siguiente acción al primer fotograma de la capa actions:

time=new Date(); // time object
seconds = time.getSeconds()
minutes = time.getMinutes()
hours = time.getHours()

hours = hours + (minutes/60);

seconds = seconds*6; // calculating seconds
minutes = minutes*6; // calculating minutes
hours = hours*30; // calculating hours

sec._rotation=seconds; // giving rotation property
min._rotation=minutes; // giving rotation property
hour._rotation=hours; // giving rotation property

Inserta un fotograma en el segundo fotograma de cada capa: y listo.

   
 
                     
         
   
WebProgreso | Acerca de | Contáctanos | Sitio por Sebastián Largo
df