Swish Nivel Avanzado

32

Transcript of Swish Nivel Avanzado

Page 1: Swish Nivel Avanzado
Page 2: Swish Nivel Avanzado

ACTIONSCRIPT DE FLASH EN SWISH ActionScript de Flash en Swish Hasta que Swish no nos permita la implementacion de ActionScript en nuestras peliculas (creemos y esperamos que sera por poco tiempo) la unica forma de aplicar algunos efectos especiales a nuestros trabajos es utilizando esas propiedades de Flash en la versatilidad de Swish. Este documento esta destinado a explicaros como insertar las propiedades ActionScript de Flash a Swish para que podais compensar esas pequeñas carencias de Swish. 1.- Escoger la pelicula de Flash que querais reproducir en vuestro Swish. A esa pelicula le llamaremos en este tutorial "flash.swf" para no liarnos. 2.- Abriremos nuestro nuevo (o antiguo) proyecto con Swish e insertaremos un Sprite. 3.- En el primer frame del Sprite vamos a Acciones>Cargar Pelicula y en el recuadro de la derecha, en "URL de Pelicula" ponemos el path y el nombre de la pelicula, en nuestro caso como la tenemos en el mismo directorio que nuestro Swish le pondremos simplemente "Flash.swf", y ahora marcamos la opcion "Sprite" para que nos reproduzca el "flash.swf" como un Sprite dentro de nuestra pelicula. 4.- Ahora ya solo nos queda dibujar en nuestro Sprite un rectangulo transparente que nos permita "ver y ubicar" la pelicula "flash.swf" en nuestro proyecto cuando ello sea necesario, dependiendo del "efecto Flash a utilizar". Lo ideal es que tenga la misma medida. 5.- Para que se nos quede el efecto encuadrado vamos a decirle a nuestro rectangulo que su punto de alineacion va a estar en Arriba-Izquierda, que es por donde va a tener su punto de anclaje. Tambien le vamos a dar la ubicacion en el espacio de nuestro Sprite.En este caso "0,0" en X e Y. 6.- Fácil no? * VER TUTORIAL FECHA HORA, TODOS LOS IMPLEMENTOS DE FLASN EN SWISH SE HACEN DE LA MISMA MANERA. XIPXAP Salu2

Page 3: Swish Nivel Avanzado

CARGAR PELICULAS Pues eso como ultimamente hay quien se interesa mucho por este tema, pues vale un mini tutorial: 1.- ¿Para qué se utilizan? para cargar una pelicula dentro de tu pelicula principal y asi pesar menos y cargarse antes en la red. 2.- Por ejemplo: Una web completa con todos sus menus, efectos y demas dentro de la misma pelicula podria pesar unos 500 Kb, pero si todos o algunos de estos complementos los cargamos independientes, llamando a la pelicula (bien al pulsar un boton con esta orden o bien orden directa en el timeline ) podria bajar la carga considerablemente. Mi web por ejemplo tiene 83Kb la pelicula principal y los menus se cargan independientes y tienen una media de 12Kb por menu, si los sumamos todos sumarian una web de 131Kb si, no pesa mucho tampoco, pero aun asi se pudo rebajar a 83 Kb. 3.- Esta es en definitiva la esencia de cargar y descargar peliculas, rebajar los tiempos de carga y el buen funcionamiento de una interfaz. Cada vez las webs en flash son mas rapidas de carga y despues se autocargan con los menus, scrolls, efectos y demas casi todo por separado, la idea es no esperar y una vez estas dentro es dificil no esperar ver a cargar el resto de la pagina. 4.- ¿Cómo se hace? bien, yo normalmente sigo estos pasos: 5.- Creo la pelicula principal y dispongo donde van a ir los elementos y duplico el swi(osea trabajo con dos pantallas de swish) en la copia monto la pelicula que quiero que me aparezca en la principal y asi creo una maqueta de referencia que me guiara exactamente donde tiene que aparecer la carga de mi pelicula. 6.- Una vez satisfecho exporto la copia a swf con el nombre por ejemplo maqueta.swf. 7.- Vuelvo a mi pelicula principal, elijo un boton y le añado las acciones (al presionar cargar pelicula maqueta.swf en el nivel 1) testeo mi pelicula principal y el swf maqueta debe cargarse. 8.- Con esta misma operacion continuo cuantas veces sea necesario y cargas para mi pelicula principal necesite, esto forma ya parte de la inspiracion de cada uno y lo ingeniero industrial seas. 9.- Tambien puedes ordenar directamente en la escena que estes trabajando que se carge la pelicula (en el fotograma X cargar pelicula maqueta.swf en el nivel 1). 10.-Asi pongo fin a este mini-tutorial "cargar peliculas" espero sea del interes de todo aquel que lo necesitara y crea en la utilidad del mismo. ATMOSFERA7 Salu2

Page 4: Swish Nivel Avanzado

