Reloj sencillo en Flash..

En este tutorial aprenderemos a crear un sencillo reloj en flash sin muchas complicaciones..

Cabe recordar que este tutorial se ha hecho paso por paso en Macromedia Flash 8 :)

Abrimos el programa y comencamos a crear un nuevo documento con las siguientes dimensiones: 200px de ancho x 70px de alto..

Ahora renombremos la Capa 1 con el nombre de reloj haciendo doble click sobre ella.

Después de ello insertamos una nueva capa y la nombramos actions, esta nos servirá para poner todo el código que vamos a utilizar, así nuestro trabajo será mas organizado..


Click aqui para ampliar


Como siguiente paso hacemos click sobre la capa reloj y comenzaremos a dibujar el reloj, para esto crearemos tres cuadros de texto dinámicos, para crearlos usaremos la herramienta Texto que se encuentra en la parte izquierda del programa..

Para asegurarnos de que son textos dinámicos hacemos click sobre alguno para que se abra el panel de Propiedades..

En el mismo panel de Propiedades agregamos un nombre de instancia a cada cuadro así como se muestra en el ejemplo siguiente..

hora_txt (1er Cuadro de Texto)
minutos_txt (2do Cuadro de Texto)
segundos_txt (3er Cuadro de Texto)

Click aqui para ampliar


Insertaremos también dos cuadros de texto estáticos que digan " : " para separar la hora de los minutos y los segundos.
Dentro de los primeros cuadros que creamos ingresaremos dos ceros a cada uno..

Nos debe quedar algo parecido a esto..


Click aqui para ampliar


Ahora agregaremos las acciones que lo harán funcionar correctamente..

Seleccionamos el primer fotograma de la capa actions y presionamos la tecla F9 para abrir el Panel de Acciones. Copiamos y pegamos el siguiente código dentro del panel..

time = new Date();

onEnterFrame()

{

hora = time.getHours();

minutos = time.getMinutes();

segundos = time.getSeconds();

hora_txt.text = hora;

minutos_txt.text = minutos;

segundos_txt.text = segundos;

}

Presionamos Ctrl + E para probar nuestra película. Si eres buen observador podrás ver que muestra la hora pero no se actualiza.

Para esto debemos hacer una ultima cosa, debemos insertar un segundo fotograma, para esto hacemos click con el botón secundario de nuestro Mouse sobre el primer fotograma de cada capa y seleccionamos Insertar fotograma..


Click aqui para ampliar


Probaremos la película nuevamente tecleamos Ctrl + Enter y wuala¡¡ un reloj en flash terminado en menos de 10 minutos, sencillo pero de gran calidad :)..

Por supuesto puedes personalizarlo como tu quieras, puedes modificar su tamaño, su color o agregar una imagen de fondo..

Aqui el documento flash terminado..



Entradas relacionadas

Botón Flash con Sonido..
Cubo 3D con el Logo de tu Blog o Web..
Animacion en Flash: Movimiento de nubes..
Insertar archivos SWF en Blogger..
Trabajando con mascaras. Parte 1