Tecnología

Inicio

Cómo crear un reloj analógico en flash

Cómo crear un reloj analógico en flash


Un reloj añadido a un sitio web le da un aspecto más profesional. Con el fin de dar tiempo exacto, el reloj del sistema tiene que ser correcta, ya que es lo que se tira y se refleja en el reloj flash. Flash 8 recupera el reloj del sistema y lo muestra en una aplicación Flash utilizando código ActionScript. Se necesitan muy pocas líneas de código para hacer un reloj analógico. Un diseño del reloj se puede crear utilizando las herramientas de dibujo o mediante la importación desde otra aplicación como Photoshop.

Instrucciones

Diseño del reloj analógico

1 Seleccione "Nuevo" para iniciar una nueva página de Flash.

2 Haga clic derecho en el lado derecho de la línea de tiempo situada encima del escenario y seleccione "Insertar capa" en el menú desplegable. Aparece una nueva capa etiquetada "Capa 2".

3 Haga doble clic sobre la primera capa y cambiarle el nombre "acciones". Esta es la capa donde vamos a insertar nuestro código ActionScript que activará el reloj.

4 Haga doble clic en "Nivel 2" y cambiarle el nombre "Interfaz".

5 Insertar otros tres capas y nombrarlos \ "segundos, \" \ "Minutos \" y \ "Horas. \" Use el procedimiento anterior para crear y cambiar el nombre de las nuevas capas.

6 Haga clic en el fotograma 1 de la capa de "Interface \" y dibujar la interfaz de reloj. Esta es la forma del reloj. Alternativamente, se puede copiar el diseño de fondo en este marco si se ha creado en otro lugar.

7 Haga clic en el fotograma 1 de la "segundos \" capa y dibujar una línea recta.

8 Seleccione la línea y presione F8. Seleccione "imagen en movimiento" entre las opciones que aparecen con el nombre "Segundos" bajo el campo "Nombre". Seleccione el cuadrado central inferior en la sección "Registro".

9 Presiona OK."

10 Seleccione la línea (ahora "Segundos") y la posición en el centro del diseño del reloj.

11 Nombre de "segundos" a "Sec_mc" bajo el cuadro de texto instancia situada debajo del escenario en la sección "Propiedades". Se trata de los "segundos \" \ aguja.

12 Haga clic en el fotograma 1 de las "Actas \" \ capas.

13 Tomar "Segundos" de la Biblioteca (Ctrl + L para abrir la biblioteca) y colocarlo en el diseño del reloj. Posición de manera apropiada como el \ "\" aguja de segundos y reducirlo en tamaño, más corto que el \ "\" agujas segundos. Este es el \ "Minutos \" aguja.

14 Haga clic en el fotograma 1 de las "Horas \" \ capas.

15 Arrastre el "segundos" imagen en movimiento fuera del panel Biblioteca. Reducir su tamaño, más corto que el "Acta \" \ aguja. Este es el \ "Horas \" aguja.

dieciséis Haga clic en el fotograma 1 de la "Acciones \" \ capa y presione F9.

17 Copia y pega el siguiente código en la página que aparece:

tiempo = new Date ();
time.getSeconds segundos = ()
time.getMinutes minutos = ()
time.getHours horas = ()

horas = horas + (minutos / 60)
IR

segundos = segundos

6;
minutos = 6 minutos;
horas = horas * 30;

sec._rotation = segundo
IR
min._rotation = minuto
IR
hour._rotation = horas;

18 Pulse \ "Ctrl + Enter \" para ver el reloj.