INSERTAR FECHA Y HORA DE FLASH EN SWISH Una aplicacion mas para introducir un ActionScript de Flash en nuestra pelicula Swish. en este caso se trata de poner una referencia de reloj y fecha en nuestro proyecto SWI. Este proyecto tiene 2 partes, en la primera os explicamos lo que hay que hacer en Swish y en la segunda en Flash. PRIMERA PARTE (CREAR EL *.SWI Y *.SWF CON SWISH) 1.- Vamos a escoger la pelicula de Flash que vamos a reproducir en nuestro Swish. A esa pelicula le llamaremos "reloj3.swf" y sera la pelicula resultante de la segunda parte de este tutorial. 2.- Abriremos nuestro proyecto Swish e insertaremos un Sprite que sera el que nos reproduzca la pelicula Flash. 3.- En el primer fotograma del Sprite vamos a Acciones Cargar Pelicula y en el recuadro de la derecha, en "URL de Pelicula" ponemos el path y el nombre de la pelicula, en nuestro caso como la tenemos en el mismo directorio que nuestro Swish le pondremos simplemente "reloj3.swf", y ahora marcamos la opcion "Sprite" el la parte de abajo del mismo cuadro y veremos que desmarca la opcion nivel, para que nos reproduzca el "reloj3.swf" como un Sprite dentro de nuestra pelicula. 4.-Ahora ya solo nos queda dibujar en nuestro sprite un rectangulo transparente que nos permita "ver y ubicar" la pelicula "reloj3.swf" en nuestro proyecto. SEGUNDA PARTE (CREAR EL *.FLA Y EL *.WSF CON FLASH) Vamos ahora a ver como configurar el Flash que nos va a servir para ver la fecha y la hora en nuestro proyecto .SWI. 1.- Se trata de introducir el siguiente ActionScript en una escena de Flash. En este caso vamos a introducir el Script completo para que nos muestre la hora, la fecha en numeros y la fecha en numeros y letras.Luego podreis modificarlo a vuestro gusto para que os de solo lo que os interese. Este es el Script que vamos a utilizar: onClipEvent (load) { days = new Array('Domingo','Lunes','Martes','Miercoles','Jueves','Viernes','Sabado','Domingo'); months = new Array('','Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'); timedate = new Date(); } onClipEvent (enterFrame) { hour = timedate.getHours(); minutes = timedate.getMinutes(); seconds = timedate.getSeconds(); todaydate = timedate.getDate(); day = timedate.getDay();

Page 5: Swish Nivel Avanzado

dayname = days[day]; month = 1 + timedate.getMonth(); monthname = months[month]; year = timedate.getFullYear(); if (Length(minutes)==1) { minutes = "0" + minutes; } if (Length(seconds)==1) { seconds = "0" + seconds; } currenttime = hour + ":" + minutes + ":" + seconds; currentdate = todaydate + "/" + month + "/" + year; fulldate = dayname + ", " + todaydate + " de " + monthname + " de " + year; delete timedate; timedate = new Date(); } 2.- Ahora tenemos que construir el "soporte" para ello necesitaremos 3 recuadros (uno para cada funcion) que luego agruparemos para introducirlos en la escena de nuestra pelicula. Escogemos el tipo de letra y el tamaño adecuados a cada uno. 3.- Ahora lo convertimos en "Simbolo>Clip de pelicula" y en el primer frame le insertamos el script.Para ello marcamos el primer frame, vamos a "Acciones>Modo Experto" y le aplicamos el Script. 4.- Ahora ya podemos exportar nuestra pelicula con el nombre que nos parezca mas adecuado, en nuestro caso "relotge3.swf".Una vez exportado solo teneis que copiarlo al directorio donde tengais el .SWF generado con Swish, y si todo ha sido correcto, al ejecutar el .SWF hecho con Swish el resultado sera este: Fácil no? XIPXAP Salu2

Page 6: Swish Nivel Avanzado

MENU APARICION-OCULTACION CON MOVIMIENTO VERTICAL Y HORIZONTAL Este ejemplo muestra un menú al que podemos esconder o mover si nos molesta la vision de la pantalla, pero teniéndole siempre a mano, de esta manera podemos aprovechar lo nuestra pantalla para poner muchas más cosas. 1.- Crear los objetos que se van a utilizar como botones 2.- Una vez creados se les coloca uno sobre otro dejándo sólo visible en la pelicula el de abrir y los de mover. 3.- Se marcan todos los objetos y se les agrupa en sprite y le damos un nombre Menu. 4.- Hay que tener en cuenta que no solo hemos de crear un boton para abrir, sino uno para cerrar y dos para desplazar el menu lateralmente. 5.- Creamos un sprite que no va a contener objetos sino acciones. 6.- Le damos el nombre de comando y en la linea de tiempo ponemos lo siguiente. 7.- en el fotograma cero le damos la accion Parar 8.- en el fotograma uno Informar destino (menu) Transformar, como el primer efecto que queremos dar es el desplegar el menu hacia abajo, hemos de coger la coordenada Y que le asignamos estos valores: Y-=150 Y*=0,8 Y+=150 9.- En el fotograma dos le damos la acción ir al fotograma prev 10.-En el fotograma tres le damos la acción Informar destino (menu) Transformar y damos los siguientes valores para la coordenada Y Y+=75 Y*=0,8 Y-=75 11.-En el fotograma cuatro le damos la acción Ir al fotograma prev. NOTA: los valores dados anteriormente a la coordenada Y ha sido estudiados para este ejemplo, cada uno debe de dar los valores en función de como haga y donde ponga en menu, esto sólo se consigue con pruebas ja ja ja. 12.-Insertamos otro sprite que tampoco va a contener objetos sino las acciones para el desplazamiento horizontal del ejemplo. 13.-Como en este caso el menu está creado a la izquierda de la pantalla tomaremos estos valores que os paso a continuacion. 14.-antes de poner los valores vamos a dar el nombre de comando_01 al sprite que acabamos de crear.

Page 7: Swish Nivel Avanzado

15.-en la línea de tiempo del sprite y en el fotograma cero le damos la accion de Parar. 16.-En el fotograma uno le damos la acción Informar destino (menu) y seguidamente la acción de Transformar. Como ahora el menu queremos que se desplace horizontalmente hemos de coger la coordenada X con estos valores: X-=580 X*=0,6 X+=580 17.-En el fotograma dos le damos la acción de ir al fotograma prev. 18.-En el fotograma tres le damos la acción de informar destino (menu), Transformar y damos estos valores para la coordenada x: X-=75 X*=0.6 X+=75 19.-En el fotograma cuatro le damos la acción de ir al fotograma prev NOTA:Como anteriormente, estos valores están dados para el ejemplo del tutorial, y cada uno en su menu ha de hacer pruebas y colocar los valores que estime oportunos. 20.-Al boton abrir le damos la acción Informar destino (comando) ir al fotograma uno. 21.-Al boton cerrar le damos la accion informar destino (comando)ir al fotograma tres. 22.-Al boton derecha le damos la accion Informar destino (comando_01) ir al fotograma uno. 23.-Al boton derecha le damos la acción Informar destino (comando_01) ir al fotograma tres. 24.-Fácil no? Javi.ten Salu2

Page 8: Swish Nivel Avanzado

