Scour Design. Tutoriales de Flash, ActionScript, CSS, Photoshop, ImageReady...

\n"; } } } lecturas();

          


Actuar con la barra espaciadora

      

Autor: Carlos Carmona

Para ver el ejemplo, descarga este archivo.

Es bien sencillo hacer que el usuario interactue con la pelicula usando el teclado. Vamos a ver un ejemplo muy sencillo para el caso de la barra espaciadora, por supuesto, todo esto se puede complicar tanto como queramos, es cuestión de que veais como sehace, y después ya le echeis imaginación.

Abrímos nuestro flash, y para este ejemplo, vamos a utilizar 2 capas. En una de ellas irá un botón necesario para poner el código y en la otra capa estará la película en sí.

En la capa de la película, ponemos en el primer fotograma un fotograma clave, y le ponemos lo que queramos, para el caso nosotros hemos puesto un simple "HOLA", y en ese fotograma, click derecho del ratón y le damos a acciones, y ponemos la acción:

stop();

En la misma capa, en el fotograma 2, añadimos otro fotograma clave (F6), y nuevamente ponemos lo que queramos, nosotros, para seguir en la línea hemos puesto "ADIOS", y hemos añadido otro fotograma clave en el fotograma 20 y hemos creado una interpolación de movimiento del fotograma 2 al 20. Vosotros haced lo que querais, esto no es relevante para el tutorial.

NOTA: no estaría mal, si el usuario tiene que interactuar con una tecla, la barra en este caso, que se lo dijesemos en la película, no debemos confiar en que sea adivino... :D

Vamos a la segunda capa, que es la que nos interesa. En el primer fotograma creamos un fotograma clave, y tenemos que crear un botón, ya que el código esta en un evento "on" que es un evento de botón. Así que creamos un botón, como no queremos que el usuario vea el botón, lo vamos a crear fuera del marco de nuestra película flash. Y como no se va a ver, no tiene que ser un botón bonito, así que creamos por ejemplo un cuadrado fuera del marco, lo seleccionamos y apretamos F8, en el cuadro de texto que aparece, le damos el nombre que queramos o lo dejamos por defecto, y elegimos la opción "botón".

Ahora, damos click derecho sobre el botón y le damos a acciones, y ponemos este codigo:

on (keyPress "<Space>") {
        gotoAndPlay(2);
}

Y ya está, mucho rollo para poca chicha... :D

Si estais empezando en esto, os recomiendo que intenteis entender los códigos, os será más facil aprender.

El código dice; cuando se apriete el espacio, el control de la película se lleva al fotograma 2.

Para ver el ejemplo de este tutorial, descargaros el zip que aparece más abajo.

Descarga el archivo.

Un saludo.

Scour Design ™ Todos los Derechos Reservados © Carlos Carmona Xhtml 1.1 Strict Válido!CSS Nivel 2 Válido! Nivel Triple-A de Conformidad con las Directrices de Accesibilidad Web (WAI)