jueves, 20 de diciembre de 2012

Tutorial flash: crear reloj digital flash (Muy fácil)

En el siguiente tutorial flash vamos a crear un pequeño reloj digital de manera muy sencilla y en pocos pasos:
Tutorial en video:
¿Vienes de youtube?

Ir directamente al código

1. Creamos un nuevo documento Action Script 2
2. Una vez abierto nuestro documento, creamos 3 capas:


3. En la capa 1 dibujamos lo que será en fondo de nuestro reloj. En mi caso he realizado un simple óvalo de color negro:
4. En la capa 2 utilizaremos la herramienta de texto y haremos el espacio donde se visualizará nuestra hora. Es importante marcar la opción texto dinámico y poner el nombre de instancia: reloj
 5. Ahora nos iremos a nuestra capa 3 y en el primer frame pulsamos F9 para que se nos abra el cuadro de código. En él, pegaremos el siguiente código:
Codigo:

time=new Date(); // time object
var segundos = time.getSeconds()
var minutos = time.getMinutes()
var horas = time.getHours()
if (horas<12) {
ampm = "AM";
}
else{
ampm = "PM";
}
while(horas >12){
horas = horas - 12;
}
if(horas<10)
{
horas = "0" + horas;
}
if(minutos<10)
{
minutos = "0" + minutos;
}
if(segundos<10)
{
segundos = "0" + segundos;
}
reloj.text = horas + ":" + minutos + ":" + segundos +" "+ ampm;


6. Nos vamos al segundo frame de nuestra capa 3 y sobre el pulsamos F6 para crear un fotograma clave vacío.
Sobre este fotograma haremos click en F9 para abrir el cuadro de código y en él introduciremos:

gotoAndPlay(1);

7. Nuestro reloj ya está listo. Pulsa Control + Enter para ver que tal quedó.

2 comentarios:

  1. Gracias me sirvio mucho...

    ResponderEliminar
  2. Oye me gustaria hacer un reloj con imagenes asi de este tipo. Como podria hacerlo? http://ekladata.com/u35yzq7Lw9t8Uk3arPSLoTs_mqw/verymany86.swf

    ResponderEliminar