MENU QUE ROTA A AMBOS LADOS Y AUMENTA O DISMINUYE DE VELOCIDAD Este tutorial trata sobre como hacer que un sprite rote a un lado u otro con mayor o menor velocidad, manteniendo su escala original. 1.- Para hacer este menú, lo primero que hay que crear es una circunferencia para colocar cada una de las opciones del menú. 2.- Una vez creada ésta creamos las opciones, y las distribuimos alrededor de la circunferencia. Estas pueden ser botones, imágenes etc. 3.- Ahora tenemos que crear el sprite que es el que se va a mover. Hay que tener cuidado y en función de la forma que queramos que se mueva debemos ajustar el centro para que una vez que gire lo haga desde el centro que nosotros queramos . Por ejemplo, si creamos un rectángulo o una línea, lo mejor es irse a la pestaña transformar y elegir centro-abajo, ya que ese será el punto de giro de la forma. 5.- Ya tenemos creada las forma/as, ahora vamos a Modificar Agrupar y Agrupar como sprite y le damos un nombre. 6.- Volvemos a la escena y nos posicionamos fuera de donde va a girar nuestro sprite y creamos un rectángulo sin fondo, conviene que la línea de éste, sea del mismo color que el fondo de la escena o mejor sin linea. 7.- Ya tenemos creado nuestro rectángulo, ahora creamos, rectágulos mas pequeños y los vamos poniendo en posición vertical uno detrás del otro, en este ejemplo vamos a crear ocho rectángulos. 8.- Una vez creados los vamos a convertir en Sprite, para hacerlo fácil, pulsamos sobre el primer rectángulo que hemos creado y manteniendo pulsada la tecla shift (mayúsculas), marcamos el último con lo cual se nos quedarán marcados todos los objetos, ahora vamos a la barra de menú y Modificar, Agrupar y Agrupar como sprite y como no le damos un nombre al nuevo sprite. 9.- Por el momento nos olvidamos de él. y volvemos a la escena. 10.-Ya estamos en la escena y nos vamos a la barra de menús y en ella escogemos el botón Insertar Sprite, veremos que nos aparece al símbolo del sprite, le damos un nombre como siempre. 12.-Este sprite no va a contener objeto alguno, sino que sólo va a tener acciones y van a ir referidas al sprite de los rectángulos que hemos creado antes. 13.-Nos vamos a la línea de tiempo del mismo y en el fotograma cero le damos la acción de transformar, esto lo hacemos pinchando con el botón derecho sobre fotograma y eleigiendo transformar del menú que se despliega. Como parámetros a esa acción le vamos a dar en la scala X=100, en la Y=100, en de rotar +1. 14.-Vamos al fotograma uno y elegimos ir al fotograma previo.

Page 9: Swish Nivel Avanzado

15.-En el fotograma dos hacemos lo mismo que en el cero pero con estos valores: Xscale=100;Yscale=100 y rotar +3 16.-En el fotograma tres los mismo que en el uno. 17.-En el fotograma cuatro estos valores Xscale=100; Yscale=100 rotar +5 16.-En el fotograma cinco lo mismo que en el uno. 17.-En el fotograma seis estos valores Xscale=100; Yscale=100 rotar +7 18.-En el fotograma siete lo mismo que en el uno. 19.-En el fotograma ocho estos valores Xscale=100; Yscale=100 rotar -1 20.-En el fotograma nueve lo mismo que en el uno. 21.-Y así sucesivamente hasta que lleguemos al fotograma 15 y OJO siempre informando destino refiriéndonos al esprite de los rectángulos. Xscale=100; Yscale=100 rotar +7 Xscale=100; Yscale=100 rotar +5 22.-Desplegamos el sprite de los rectángulos y elegimo el que se encuentra el primero por abajo del sprite, y le damos las siguientes acciones: Al pasar Informar destino (sprite sin objetos) ir al fotograma 6 23.-En el siguiente rectángulo Al pasar Informar destino (sprite sin objetos) ir al fotograma 4 24.-En el siguiente rectángulo Al pasar Informar destino (sprite sin objetos) ir al fotograma 2 25.-En el siguiente rectángulo Al pasar Informar destino (sprite sin objetos) ir al fotograma 0 26.-En el siguiente rectángulo

Page 10: Swish Nivel Avanzado

Al pasar Informar destino (sprite sin objetos) ir al fotograma 8 27.-En el siguiente rectángulo Al pasar Informar destino (sprite sin objetos) ir al fotograma 10 28.-En el siguiente rectángulo Al pasar Informar destino (sprite sin objetos) ir al fotograma 12 29.-En el siguiente rectángulo Al pasar Informar destino (sprite sin objetos) ir al fotograma 14 Fácil no? javi.ten Salu2

Page 11: Swish Nivel Avanzado

MENU EN SCROLL VERTICAL Este tutorial trata de como hacer un scroll con un menú, como el que nuestro amigo Pere tenía en la antigua página de inicio, no es igual pero la forma de hacerlo sí. Símplemente se basa en un Sprite y en los botones que dan las opciones del menú. 1.- Lo primero que vamos a crear serán los botones del menú, hemos de crear tantos como opciones queramos que tenga nuestro menú. 2.- La mejor manera de crear los botones es crear la/s forma/s que vayamos a dar al botón y luego mediante la barra de menús escogemos Modificar--Agrupar y Agrupar como Sprite. 3.- Ahora una vez que tenemos el sprite creado hemos de convertirle en botón mediante una pulsación sobre él con el botón derecho del ratón y elegimos convertir en botón. 4.- ¿Porqué hemos creado botónes? muy fácil son los únicos elementos de una escena que nos van a permitir dirigirnos a un fotograma de otra escena, a parte de que ya tienen definidos los 4 estados, es decir, Arriba, sobre, abajo y pulsado. 5.- Ya tenemos creados los botones y ahora vamos a crear el Sprite. 6.- Para ello lo primero que tenemos que hacer es elegir la forma que va a tener esto es, la forma que demos ahora será la forma que se desplazará con el puntero del ratón. 7.- Vamos a hacer un triángulo normal y corriente, luego cada uno una vez ya tenga práctica hará las formas más o menos complejas. 8.- Dibujamos un cuadrado y de la paleta Diseño elegimos la opción Reformar. 9.- Veremos que el cuadrado nos cambia la forma de los tiradores, pues bien, pinchamos sobre un tirador y lo llevamos al centro de su línea a continuación pinchamos del tirador opuesto y hacemos lo mismo, de esta forma ya tenemos un triángulo. 10.-Ahora lo convertimos en Sprite pichando sobre él con el botón derecho del ratón y eligiendo convertir en sprite. 11.-Damos un nombre al Sprite, una vez hecho esto vamos al primer fotograma del Sprite y le damos la acción de Parar. 12.-En el fotograma uno del sprite le damos la acción de transformar, veremos como en el cuadro de la derecha de la pantalla y dentro de la pestaña acciones nos salen varios parámetros que podemos configurar, en función de si el menu va a ser en horizontal o en vertical cogeremos uno u otro, en este caso va a ser vertical, con lo cual sólo tenemos que modificar los datos de la coordenada Y. 13.-Hay que decir que el Sprite se va a mover cuando movamos el ratón, ¿Pero dónde ha de moverse?

