Cree un archivo FLA con una animación sencilla, como una sola interpolación de movimiento o de forma. Si ya se dispone de un archivo FLA que contiene la animación que se va a exhibir en el proyecto, abra este archivo y guárdelo con un nuevo nombre.

Decida el lugar en pantalla donde desea que aparezcan los dos botones: uno para iniciar la animación y otro vinculado al sitio de muestras o a la página principal del autor. Si es necesario, borre o añada espacio en el escenario para el nuevo contenido. Si la animación no dispone de ninguna, puede crear una pantalla de inicio en el primer fotograma. Probablemente tenga que desplazar la animación de forma que empiece en el fotograma 2 o en un fotograma posterior.

Añada una nueva capa sobre las demás capas de la línea de tiempo y asígnele el nombre buttons. En esta capa se añadirán los botones.

Añada otra capa sobre la capa buttons y asígnele el nombre actions. Ésta será la capa en la que añadirá el código ActionScript para la aplicación.

Utilice las herramientas de dibujo para crear el aspecto visual del primer botón (el botón “play”) en la capa buttons. Por ejemplo, puede dibujar un óvalo horizontal con texto encima.

Con la herramienta Selección, seleccione todos los elementos gráficos del botón individual.

En el menú principal, elija Modificar > Convertir en símbolo.

En el cuadro de diálogo, elija Botón como tipo de símbolo, asigne un nombre al símbolo y haga clic en Aceptar.

Con el botón seleccionado, asigne al botón el nombre de instancia playButton en el inspector de propiedades.

Repita los pasos 1 a 5 para crear el botón que llevará al usuario a la página principal del autor. Asigne a este botón el nombre homeButton.

Seleccione el fotograma clave en el Fotograma 1 de la capa actions.

Para abrir el panel Acciones, en el menú principal, elija Ventana > Acciones.

En el panel Script, escriba el código siguiente:

stop();

Al final del código escrito en los pasos anteriores, añada dos líneas vacías.

Escriba el código siguiente al final del script:

function startMovie(event:MouseEvent):void 
{ 
    this.play(); 
}

Este código define una función denominada startMovie(). Cuando se llama a startMovie(), hace que se inicie la reproducción de la línea de tiempo principal.

En la línea que sigue al código añadido en el paso anterior, escriba esta línea de código:

playButton.addEventListener(MouseEvent.CLICK, startMovie);

Esta línea de código registra la función startMovie() como un detector del evento click de playButton. Es decir, hace que siempre que se haga clic en el botón playButton, se llame a la función startMovie().

Al final del código escrito en los pasos anteriores, añada dos líneas vacías.

Escriba el código siguiente al final del script:

function gotoAuthorPage(event:MouseEvent):void 
{ 
    var targetURL:URLRequest = new URLRequest("http://example.com/"); 
    navigateToURL(targetURL); 
}

Este código define una función denominada gotoAuthorPage(). En primer lugar esta función crea una instancia de URLRequest que representa la URL http://example.com/. A continuación pasa la URL a la función navigateToURL(), lo que hace que el navegador del usuario abra dicha URL.

En la línea que sigue al código añadido en el paso anterior, escriba esta línea de código:

homeButton.addEventListener(MouseEvent.CLICK, gotoAuthorPage);

Esta línea de código registra la función gotoAuthorPage() como un detector del evento click de homeButton. Es decir, hace que siempre que se haga clic en el botón homeButton, se llame a la función gotoAuthorPage().

En el menú principal, elija Control > Probar película. Flash Professional crea el archivo SWF y lo abre en una ventana de Flash Player.

Pruebe ambos botones para asegurarse de que funcionan correctamente.

Si los botones no funcionan, puede comprobar lo siguiente:

• ¿Tienen los botones nombres de instancia distintos?

• ¿Las llamadas al método addEventListener() utilizan los mismos nombres que los nombres de instancia de los botones?

• ¿Se utilizan los nombres de evento correctos en las llamadas al método addEventListener()?

• ¿Se ha especificado el parámetro correcto para cada una de las funciones? (Ambos métodos deben tener un solo parámetro con el tipo de datos MouseEvent.)

Todos estos errores y otros posibles generan un mensaje de error. Este mensaje puede aparecer al seleccionar el comando Probar película o al hacer clic en el botón mientras se prueba el proyecto. Vea si hay errores de compilador en el panel Errores del compilador (los que se producen al seleccionar Probar pelí­cula). Compruebe el panel Salida para ver los errores en tiempo de ejecución que se producen durante la reproducción de contenido, como al hacer clic en un botón.