Inicio TuToriales flash tutorial 16

Ejercicio: Navegación entre escenas
Objetivo: Crear escenas y navegar entre ellas
Software y versión utilizados: Flash Mx
Nivel: Básico
Duración: Una hora

Archivos necesarios: Flash_escenas12

 

Paso 1

Abrimos el documento base para realizar el trabajo. Observamos que consiste en un cuadro que se construye por interpolación. En el último fotograma tenemos un texto y una imagen.

A continuación abrimos la paleta de escena desde el Menú Ventana / escena.

Las escenas son como secuencias independientes dentro de un mismo archivo.

 

Paso 2

Duplicamos la escena inicial desde el icono destacado en la imagen. A continuación cambiamos el nombre por el de Escena 2.

Si duplico las escenas y cambio el contenido me aseguro de que todos los componentes están en la misma posición.

Nota

Es importante el orden de apilamiento de las Escenas. La primera de la lista será la que primero se cargará al reproducir la película.

 

Paso 3

Me posiciono en la Escena 2 haciendo doble clic en la ventana de escenas.

Ahora cambiaremos los contenidos de la
Escena 2
.

En primer lugar seleccionaremos el cuadro de texto y cambiaremos el numero de la escena.

En segundo lugar cambiaremos los colores del cuadro de fondo desde la paleta de propiedades con la opción avanzado. Deberemos realizar esto en los 3 fotogramas clave del cuadro.

Truco
Podeis cambiar el color de todos los cuadros simultaneamente activando la opción de Editar Varios Fotogramas y ampliando el rango a todos los fotogramas de la escena. Seleccionaremos el cuadro y cambiaremos el color desde las propiedades avanzadas.
 

Paso 4

A continuación cambio la imagen de la escena.

La manera más cómoda es utilizar la herramienta de intercambiar símbolos de la biblioteca. Para hacerlo seleccionamos la imagen y desde la paleta de propiedades escogemos intercambiar simbolo y elegimos un nuevo simbolo, en este caso la imagen muneco02.

 

Paso 5

Ahora realizaremos una tercera escena. Repetimos los pasos anteriores, duplicamos la escena le cambiamos el nombre a Escena 3.

También hemos de cambiar el titular, el color del cuadro y la imagen.

 

Paso 6

Vamos a pasar a programar las escenas.

Creamos una capa nueva llamada programación y insertamos un Fotograma Clave Vacio en el fotograma 17.

Seleccionamos el fotograma, abrimos la ventana de Acciones y hacemos doble clic en la programación Stop. Como observamos aparece un texto en la ventana del guión de programación.

La pelicula se detendrá en este fotograma y el control de la pelicula pasará al usuario.

Nota

Sobre todo dedemos seleccionar el fotograma adecuado antes de programar.
En el encabezamiento de la ventana debe aparecer Acciones–Fotograma como en la imagen.

 

 

Paso 7

Creamos un botón que nos servirá para ir a la
Escena 1.

Este boton tiene un texto y cambiará el color del recuadro en el estado sobre.

 
 

Paso 8

Realizamos otros botones que nos serviran para ir cada una de las escena.

Creamos una capa llamada botones y ponemos un fotograma clave en el fotograma 17. Colocamos una instancia de cada boton en la Escena 1.

Truco
Para realizar los botones exactamente iguales al primero, lo duplicamos desde la biblioteca y cambiamos el texto y el color del cuadro de fondo.
 

Paso 9

Vamos a programar los botones.

Seleccionamos el primer botón. y abrimos la ventana de Acciones.
Escogemos la opción goto y en los parámetros escogemos Escena 1 y el número de fotograma 1.

Seleccionamos los otros botones y los programamos de la misma manera escogiendo el destino de Escena y Fotograma convenientes en cada caso.

 

Paso 10

Copiamos las instancias de los botones, vamos a la Escena 2 y Pegamos in Situ.
Hacemos lo mismo en la Escena 3.

 

Paso 11

Creamos unos graficos con el mismo aspecto que el boton desactivado.

Borramos los botones propios de cada escena y ponemos los gráficos que hemos creado, de esta manera cuando estemos en la propia escena inutilizamos la opción volverla a si misma.

Nota

Es mejor borrar los botones y no utilizar la opción intercambiar porque sino la programación permanece en la instancia y seguiría llevandonos a la propia escena.

 

Resultado

Podemos publicar la pelicula y observar el resultado, obtenemos una pelicula en la que el usuario tiene el control de reproducción de la pelicula a través de botones.

 

Ernesto Navarro Durá. 2009