Page 12: Swish Nivel Avanzado

16.-Es fácil, volvemos a la escena y provistos de papel y lápiz apuntamos todas las coordenadas Y del cada uno de los botones, para saber esas coordenadas pulsamos sobre cada botón y en la pestaña tranformar del panel de la derecha vemos que nos aparece dichas coordenadas, pues nada las apuntamos. 17.-A continuación nos vamos a el sprite y pinchamos sobre el fotograma uno, como ya habíamos elegido tranformar pulsamos sobre la flecha de la coordenada Y, y escogemos del submenú que aparece -Y y le damos el valor de la coordenada Y del primer botón de nuestro menú. 18.-Seguidamente pinchamos sobre Añadir Acción y volvemos a escoger transformar, pulsamos sobre la flecha de la coordenada Y, y del submenú escogemos *Y y le damos el valor 0,6, este parámetro nos va a indicar la velocidad con que se va a mover el sprite sobre el menú. Volvemos a escoger Añadir Acción y en la coordenada Y del menú que se despliega escogemos ahora +Y y le damos el mismo valor que dimos -Y, es decir, el valor de la coordenada Y del primer botón. 19.-A continuación pinchamos sobre el fotograma dos del sprite y con el botón derecho elegimos Ir al fotograma, veremos que ahora en el panel de la derecha en acciones nos aparece otro distinto, marcamos el botón Prev. 20.-Pinchamos sobre el tercer fotograma del sprite y hacemos lo mismo que hemos hecho con el primer botón, sólo que ahora a -Y e +Y hay que darles las coordenadas del segundo botón manteniendo la *Y=0,6. 21.-En el siguiente fotograma del Sprite hay que darle ir al fotograma previo. 22.-IMPORTANTE una vez que ya hemos dado todas las coordenadas de cada uno de los botones al Sprite, el último fotograma después de la última coordenada ha de llevar la acción Ir al fotograma Previo. 23.-Apuntamos en un papel los fotogramas del Sprite que llevan la acción de transformar. 24.-Volvemos a la escena y pinchamos sobre el primer botón y le damos las siguientes Acciones: Al pasar Informar destino (Nombre del Sprite) Ir al fotograma 1 ya que en el cero hay una acción de parar. 25.-En el segundo botón iríamos al fotograma 3 ya que en el dos hay una Acción de Ir al fotograma Previo. 26.-Y de esta manera ya está acabado nuestro menú en Scroll. 27.-Que se quiere hacer en horizontal, pues en vez de coger las coordenadas Y de los botones y la coordenada Y del Sprite, cogemos todos los datos de la coordenada X.

Page 13: Swish Nivel Avanzado

28.-Se pueden hacer muchas virguerias y sino mira el ejemplo. javi.ten salu2

Page 14: Swish Nivel Avanzado

MULTIMOVIMIENTO CON SPRITES Dentro de este tutoral van los cuatro tutoriales referenctes a Movimiento, Deformaciones, Rotaciones y Transparencias, he creido conveniente separarles para que no sea tanto lio, es decir, un tutorial va seguido de otro pero independiente. TUTORIAL MULTIMOVIMIENTO 1.- Movimiento: Vamos a ver como mover un objeto en todas las direcciones posibles. 2.-SIEMPRE las coordenadas X e Y tienen el punto (0,0) en la esquina superior izquierda de la pelicula. 3.-Por lo tanto así se moverá el objeto: X+=1 el objeto se mueve hacia la derecha X-=1 el objeto se mieve hacia la izquierda Y+=1 el objeto se mueve hacia abajo Y-=1 el objeto se mueve hacia arriba X+=1 Y-=1 el objeto se mueve hacia la derecha y arriba X+=1 Y+=1 el objeto se mueve hacia la derecha y hacia abajo X-=1 Y+=1 el objeto se mueve a la izquierda y hacia abajo X-=1 Y-=1 el objeto se mueve a la izquierda y hacia arriba 4.- Creamos el objeto que vamos a mover y le convertimos en Sprite mediante el botón derecho del ratón. 5.- Damos un nombre al Sprite (Mueve) 6.- Apuntamos en un papel las coordenadas X e Y del objeto 7.- Abrimos el Sprite mueve y en la línea de tiempo del sprite, no en la del objeto ponemos las siguientes acciones: 8.-En el fotograma cero le damos la acción de parar. 9.-En el fotograma uno le damos la acción Transformar y le damos las siguientes coordenadas: X+=1 Y-=1 10.-En el fotograma dos le damos la acción de Ir al fotograma Prev. 11.-En el fotograma tres le damos la acción transformar con las siguientes coordenadas: X+=1 12.-En el fotograma cuatro le damos la acción de Ir al fotograma Prev. 13.-En el fotograma cinco le damos la acción Transformar con las siguientes coordenadas:

Page 15: Swish Nivel Avanzado

X+=1 Y+=1 14.-En el fotograma seis le damos la acción Ir al fotograma Prev. 15.-En el fotograma once le damos la acción Transformar con las siguientes coordenadas: X-=1 16.-En el fotograma doce le damos la acción Ir al fotograma Prev. 17.-En el fotograma trece le damos la acción Transformar con las siguientes coordenadas: X-=1 Y-=1 18.-En el fotograma 14 le damos la Acción Ir al fotograma Prev. 19.-En el fotograma 15 le damos la acción Transformar con la siguientes coordenadas: Y-=1 20.-En el fotograma dieciseis le damos la acción Ir al fotograma Prev. 21.-En el fotograma diecisiete le damos la acción Transformar con las siguientes coordenadas: X= (Coordenada x del objeto que apuntamos anteriormente) Y= (Coordenada Y del objeto que apuntamos anteriormente) Con esto conseguimos llevar al objeto al punto inicial. 22.-En el fotograma dieciocho le damos la acción Ir al fotograma Prev. 23.-Creamos ocho botones, objetos, sprites o lo que queramos, estos botones van a hacer que según pulsemos uno u otro, el objeto se mueva en la dirección que nosotros queramos. 24.-Al primer botoón le damos las siguientes acciones: Al presionar Informar destino (Mueve) Ir al fotograma uno Al soltar Informar destino (Mueve) Parar 25.-Al segundo botón le daríamos las mismas acciónes pero eligiendo el fotograma tres. 26.- Altercer botón lo mismo pero con el fotograma cinco. 27.-Y así sucesivamente hasta que terminemos con todos los botones. 28.- El último botón será el que ponga el objeto en la posición inicial. 29.-Fácil no?

