Menú de multimedia

Línea de tiempo html5 Canvas

Paso 1:
Crear escenarios sobre la línea de tiempo
 Capa (Escenarios) insertar fotogramas clave en la línea de tiempo según
número de escenarios para marcar las secciones.
Ver figura

Fotograma clave

 Colocar nombre de etiqueta a cada escenario: clic sobre línea de tiempo de

cada escenario. y asignar etiqueta en propiedades. según el nombre de cada
sección.

Pasó 2
 Capa títulos de los botones: insertar fotogramas clave en la línea de tiempo
en el mismo fotograma clave de los escenarios.
Ver figura Fotograma clave
Paso 3
 Capa botones: insertar fotogramas clave en la línea de tiempo en escenario
entrada, y escenario menú. Crear botones y asignar un título a cada uno según
la acción que vaya a ejecutar.
Ver figura

 Asignar nombre a los botones: seleccionar botón y convertirlo a símbolo

tipo botón:

o F8: convierte a Símbolo tipo botón

o Clic derecho convertir a símbolo tipo botón
o Modificar convertir a símbolo tipo botón

 Asignar nombre de instancia al Botón cada vez que se crea uno para poder
hacer la respectiva programación del código.
 (El que importa es el nombre de la instancia)

Paso 4
Capa botón Atrás: Insertar fotograma clave a partir de los escenarios o en su
defecto si lo desea desde el escenario menú
Ver figura

PROGRAMACION DE CODIGO

Pasó 5
 Capa STOP: Se inserta fotograma clave donde termina cada Escenario para
realizar debida programación del código que detiene la animación de los
botones y se pueda ver una interfaz estática
Ver figura

Fotograma clave Fotograma clave

 programación del stop: clic en el fotograma donde termina el escenario
luego ventana, opción acciones-añadir asistente de programación, buscamos
la opción stop, esta línea de tiempo, siguiente y darle with this frame,
terminar y añadir.

CLIC
Se repite el mismo proceso con todos los fotogramas copiando el código y pegándolo y probamos
control enter

Pasó 6
Programación de botones: Se selecciona el botón a programar, en este caso del
escenario de entrada-luego ventana, opción acciones, y escogemos la opción que
permite que reproducir-esta línea de tiempo
Colocar nombre del escenario a donde se va ir la vinculación.

Asignación de nombre y siguiente.

la acción es cuando hacemos clic con el mouse

Clic al nombre de instancia asignado al botón y terminar y asignar.

Estas mismas acciones se repiten en los botones del escenario menú
Botón volver se le aplica las mismas acciones para volver al escenario menú pero
cada botón atrás debe tener una instancia diferente.