Aquí les he preparado en vista de que no tendremos la clase del día martes por ser feriado, un tutorial a modo de repaso de lo que fue la clase del miércoles pasado.
Pasos para cargar y descargar una película en Flash:
1 - Abrimos un nuevo documento flash el cual se llamara principal (será nuestra película base o nivel 0)
2 - En la primera capa crearemos nuestro botón (con un simple rectángulo basta y sobra). No olviden ponerle nombre a cada capa, para así saber que contiene.
3 -Creamos una nueva capa que se llamara animación....ahí pondremos un texto el cual posteriormente animaremos. (no olviden convertirlo en símbolo grafico)
4 - Ok todo fácil hasta el momento. Tenemos un botón y un pequeño texto animable.....ahora bien iremos al fotograma 40 en nuestra línea de tiempo y con el mouse presionando ese fotograma, lo arrastraremos hacia abajo a fin de seleccionar al mismo tiempo ambas capas en ese punto especifico (los fotogramas seleccionados se verán mas oscuros que los demás) una vez hecho esto presionamos F5 y automáticamente flash prolonga ambas capas hasta ese fotograma.
5 - Paso siguiente, vamos a la capa del botón y en el fotograma 41 insertaremos un fotograma clave ( me posiciono sobre ese punto de la línea de tiempo y presiono F6)
Y ahora vamos a la paleta propiedades de mi botón (pestaña inferior desplegable) y quitare su cualidad de botón y la sustituiré por la de un grafico (presiono el menú desplegable botón y selecciono grafico). Esta acción solo estará en ese fotograma, pues para que este ejercicio tenga sentido necesitaremos que desde el fotograma 1 hasta el 40, siga siendo botón.
6 - Luego voy a la capa animación y en el fotograma 40 insertare un fotograma clave (F6) para así poder animar nuestro texto a través de una interpolación de movimiento (Tweening) para esto simplemente muevan el texto en su punto inicial y luego final para producir el efecto.
7 - Vamos bien...ya tenemos casi listos los elementos que compondrán nuestra película principal, ahora le indicaremos algunos parámetros a seguir.
8 - Creamos una nueva capa que se llamara actionscript, voy al fotograma 40 presiono F6 y una vez allí (en ese punto seleccionado), desplegare la pestaña acciones (F9), click en funciones globales y nuevamente click en control de la línea de tiempo....ahí encontraremos un comando llamado stop con eso nos aseguramos de detener la animación (nos aparecerá una pequeña letra “a” indicando que en ese punto hemos puesto una acción ahora copiamos ese frame y lo pegamos en el siguiente (41) teniendo así dos stop seguidos.
9 - Para finalizar esta primera parte crearemos una ultima capa en la cual insertaremos una etiqueta, esta nos será muy útil para indicarle al programa una ubicación especifica. Entonces vamos al frame 41 presionamos F6 y seleccionando ese punto buscamos la paleta propiedades. Abajo del texto “fotograma” ( sección izquierda del panel propiedades)...hay un campo de texto que por defecto dice “etiqueta de fotograma”...lo pinchamos y escribiremos “inactivo” (sin las comillas claro esta). De esta forma hemos definido un lugar especifico en la línea de tiempo.
10 - Ya podemos publicar nuestra película (Control + Enter). No olviden crear una carpetita que contenga las películas flash con las que estamos trabajando en este momento.
Segunda parte.....la película que vincularemos
11 - Creamos una segunda película flash (Control + n) la que será llamada por nuestra película base. Pónganle un nombre (algo que la identifique bien: película 2, portafolio, etc.) y luego guarden el archivo en la misma carpeta de la película principal.
12 - En la primera capa crearemos un rectángulo que tape todo el fondo, así sustituiremos la información de la película base (nivel 0).
13 - Paso siguiente en una capa nueva, pondremos un botón (un pequeño cuadradito nos servirá).
14 - Y en una ultima capa escriban un texto que indique fehacientemente que estamos en la película dos (texto: película dos, mi portafolio, galería, etc.).
15 - Publicamos el trabajo (Control + Enter) y nos aseguramos que todo este ok.
16 - Ya tenemos listos los componentes gráficos de ambas películas, solo resta ver como se cargara nuestra segunda película sobre la primera así que manos a la obra que tampoco es algo de otro mundo.
Tercera parte.............Actionscript
17 - Volvemos a la película principal y nos posicionamos sobre el primer fotograma de la capa botón, ahora pinchamos con el mouse nuestro botón en la escena (así nos aseguramos que la acción no recaerá sobre un fotograma, y si sobre nuestro botoncito)
18 - Paso siguiente vamos al panel acciones (F9), una vez ahí nos aseguramos que el asistente de script este activo ya que de lo contrario la pega se nos complicaría bastante si es que no se manejan con los comandos. Entonces pinchamos en funciones globales y luego sobre la sub opción Navegador/Red y ahí buscamos el termino “LoadMovie” con este comando activado cargaremos nuestra película 2 .
19 - Al seleccionar este comando el asistente de script presenta una serie de secciones configurables, tampoco es algo para asustarse aquí explico un poco en que consisten:
Url: aquí escribiremos el nombre de la película que será cargada en nuestro interactivo, y su extensión (no se nos puede olvidar este detallito), para efectos prácticos debiésemos tener algo así:
Url: pelicula2.swf
20 - Abajo nos encontramos con una nueva sección llamada Ubicación. Este punto se refiere al nivel en el cual estará nuestra película cargada, por defecto encontramos un 0, lo que sustituiría nuestra película principal, como no deseamos eso dejaremos en un nuevo nivel nuestra pelicula2 o sea, cambiamos el valor a 1.
21 - Con esos datos estamos ok en este punto, lo demás no lo vamos a configurar pues no es necesario por el momento.
22 - Ahora pinchamos solo una vez la línea de código que hemos configurado (debajo de On release en la línea loadMovie...) así podremos agregar un nuevo actionscript que quedara encadenado a la función principal (On release), para eso vuelvo a funciones globales y a la sección control de la línea de tiempo, ahí buscaremos la función Goto
(ir a), la seleccionamos y configuraremos sus parámetros:
23 - pinchamos en ir a y detener ( la función pasa a ser GotoAndStop), ya que no queremos que siga moviéndose el cabezal.
24 - Escena: este parámetro no lo configuraremos
25 - Tipo: desplegamos esta sección y buscamos “Etiqueta de fotograma”, de esta forma le indicaremos un punto especifico en nuestra línea de tiempo.
26 - Fotograma: aquí indicaremos a que fotograma especifico queremos ir, para lo cual podemos directamente escribirlo o bien flash nos dirá de cuantas etiquetas disponemos en nuestra película, para eso solo basta con hacer clic en la flechita celeste que se encuentra al costado derecho de esta función......de esta forma se nos desplegaran las etiquetas activas......debiese aparecer la palabra “inactivo” como única posibilidad pues no hemos agregado mas etiquetas, la seleccionamos y con eso ya tenemos listo las acciones de nuestra película principal.
27 - Guarden los cambios y publiquen la película. Ahora podremos ver que si presionamos el botón, se nos cargara una segunda película. Pero algo pasa, no me puedo devolver a la parte principal, ya que mi segundo botón no esta configurado. Veamos que tenemos que hacer.
28 - Abrimos nuevamente nuestra película 2 y vamos al panel acciones (F9), una vez hecho esto pinchamos nuestro botón y le asignaremos las siguientes acciones:
29 - UnloadMovie ( funciones globales à Navegador/Red à UnloadMovie)
Como pueden ver no es tan complejo de configurar, nos pregunta el nivel de película que vamos a descargar y listo, aquí cambiamos el valor por defecto 0 a 1.
30 - Siguiente línea de código (abajito del unloadmovie), vamos a No soportados
à Acciones à tell Target .
31 - tell Target: nos pregunta el destino, en este caso iremos al nivel 0 para lo cual escribiremos lo siguiente:
Destino: _level0
32 - Ok.......si todo va bien solo falta la parte final de este tutorial, agregar un simple pero efectivo Goto.....como ya saben vamos a Funciones globales à Control de la línea de tiempo à Goto y listo, no cambiaremos nada de sus parámetros pues la idea es que vaya al inicio de la línea de tiempo y ejecute nuestra animación.
33 - Guardamos los cambios y publicamos finalmente nuestra película, eso seria todo y espero no se hayan mariado con tanto código nuevo, la idea es que tomen esto como una pequeña ayuda a la hora de cargar películas y manejar sus animaciones.
Saludos Felipe