Page 16: Swish Nivel Avanzado

javi.ten Salu2 TUTORIAL DEFORMACIONES: Dentro de este tutorial vamos a ver como encoger y estirar un objeto tanto verticalmente como horizontalmente. IMPORTANTE las deformación tanto vertical como horizontal parten del centro del objeto 1.- Creamos un objeto y le convertimos en Sprite mediante el botón derecho del ratón. 2.- Damos un nombre a ese esprite (deformacion) 3.- Anotamos en un papel en ancho y alto del objeto. 4.- Abrimos el sprite (deformacion) 5.- En la línea de tiempo del sprite no en la del objeto damos la siguientes acciones a los fotogramas. 6.- En el fotograma cero le damos la acción Parar. 7.- En el fotograma uno le damos la acción Transformar con la siguiente coordenadas: Yscale+=10 Esto hace que el objeto crezca verticalmente con un tamaño del 10% de la escala real del objeto. 8.- En el fotograma dos le damos la acción del Ir al fotograma Prev. 9.- En el fotograma tres le damos la acción Transformar con la siguiente coordenada: Yscale-=10% Esto hace que el objeto se reduzca verticalmente con un tamaño del 10% de la escala real del objeto. 10.-En el fotograma cuatro le damos la acción Ir al fotograma Prev. 11.-En el fotograma cinco le damos la Acción Transformar con la siguiente coordenada. Xscale+=10%, esto hace que el bojeto crezca horizontalmente con un tamaño del 10% de la escala real del objeto. 12.-En el fotograma seis le damos la acción Ir al fotograma Prev. 13.-En el fotograma siete le damos la acción Transformar con la siguiente coordenada:

Page 17: Swish Nivel Avanzado

Xscale-=10%, esto hace que el objeto se reduzca horizontalmente con un tamaño del 10% de la escala real del objeto. 14.-En el fotograma ocho le damos la acción Ir al fotograma Prev. 15.-Creamos cinco botones, dos para la deformación vertical, otros dos para la deformación horizontal y uno para dejar el objeto como al principio. 16.-Al boton de crecer verticalmente le damos las siguientes acciones: Al presionar Informar destino (deformación) Ir al fotograma uno Al soltar Informar destino (deformación) Parar 17.-Al botón decrecer verticalmente le damos las mismas acciones que al anterior pero debemos ir al fotograma tres. 18.-Al boton crecer horizontalmente, lo mismo que al anterior pero ir al fotograma cinco. 19.-Al boton decrecer horizontalmente lo mismo que a los anteriores pero ir al fotograma siete. 20.-Al boton que va a dejar el objeto como en el estado inicial le damos las siguientes acciones: Al presionar Informar destino (deformacion) Transformar Xscale=100% Yscale=100% 22.-Fácil no? javi.ten Salu2 TUTORIAL ROTACION: En este tutorial vamos a ver como hacemos rotar un objeto tanto a derecha como a izquierda. 1.- Creamos un objeto y le convertimos en Sprite mediante el botón derecho del ratón. 2.- Nombramos el sprite (rotar)

Page 18: Swish Nivel Avanzado

3.- Abrimos el sprite y en la línea de tiempo del sprite no del objeto damos la siguientes acciones a los fotogramas: 4.- En el fotograma cero le damos la acción Parar 5.- En el fotograma uno le damos la acción Transformar con las siguientes coordenadas: Xscale=100% Yscale=100% rotation+=5 Esto hace que el objeto rote hacia la derecha, alguien se preguntará porque hemos puesto la coordenada de las escalas, es muy sencillo, sino igualamos las escalas tanto X como Y al 100% el objeto al rotar se irá decrementando, si bien es cierto que en el caso de un rectángulo se nota más tarde, en el caso de una línea si que pasa, es por lo que yo personalmente por costumbre lo hago 6.- Fácil no? javi.ten Salu2 TUTORIAL TRANSPARENCIAS: En este tutorial vamos a ver como efectuar transparencias en un objeto. 1.- Creamos un objeto y le convertimos en Sprite. 2.- Damos un nombre al Sprite (transparente) 3.- Abrimos el Sprite y en la línea de tiempo del Sprite no en la del objeto damos las siguientes acciones a los fotogramas: 4.- En el fotograma cero le damos la acción de Parar. 5.- En el fotograma uno le damos la acción de Transformar con la siguiente coordenada: Alpha-=8% esto hace que el objeto se vuelva transparente 6.- En el fotograma dos le damos la acción Ir al fotograma Prev. 7.- En el fotograma tres le damos la accion de Transformar con la siguiente coordenada: Alpha+=8% Esto hace que el objeto se vuelva opaco. 8.-En el fotograma cuatro le damos la acción de Ir al fotograma Prev. 9.- Creamos dos botones para hacer transparente el objeto u opaco y para dejar el objeto en el estado inicial. 10.-En el botón para hacer transparente el objeto damos las siguientes acciones:

Page 19: Swish Nivel Avanzado

Al presionar Informar destino(tranparente) Ir al fotograma uno Al soltar Informar destino (transparente) Parar 11.-En el botón de hacer el objeto opaco hacemos lo mismo que en el anterior pero vamos al fotograma tres. 12.-Fácil no? javi.ten Salu2

Page 20: Swish Nivel Avanzado

MULTIMOVIMIENTO CON ETIQUETAS MULTIMOVIMIENTOS Y MULTI DEFORMACIONES Este tutorial es como el anterior de multimovimientos, pero las acciones aplicadas no han sido creadas en un sprite sino mediante la acción Fijar etiqueta dentro de la escena principal. Básicamente es igual que el anterior, es por lo que no se va a explicar el funcionamiento ya que sería repetitivo y eso cansa, lo único que voy a explicar es como he hecho el bptón de puesta a cero de todos los movimientos y deformaciones: Nada más abrir el swi se puede apreciar en la línea de tiempo de la escena las acciones dadas. Si fijamos el cursor en cualquiera de ellas veremos que se despliega un cuadro donde se ven las acciones dadas a cada Acción fijar etiqueta. El swi le pondrá xipxap en cuanto tenga tiempo a disposición de todos los que se le quieran bajar, de momento comprobad que este swf hace las mismas cosas que hacía el anterior con la única variación del botón puesta a cero, ya que en este caso es capaz de volver al estado inicial el rectángulo por muchas acciones que le hayamos dado. Acciones que contiene el botón puesta a cero 1.- En la línea de tiempo de la escena he creado una etiqueta que la he llamado puesta a cero 2.- Como tenía apuntadas las coordenadas iniciales del rectángulo que sirve para moverse he puesto lo siguiente: 3.- Para igualar a la posición inicial de rectángulo despues de aplicar los mvimientos _X=(cooordenada inicial del cuadrado) _Y= (coordenada inicial del cuadrado) 4.- Para las deformaciones verticales y horizontales he puesto: _Xscale=100% _Yscale=100% con esto igualo a las proporciones iniciales al rectángulo que sirve de movimiento. 5.- Para la rotación he puesto _rotation=0 con lo cual devuelve al cuadrado que sirve para el movimiento a su punto inicial. 6.- Para la transparencia/opacidad he puesto _alpha=100%, con esto nos muestra el color del rectángulo que sirve para el movimiento deformaciones y transparencia/opacidad al punto inicial. 7.- Fácil no? Javi.ten Salu2

