Reloj Digital con Flash
Tutorial Flash
Tutorial por JMX de Estilo Flash
A petición popular Jorge A. Castro nos enseña ahora a crear un Reloj Digital con flash mx 2004, de una manera muy sencilla.
Publicidad
Tomando en cuenta tus sugerencias me he dado a la tarea de investigar como hacer un reloj. En esta ocasión mostramos el tutorial de un reloj digital.
Tratare de hacer lo más sencilla posible la explicación. Comenzamos por crear un documento de dimensiones 110 px de ancho y 50 px de alto al cual le pondremos también un color de fondo como lo muestra la imagen.
El segundo paso es insertar un campo de texto dinámico con dimensiones 105 x 37.3 con tipo de línea única y en la casilla Var: escribir la palabra hora.
Ahora procedemos a crear una capa 2, para introducir en esta las acciones que controlaran a nuestro reloj digital. Selecciona el primer fotograma clave vacío y abre el panel de Acciones-Fotograma para introducir el siguiente código mydate = new Date();
hora = (mydate.getHours() +':'+mydate.getMinutes() +':'+mydate.getSeconds());
En el siguiente paso solamente insertar un segundo fotograma clave vacío esto lo hacemos presionando F7 o Insertar > Línea de tiempo > Fotograma clave vacío, y escribir en el panel de Acciones-FotogramagotoAndPlay(1);
Para finalizar con el tutorial solamente falta insertar un segundo fotograma en la capa 1 presionando F5 o Insertar > Línea de tiempo > Fotograma.
Hasta muy pronto espero que la explicación haya sido lo suficientemente simple.
Descarga los Archivos de este tutorial:
Para descomprimir necesitarás WinZip Macromedia Flash MX 2004
IMPORTANTE
" Los archivos fueron analizados con un antivirus actualizado, sin embargo recomendamos los analices con tu propio antivirus antes de abrirlos "
" En SoloPhotoshop.com No nos hacemos responsables de los daños o perjuicios que estos archivos puedan causar "
Si tienes dudas recurre a nuestro foro de ayuda con un clic aquí
Comentarios de Reloj Digital con Flash
↑ Tutorial
Highlander
2006-01-13 21:31
Quiza el problema esta al insertar el texto dinamico, podrian explicarme mas detalladamente como insertarlo
Responder
Javier1500
2006-01-14 11:31
Responder
elquique
2006-01-14 18:31
JAVIER1500 y tu ?
Responder
dsalomon
2006-01-14 19:31
Responder
Dsalomon
2006-01-15 21:31
// creo un formato de texto
format = new TextFormat();
format.font = "Arialblack";
format.color = "#FFFF00";
format.bold = true;
//creo un mc el cual contendra un textfield para la
//fecha y hora
_root.createEmptyMovieClip("mc", 1);
//creo un campo de texto para mostrar la fecha y hora
this.createTextField("hora_txt", 1, 0, 0, ', ');
this.hora_txt.autoSize = true;
this.onLoad = function() {
// creo un array para los dias en español
dias = new Array("Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado");
// creo un array para los meses en español
meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
};
this.onEnterFrame = function() {
// hacemos las operaciones respectivas para mostrar la fecha y hora
//creo el objeto date(); y utilizo sus metodos
tiempo = new Date();
dia = tiempo.getDay();
mes = tiempo.getMonth();
hoy = tiempo.getDate();
año = tiempo.getFullYear();
hora = tiempo.getHours();
minuto = tiempo.getMinutes();
segundo = tiempo.getSeconds();
// si son las 12 del medio dia o más tarde pero aún no son las 12 de la noche
if(hora>=12 && hora<=23){
meridiano = "pm";
} else {
meridiano = "am";
}
if (hora == 0) {
hora = "12";
}
// lo siguiente es para no mostrar la hora militar (asi lo llamamos en El Salvador)
if (hora>12) {
hora -= 12;
}
// lo siguiente es para evitar el movimiento desordenado de los números
if (hora<=9) {
hora = "0"+hora;
}
if (minuto<=9) {
minuto = "0"+minuto;
}
if (segundo<=9) {
segundo = "0"+segundo;
}
// unimos las variables, arrays, etc para mostrar la fecha y hora
this.hora_txt.text = dias[dia]+", "+hoy+" de "+meses[mes]+" de "+año+" / "+hora+":"+minuto+":"+segundo+" "+meridiano;
// aplicamos el formato de texto anteriormente creado
this.hora_txt.setTextFormat(format);
};
salomonpoder@gmail.com
Responder
j84625
2006-01-17 13:31
Responder
thevinesrca
2006-01-27 20:31
y no 14:4
Responder
luis alejandro
2006-02-08 10:28
Responder
luis alejandro
2006-02-08 10:28
por fa ayudenmen con lo de el mapamundi y el resultado del reloj en el grafico
Responder
gexuxo
2006-02-13 18:28
Responder
gexuxo
2006-02-13 18:28
Responder
carlos torres
2006-02-20 21:28
Responder
luis alejandro
2006-04-11 20:37
SOY cOLOMBIANOA MUCHO oRGULLO ...PERO MI PREGUNTA NO ME LA HAN RESUELTO.
ES LA E EL RELOJ CON EL MAPA
Responder
luis alejandro
2006-04-11 20:38
Y PARTE DEL DISEÑO ES BUENA . PERO SI LES CRITICO EL COLOR ROSA NO CREO QUE SEA JUSTIFICABLE PARA ESTA PAGINA
Responder
maquicha
2006-04-22 15:16
Responder
stryker
2006-04-29 20:31
Responder
fernandaguirre
2006-05-01 08:27
Cómo inserto el Reloj en mi animación sin que modifique la reprodución normal de la linea de tiempo.
grax...
Responder
ego69
2006-05-09 08:42
Responder
luis alejandro
2006-05-30 10:28
por fabor
Responder
rigobertohd
2006-09-23 11:44
Responder
mikel_3
2008-07-27 06:43
Responder
↑ Tutorial