|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
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 hours = hours + (minutes/60); seconds = seconds*6; // calculating seconds sec._rotation=seconds; // giving rotation property Inserta un fotograma en el segundo fotograma de cada capa: y listo. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||