Page 21: Swish Nivel Avanzado

SCROLL TEXTO SIMPLE Este SWISH es un scroll de texto, pero que también puede ser de imagenes, eso queda a elección del consumidor usuario programador. Vamos a ver los pasos que hemos dado para crearle, empezaremos con los objetos que van a participar y despues con las acciones. 1.- Creamos un rectangulo de forma y tamaño con el texto que queramos representar en el scroll. 2.- Creamos un texto simple. 3.- Manteniendo pulsada la tecla Ctrl marcamos estos dos objetos que acabamos de crear. 4.- Vamos a la barra de menús hacemos clic sobre Modificar--Agrupar-- y Agrupar como Sprite. 5.- Se nos abrirá automáticamente la ventana del sprite. 6.- Lo primero hay que hacer es dar un nombre al Sprite que acabamos de crear, ya que luego nos vamos a referir a él. 7.- Pulsamos sobre el rectangulo y vemos que han aparecido ya los tiradores, pues bien cuando se muestren copiamos el rectángulo y lo pegamos y mediante la flecha que hay en la barra de herramientas que es de color rojo y apunta hacia abajo, mandamos este último rectangulo hacia atrás. 8.- Ahora pinchamos sobre el elemento texto y escribimos lo que queramos que aparezca en el scroll es conveniente que el texto sea mayor en altura que el rectangulo, sino no nos servirá de nada el scroll. 9.- También debemos hacerle ir un paso hacia atrás mediante la flecha negra que apunta hacia abajo 10.-Vamos a la linea de tiempo del Sprite y el el fotograma cero le asignamos la acción de parar 11.-Pinchamos sobre el objeto texto y lo colocamos en la parte inferiro del rectangulo. 12.-En la linea de tiempo del objeto texto y en el fotograma uno, le damos una acción de mover con 50 frames, estas frames variarán en función de lo largo o corto que sea el texto. 13.-En el mismo cuadro de diálogo de la acción mover vamos a apartado mover a Y y escogemos hacia arriba dándole un valor de 300, pulsamos sobre el botón reproducir efecto y vemos hasta donde llega el texto, que es corto y no nos llega para que al poder hacer el scroll se vea todo el texto, pues le damos mayor valor.

Page 22: Swish Nivel Avanzado

14.-Cerramos el sprite. 15.-Ahora que ya estamos en la escena, vamos a crear dos botones uno para subir el scroll y otro para bajarlo. 16.-Creamos dos cuadrados y los ponemos en la escena en el lugar que creamos conveniente pero que no sea dentro del sprite anterior. 17.-Al de subida le vamos a dar las acciones siguientes. Al pasar Informar destino (en la flecha que se abre elegimos el nombre que dimos al sprite) Repoducir Al salir Informar destino (en la flecha que se abre elegimos el nombre que dimos al sprite) Parar 18.-El cuadro que hemos creado para bajar el scroll hemos de convertirle en sprite, de la siguiente manera, botón derecho del ratón sobre él y elegimos convertir en sprite. 19.-Abrimos el sprite y en la linea de tiempo de este en el fotograma cero le damos la acción de parar. 20.-En el fotograma uno le damos la acción de: Informar destino (en la flecha que se abre elegimos el nombre que dimos al sprite) Ir al fotograma enterior parar 21.-En el fotograma dos le damos la acción de ir al fotograma anterior. 23.-Pinchamos sobre el rectangulo del sprite en el que estamos y le damos la siguientes acciones: Al pasar ir al fotograma uno Al salir ir al fotograma cero 22.-Cerramos el sprite y ya tenemos nuestro scroll. 23.-Fácil no? Javi.ten Salu2

Page 23: Swish Nivel Avanzado

SCROLL DE TEXTO MULTIVELOCIDAD 1.- Creamos un rectángulo que va a ser el marco por el que se desplace el texto en scroll. 2.- Copiamos y pegamos el rectángulo anterior. 3.- Mediante el botón derecho del ratón, le convertimos en Sprite y le damos un nombre p.e. (scroll). 4.- Abrimos el sprite (Scroll) y creamos un texto que va a ser el que tenga el efecto scroll vertial en este caso y ha de estar dentro de los márgenes del rectángulo que hemos creado. 5.- Una vez tecleado el texto, le volvemos a convertir en Sprite y le damos un nombre p.e. (Texto). y cerramos el sprite (Texto). 6.- Pinchamos sobre el ojo del rectángulo dentro del sprite (Scroll) para hacerle invisible. 7.- Cerramos el sprite (Scroll). 8.- Nos encontramos dentro de la escena y hemos de ver que el rectángulo que creamos como primer objeto coincide con el del Sprite (Scroll). 9.- Ahora vemos a crear los botones del Scroll de texto Lento, para ello creamos dos cuadrados y los colocamos a la derecha del rectángulo Inicial, uno arriba y otro abajo. 10.-Manteniendo pulsada la tecla Ctrl, seleccionamos los dos cuadrados que acabamos de crear y los convertimos en Sprite mediante el botón derecho del ratón. 11.-Damos un nombre al Sprite como p.e. (Scroll lento). 12.-Creamos dos círculos y los colocamos a la derecha del rectángulo inicial, uno arriba y otro abajo, y hacemos lo mismo que en el caso anterior, pero al Sprite le damos como nombre (Scroll rápido). 13.-Nos vamos a la barra de herramientas y elegimos el botón Insertar Sprite, le nombreamos como comandos, este Sprite no va a contener ningún objeto, sino que va a tener acciones. 14.-Abrimos este Sprite y nos vamos a su línea de tiempo que está en la parte superior de la pantalla. Pincamos sobre el fotograma cero y mediante el botón derecho del ratón le damos la acción de parar. 15.-Pinchamos sobre el fotograma uno del Sprite en la línea de tiempo y mediante el botón derecho del ratón le damos la acción Informar Destino. Vamos a la flecha que aparece en la pestaña Accines y en el cuadro de texto desplegamos la flecha y escogemos Scroll/Texto.

