Los Tres Ideotas

DISEÑO Y PROGRAMACIÓN DE UN RELOJ ANÁLOGO
Empezar por hacer un documento de dimensiones de 200*200 píxeles de ancho y alto respectivamente, como color de fondo usar #CCCCCC

Crear un nuevo símbolo (ctrl + F8) nombrarlo horas y de comportamiento Clip de película

Una vez instalados en el símbolo hacer un rectángulo de 7.0*65.0 píxeles sin borde y como color de relleno usar el #000000, colocareste rectángulo en coordenadas X = -3.6  Y = -62.3.

Crear otro símbolo (ctrl. + F8) y a este nombrarlo minutos y de comportamiento Clip de película.

En este símbolo crear el diseño del segundero con la ayuda de la herramienta rectángulo. Este debe de tener una altura de 94.1 píxeles colocar el dibujo en coordenadas X = -2.0  Y = -90.9.

Crear un símbolo más (ctrl. + F8) y nombrarlosegundos y de comportamiento Clip de película.

Por ultimo dibujar el segundero este deberá de contar con una altura de 101 píxeles, colocar el dibujo en coordenadas X = -3.0 y Y = -98.0.

En el siguiente paso crear el símbolo (ctrl. + F8) en el cual se diseñara propiamente el reloj análogo.

Para el diseño del reloj se dibujaran tres círculos sin relleno, el primero será de 193.0*193.0 píxeles yborde de color #000000 colocarlo en coordenadas X=0.0 y Y=0.0, el segundo será de dimensiones 186.0*186.0 píxeles y de borde de color #666666 colocar este en coordenadas X = 4.0 y Y = 4.0 y el tercer circulo no contendrá borde y deberá de tener dimensiones 170.0*170.0 píxeles y de color de relleno usar un degradado que va de #E3E3E3, #9D9D9D y #828282 colocarlo en coordenadas X=12.0 y Y=12.0.Nota: el tamaño de las manecillas así como las coordenadas en las que están colocadas son adaptables solamente para este reloj.

Insertar dos capas más a la primera nombrarla numeros-puntos y a la segunda manecillas. Arrastrar desde la biblioteca el símbolo segundos escribir como nombre de instancia segundo, girarlo -120.0º (para hacer visible el panel de transformar presionar ctrl. + T), luegocolocar el símbolo en coordenadas X = 11.5 y Y = 93.3 en la parte en donde quede la manecilla ahí colocar el punto que marque las ocho. Para colocar cada uno de los puntos girar 30º la manecilla del segundero y luego regresar al punto original (centro) el segundero, esto es para el 1 girar 30º, para el 2 girar 60º, para el 3 girar 90º, para el 4 girar 120º, para el 5 girar 150º para el 6 girar 180º.después del 6 restar 30º, o sea -150º, -120º, -90 etc.

Una vez colocados todos los puntos y números arrastrar el símbolo minutos e insertarlo en la capa manecillas, escribir como nombre de instancia minuto, colocar el símbolo en coordenadas X = 93.5 y Y = 7.0.

Y por ultimo arrastrar el símbolo horas y colocarlo en la capa manecillas escribir como nombre de instancia hora colocar el símbolo encoordenadas X = 93.5 y Y = 93.5.

Regresar a la escena y arrastrar desde la biblioteca el símbolo reloj, como nombre de instancia escribir clock y colocarlo en coordenadas X = 5.0 y Y = 5.0

Por ultimo seleccionar el fotograma y en el panel de Acciones – Fotograma escribir el siguiente código. Con esto se da por concluido el tutorial y como siempre espero que sea útil para sus páginas web.clock.onEnterFrame = function() {
clock = new Date();
seconds = clock.getSeconds();
minutes = clock.getMinutes();
hours = clock.getHours();
this.segundo._rotation = seconds*6;
this.minuto._rotation = minutes*6;
this.hora._rotation = (hours*30)+(minutes/2);
};

P.D. Presionar ctrl. + enter para visualizar resultado final.
Modelo Con Efecto Scroll Programada Con Botones
1-. Comenzar por hacer eldocumento (ctrl. + J) el cual servirá para publicar la película.
a)-. Las dimensiones empleadas en esta ocasión son 550 * 520 píxeles de ancho y alto.
b)-. Color de fondo seleccionado es #B4B4B4.
c)-. La velocidad de fotogramas en este tutorial es de 30 fps.

2-. Crear el primero de los símbolos (ctrl. + F8) que será empleado en este tutorial.
a)-. Colocar como nombre botón.
b)-. Seleccionar...