Flash - CS4

Lección 44:”ActionScript “(1)

44/46 Lecciones 

¿Qué es “ActionScript”?

“ActionScript” es el lenguaje scripting de “Flash”.
A través del “ActionScript” interactive podemos crear filmación y aplicaciones avanzadas, incluyendo conexión de las películas “Flash” a la base de datos.

Hasta ahora, en éste curso no hemos dicho nada acerca de él, pero quiero dar un básico uso de “ActionScript”.
Si pudiera distribuir mi tiempo, escribiría un curso exclusivamente de “ActionScript”, pero por ahora tendrás que arreglártelas con lo básico.

 

La acción “Detener”

En el código “ActionScript”, podemos agregar fotogramas, “Símbolos Botón” y “Símbolos Clip de Película”.

Como todos sabemos, las películas “Flash” automáticamente van desde el el primer hasta el último fotograma. Cuando llegas al último fotograma, la película se repetirá así misma.

Para cambiar ésto, usamos “ActionScript”.

Como lo mencioné arriba, podemos agregar código “ActionScript” a los fotogramas, “Símbolos Botón” y “Símbolo Clip de Película”.
Para “Detener” la película de reproducirse, ponemos la acción “Detener” en el primer fotograma.

Déjanos otra vez tomar la película “Flash” de mi auto, manejando desde la derecha a lo largo de la izquierda en el “Escenario”. Tan pronto como reproducimos la película, volverá a comenzar su camino.

Para detenerla debemos agregar una acción “Detener” a la “Línea del Tiempo” principal.

 

La primera cosa que hacer es crear una nueva capa donde pongas todo el código “ActionScript”.
Lo llamo capa AS (la cual es una abreviación de “ActionScript”) y colocarlo en la parte superior.
Esto no es nenecesario, pero, mantienen las cosas poco mejor organizadas y éste es el camino donde puedo encontrar todos los fotogramas que contienen “ActionScript” más rápidamente.

Selecciona el primer fotograma de la capa AS y abro “Acciones”.
La forma más rápida es presionar la tecla F9 en tu teclado.
Esta ventana será un poco diferente, pero no necesitamos de ella con excepción de hacer click en el botón “Asistente de Script” y en la flecha. Esto nos da una gran ventana de “Acciones”.

Con el fotograma 1 de la capa AS aún seleccionada, escribe el código “Stop ()”;
Este código detendrá el filme de “Flash” en el primer fotograma, en otras palabras, el vehículo permanecerá lo más a la derecha.
Tiene su código “ActionScript” colocado en el fotograma 50, entonces tuvo la película “Flash” desempeñada en 50 fotogramas antes de detenerse y el auto que habría sido impulsado a la mitad del camino a lo largo del “Escenario”.
Para tu información:
Puedes ver la parte de arriba de la ventana “Acciones” el código “ActionScript” que estás agregando a un fotograma. Si estás trabajando en un botón, sería la palabra botón desplegada.

Ahora la película “Flash” es detenida, debemos encontrar algo para manejar el auto de regreso.

Esto puede ser hecho mediante un botón.

Si no sientes algo creando un “Símbolo Botón”, “Flash” tiene un gran número de “Acciones” estandar en su “Librería”. Puedes abrirla haciendo click en “Ventana” en la barra de menu, escogiendo “Librería General” en el menu desplegable y haciendo click en “Botones”.

Crea una nueva capa y arrastra una instancia del botón en el “Escenario”.
Esto nos da un nombre de instancia en la “Ventana de Propiedades”.
Si deseas cambiar o convertir algo de ésta instancia en el “Escenario” a través de “ActionScript”, debes siempre darle un nombre.

Abrimos de regreso la ventana y agregamos el siguiente código.

Una pequeña explicación:
Comenzamos nuestro código con el nombre de una instancia: “Verde“, seguido de un punto.
La segunda cosa que necesitas saber es que “Flash” tiene un método llamado “addEventListener()”.
Un método es algo que puedes hacer, o más bien que “Flash” puede hacer.
Después abrimos los brackets y le decimos a “Flash” cuál evento debe esperar, antes de que ejecute el código, entonces este es el MouseEvent seguido de un punto. Después le decimos que hace el “Mouse Event“, en este caso CLICK. Escribimos una coma, y finalmente damos un nombre de la función con la cual “Flash” deberá desempeñar cuando se alcancen esas condiciones.

En este caso, tengo ésta función, el nombre dado es “ButtonClicked“.

Después escribimos la función.

Comenzamos con la palabra “función” seguida de un espacio y el nombre de la función, en éste caso ButtonClicked Abrimos los brackets y el tipo de.
evento: MouseEvent después cerramos paréntesis y escribimos “: Void“.
“Void” es una función que no regresa valor. En otras palabras, esta es una característica que sólo hace algo y no da más información. Pero hay que recordar que sólo es para este curso.

Después determinamos la función. Una función siempre empieza con una llave que se abre y siempre termina con una llave que se cierra.
Entre ellas dos, colocamos la acción. En este caso play ();

Probando tu película

Claro, el filme no se repetirá porque cuando el botón reproducir va de regreso al fotograma 1, se tiene el comando detener la película.

Si deseas ver el auto manejándose de regreso, haz click el botón otra vez.

Lo más obvio sería que crearas un botón de detener el auto y uno para que se maneje.
Muchos de ustedes no tienen que hacerlo.
Agrega un botón a la “Línea del Tiempo” y dale un nombre de instancia.
Remueve la acción “Detener” del primer fotograma.
Copiar y pega el resto del código, cambia el nombre de la instancia y ajusta la función de personalizar.

Intenta ésto por tu cuenta y si no funciona, hay un ejemplo en “Descarga de Archivos”.

 

Increíble! Has completado Lección 44 INICIAR EL PROXIMO LECCIÓN