Page 24: Swish Nivel Avanzado

16.-Dentro de la misma pestaña Accciones escogemos en Añadir Acción y elegimos Transformar, como va a ser un Scroll de texto vertical, escogeremos la coordenada Y. 17.-Desplegamos la flecha que se encuentra a la Izquierda de la Coordenada Y y escogemos Y+=80, nos vamos a la pestaña Añadir acción y escogemos otra vez Transformar, Ahora el valor para la Y será Y+=0,3, volvemos a hacer lo mismos pero ahora el valor de la Y será Y-=80. 18.-Pinchamos con el botón derecho del ratón sobre el fotograma dos del la línea de tiempo del Sprite y escogemos Ir al fotograma, en la pestaña Acciones marcamos Prev. 19.-En el fotograma tres de la línea de tiempo hemos de hacer lo mismo que en el fotograma uno, pero con estos valores para la coordenada Y: Y-=250 Y-=0,3 Y+=250 20.-En el fotograma cuatro de la línea de tiempo del Sprite hacemos lo mismo que en el fotograma dos. 21.-Pinchamos con el botón derecho del ratón en el fotograma 10 de la línea de tiempo, y hacemos lo mismo que en el fotograma uno pero con estos valores: Y+=80 Y+=1,5 Y-=80 22.-En el fotograma 11 hacemos lo mismo que en el dos. 23.-En el fotograma 12 hacemos lo mismo que en el diez pero con estos otros valores: Y=-250 Y-=1,5 Y+=250 24.-En el fotograma 13 hacemos lo mismo que en el 11. 25.-Cerramos el Sprite (Comando). 26.-Abrimos el Sprite (Scroll lento) y al rextángulo superior le damos las siguientes Acciones: Al presionar Informar Destino "comando" Ir al fotograma 3 Al soltar Informar destino"comando" Parar 27.-Abrimos el Sprite (Scroll lento) y al rextángulo superior le damos las siguientes Acciones: Al presionar Informar Destino "comando" Ir al fotograma 1

Page 25: Swish Nivel Avanzado

Al soltar Informar destino"comando" Parar 28.-Abrimos el Sprite (Scroll Rapido) y al rextángulo superior le damos las siguientes Acciones: Al presionar Informar Destino "comando" Ir al fotograma 12 Al soltar Informar destino"comando" Parar 29.-Abrimos el Sprite (Scroll rapido) y al rextángulo superior le damos las siguientes Acciones: Al presionar Informar Destino "comando" Ir al fotograma 3 Al soltar Informar destino"comando" Parar 30.-Probar el swish teniendo en cuanta que los valores serán mayores o menores en función de lo largo que sea el texto a scrolear. 31.-Fácil no? Javi.ten Salu2

Page 26: Swish Nivel Avanzado

SCROLL DE TEXTO MULTIVELOCIDAD MEDIANTE ETIQUETAS SCROLL VERTICAL DE TEXTO MULTIVELOCIDAD MEDIANTE EL PÁRAMETRO FIJAR ETIQUETAS DENTRO DE LA LÍNEA DE TIEMPO DE LA ESCENA. En este tutorial os voy a mostrar cómo se hace un scroll de texto multivelocidad pero utilizanto otro de los comandos que nos presenta Swish, Fijar etiquetas. 1.- Nos vamos al fotograma cero de la única escena que tenemos en pantalla y le damos la acción de Parar. 2.- Creamos un rectángulo que va a ser la ventana por donde se desplace el texto o las imágenes 3.- Creamos un texto vamos a la barra de menús y elegimos Modificar, Agrupar y Agrupar como sprite 4.- Le damos al sprite un nombre (scroll) 5.- Creamos todo el texto o las imágenes que quremos que aparezcan en el scroll. Hemos de darnos cuenta de que si es un texto, ha de ser mayor verticalmente que el rectángulo que vamos a usar como ventana, para poder ver el efecto. Si el scroll fuese horizontal, el texto debería se mayor horizontalmente que el rectángulo que usamos como ventana. 6.- En el caso de ser imágenes y para este ejemplo de scroll vertical, hemos de ponerlas una detrás de otra verticalmente, y la mejor manera e hacerlo es insertándolas en rectángulos o cuadrados. 7.- Ya tenemos creado el texto y las imágenes. Salimos a la escena cerrando el sprite (scroll). VELOCIDAD LENTA 1a.- Vamos al fotograma uno de la barra de tiempo de la escena y le damos la siguientes acciónes: Fijar etiqueta Damos un nombre a la etiqueta (subir lento) Informar destino (scroll) Transformar Y-=1 NOTA: Si alguien no sabe como se han dado las acciones, que consulte el tutorial de scroll multivelocidad anterior que allí están explicadas. 2a.- En el fotograma dos de la línea de tiempo de la escena le damos la acción Ir al fotograma Prev.

Page 27: Swish Nivel Avanzado

3a.- En el fotograma tres de la línea de tiempo de la escena le damos las siguientes acciones: Fijar etiqueta Damos un nombre a la etiqueta (bajar lento) Informar destino (scroll) Transformar Y+=1 4a.- En el fotograma cuatro de la linea de tiempo de la escena le damos la acción: Ir al fotograma Prev. VELOCIDAD MEDIA 1b.- Vamos al fotograma cinco de la barra de tiempo de la escena y le damos la siguientes acciónes: Fijar etiqueta Damos un nombre a la etiqueta (subir medio) Informar destino (scroll) Transformar Y-=5 2b.- En el fotograma seis de la línea de tiempo de la escena le damos la acción Ir al fotograma Prev. 3b.- En el fotograma siete de la línea de tiempo de la escena le damos las siguientes acciones: Fijar etiqueta Damos un nombre a la etiqueta (bajar medio) Informar destino (scroll) Transformar Y+=5 4b.- En el fotograma ocho de la linea de tiempo de la escena le damos la acción: Ir al fotograma Prev. VELOCIDAD RÁPIDA 1c.- Vamos al fotograma nueve de la barra de tiempo de la escena y le damos la siguientes acciónes: Fijar etiqueta Damos un nombre a la etiqueta (subir medio)

