Вы находитесь на странице: 1из 32

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
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
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','Octu
bre','Noviembre','Diciembre');
timedate = new Date();
}
onClipEvent (enterFrame) {
hour = timedate.getHours();
minutes = timedate.getMinutes();
seconds = timedate.getSeconds();
todaydate = timedate.getDate();
day = timedate.getDay();
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
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.
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
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.


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


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
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?
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.
28.-Se pueden hacer muchas virguerias y sino mira el ejemplo.

javi.ten

salu2
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:
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?
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:


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)


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:
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
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
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.
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
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.
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
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
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.
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)
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)
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
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
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.
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

Вам также может понравиться