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.

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 "

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 13/01/2006  HIGHLANDER escribió:
No me salio el tutorial del reloj. Quiza el problema esta al insertar el texto dinamico, podrian explicarme mas detalladamente como insertarlo

 Fecha: 14/01/2006  JAVIER1500 escribió:
La verdad es que no me gusto mucho para un principiante se le hace dficil llegar esa informacion deberian de documentar mas la pagina o dividir el tutorial en un archivo para descargas

 Fecha: 14/01/2006  ELQUIQUE escribió:
HIGHLANDER, en que parte del tuto tuviste problemas ? JAVIER1500 y tu ?

 Fecha: 14/01/2006  DSALOMON escribió:
exelente pero como se puede colocar las horas en formato de 12 y no de 24, agradeceria si tambien se puede colocar la fecha

 Fecha: 15/01/2006  DSALOMON escribió:
para insertar la fecha y hora del sistema en español escriban lo siguiente en el 1er. fotograma de la capa 1, en el panel de acciones: // 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

 Fecha: 17/01/2006  J84625 escribió:
hola mepueden alludar no se como hacer un menu me msn es jame369@hotmail.com

 Fecha: 27/01/2006  THEVINESRCA escribió:
como se puede hacer un reloj con 0 para que salga asi 14:04 y no 14:4

 Fecha: 08/02/2006  LUIS ALEJANDRO escribió:
Tengo un mapamundi dibujado plano como hacer un reloj que de la hora en cualquier lugar de el mundo , lo que quiero decir como hacer un reloj grafico

 Fecha: 08/02/2006  LUIS ALEJANDRO escribió:
rockclasic111@yahoo.es por fa ayudenmen con lo de el mapamundi y el resultado del reloj en el grafico

 Fecha: 13/02/2006  GEXUXO escribió:
No eh explorado bien esta pagina. soy usuario nuevo.. y me encantarias encontrar una guia utilizando el script de java aki en flash... espero y encontrarlo y si no pssss. ojala y no solo piensen en pornerlo si no ke lo lleven a cabo.

 Fecha: 13/02/2006  GEXUXO escribió:
No eh explorado bien esta pagina. soy usuario nuevo.. y me encantarias encontrar una guia utilizando el script de java aki en flash... espero y encontrarlo y si no pssss. ojala y no solo piensen en pornerlo si no ke lo lleven a cabo.

 Fecha: 20/02/2006  CARLOS TORRES escribió:
muy chido

 Fecha: 11/04/2006  LUIS ALEJANDRO escribió:
HOLA DE NUEVO QUE CAMBI SEÑORES ... SOY cOLOMBIANOA MUCHO oRGULLO ...PERO MI PREGUNTA NO ME LA HAN RESUELTO. ES LA E EL RELOJ CON EL MAPA

 Fecha: 11/04/2006  LUIS ALEJANDRO escribió:
SOY DISEÑADOR GRAFICO LA PAGINA TIENE BUENA INFO Y PARTE DEL DISEÑO ES BUENA . PERO SI LES CRITICO EL COLOR ROSA NO CREO QUE SEA JUSTIFICABLE PARA ESTA PAGINA

 Fecha: 22/04/2006  MAQUICHA escribió:
Excelente,lo probé quedo hermoso, muchas gracias, excelente, hermoso realmente.

 Fecha: 29/04/2006  STRYKER escribió:
ok todo bien, pero falta el reloj de manera mas grafica, asi con numeros no es muy productivo

 Fecha: 01/05/2006  FERNANDAGUIRRE escribió:
me parece muy útil este tutorial, soy nueva en este sitio, tengo un inconveniente. Cómo inserto el Reloj en mi animación sin que modifique la reprodución normal de la linea de tiempo. grax...

 Fecha: 09/05/2006  EGO69 escribió:
He intentado seguir el metodo de DSALOMON pero el resultado es nulo, soy novato y aumque se que posiblemente este ya suficientemente esplicado, podrias intentar esplicarlo para alguien que no tiene ni idea, pero que necesita insertar esta fecha. Muchas gracias.

 Fecha: 30/05/2006  LUIS ALEJANDRO escribió:
me gustaria que me dieran datos para hacer un reloj digital mas un estilo grafico de mapa mundial para saber la hora en ciudades importantes de el mundo gracias por fabor

 Fecha: 23/09/2006  RIGOBERTOHD escribió:
La verdad esta bueno el tuto me gusto gracias

 Fecha: 27/07/2008  MIKEL_3 escribió:
un buen tuto pero lo e echo y si con el macromedia le doy a vista previa pos sme sale bien pero yo aora quiero estraelo para ponerlo en mi web y era saber en que formato lo tengo que extraer

 
© Copyright 2001 - 2008
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.