Page 28: Swish Nivel Avanzado

Informar destino (scroll) Transformar Y-=5 2c.- En el fotograma diez de la línea de tiempo de la escena le damos la acción Ir al fotograma Prev. 3c.- En el fotograma once de la línea de tiempo de la escena le damos las siguientes acciones: Fijar etiqueta Damos un nombre a la etiqueta (bajar medio) Informar destino (scroll) Transformar Y+=5 4c.- En el fotograma doce de la linea de tiempo de la escena le damos la acción: Ir al fotograma Prev. Ahora vamos a explicar la parte que nos queda: 8.- Creamos seis rectángulos y los dividimos por parejas 9.- A la primera pareja le damos los siguientes nombres y acciones Rectangulo (subirlento) Al pasar Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la opción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos Subirlento (nombre de la primera etiqueta) Al salir Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la oción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos Subirlento (nombre de la primera etiqueta) Parar Rectángulo (bajarlento) ) Al pasar Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la opción etiqueta)

Page 29: Swish Nivel Avanzado

Desplegamos la flecha de el cuadro etiqueta y escogemos Bajarlento (nombre de la primera etiqueta) Al salir Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la oción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos Bajarlento (nombre de la primera etiqueta) Parar 10.- Cogemos la segunda pareja de rectángulos Rectangulo (subirmedio) Al pasar Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la opción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos Subirmedio (nombre de la primera etiqueta) Al salir Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la oción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos subirmedio (nombre de la primera etiqueta) Parar Rectángulo (bajarmedio) Al pasar Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la opción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos Bajarmedio (nombre de la primera etiqueta) Al salir Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la oción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos Bajarmedio (nombre de la primera etiqueta) Parar

Page 30: Swish Nivel Avanzado

11.- Cogemos la segunda pareja de rectángulos Rectangulo (subirrapido) Al pasar Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la opción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos Subirrapido (nombre de la primera etiqueta) Al salir Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la oción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos subirrapido (nombre de la primera etiqueta) Parar Rectángulo (bajarrapido) ) Al pasar Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la opción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos Bajarrapido (nombre de la primera etiqueta) Al salir Informar destino (ojo aquí no tenemos que escoger ningún sprite sino como en la misma línea de tiempo de la escena hace esa función, con lo cual hemos de escoger la barra inclinada que no lleva ningún nombre asociado.) Ir al fotograma (Aquí marcamos la oción etiqueta) Desplegamos la flecha de el cuadro etiqueta y escogemos Bajarrapido (nombre de la primera etiqueta) Parar 12.- Ya tenemos nuestro scroll de texto o imágenes o ambos juntos preparado pero sin tener que crear sprites que lo que hacen es cargar el peso de la película. 13.- Fácil no? Javi.ten Salu2

Page 31: Swish Nivel Avanzado

INTERCAMBIO DE SONIDOS ENTRE DISTINTAS PELICULAS ¿Qué ocurre cuando sobre una película con música de fondo cargamos otra con distinta sintonía? Pues que el cambio es muy brusco y, con música, puede no ser nada agradable. Podemos solucionar esto realizando una cierta mezcla entre ellas, al estilo de los mejores DJ's. La idea es que cuando carguemos la película 2 sobre la 1, vaya desapareciendo la música1 al mismo tiempo que va apareciendo la música2. PELICULA 1: 1.- Creamos una película "peli1" con el texto "Película 1", al que podemos aplicar un efecto, como Aparecer de 20 fotogramas. 2.- En el fotograma 0, Fijar etiqueta Inicio. 3.- En el fotograma 1, Reproducir Sonido X.WAV (el que nosotros queramos). Seleccionamos Opciones de ese sonido, poniendo Bucle a 999. 4.- En el fotograma 19 (o el último del efecto aplicado) -> Parar. 5.- En el fotograma 20 -> Parar todos los sonidos. 6.- En el fotograma 21 -> Reproducir Sonido X.WAV (el mismo que antes). En Opciones, Bucle a 1 y Efecto Desaparecer. 7.- En el fotograma 22 -> Parar. 8.- También pondremos un texto "Pulsa aquí para ir a Película 2" (con o sin efecto) con la acción: OnPress(Al Presión Ir al fotograma 20. Cargar película peli2.swf (que crearemos más adelante) en nivel 1. PELICULA 2: 1.- Creamos una película "peli2" con el texto "Película 2", al que podemos aplicar un efecto, como Aparecer de 20 fotogramas. 2.- En el fotograma 0, Reproducir Sonido Y.WAV (el que nosotros queramos). En Opciones, Bucle a 1 y Efecto Aparecer.

Page 32: Swish Nivel Avanzado

3.- Ahora toca calcular "grosso modo" el fotograma para el siguiente paso. Vemos la duración de Y.WAV en segundos y lo multiplicamos por el nº de fotogramas por segundo que tiene peli2. Si Y.WAV dura 5 segundos y peli2 va a 20 fps, sería el fotograma 100. Ahora veremos que este cálculo no es del todo exacto, debido a que la duración del wav se mide en segundos completos, pero la onda no es exacta (puede que dure 5.43 segundos, por ejemplo). 4.- En el fotograma resultante del paso anterior (100 en nuestro caso), Reproducir sonido Y.WAV, bucle a 999, quitando el No reproducir si ya reproduciéndo. 5.- Hemos de probar que realmente hemos calculado bien, así que reproduciremos la película para ver que las dos ondas no se superponen. Si lo hacen, iremos desplazando el segundo Reproducir Sonido... hacia adelante hasta que nos cuadre (serán pocos fotogramas). 6.- En el siguiente fotograma al que pusimos el segundo Reproducir Sonido (en nuestro caso el 101), Parar. 8.- También pondremos un texto "Pulsa aquí para regresar a Película 1" (con o sin efecto) con la acción: OnPress(Al Presión) Descargar película del nivel 1. Informar destino "level_0" Ir a etiqueta Inicio. 9.- Finalmente, exportamos las pelis (sin bucles). 10.-Parece un poco lioso, pero siguiendo bien los pasos, funciona. Decir que el fade-in sólo se produce en un sentido, ya que al regresar de peli2 a peli1 sigue con el cambio brusco. Dedicaré un segundo tutorial para realizar un fade en dúplex. 11.-Fácil no? SIOM Salu2