Cómo crear un botón en Adobe Flash Actionscript 2.0

Los botones les permiten a los usuarios controlar documentos de Adobe Flash e interactuar con ellos. Para agregarle funciones y eventos a un botón, puedes usar ActionScript 2.0. La versión más nueva de ActionScript es la 3.0, pero estas dos versiones no son compatibles entre sí.

Parte 1

Parte 1 de 3:

Insertar un botón en un documento de ActionScript 2.0

Descargar el PDF

Existen dos versiones de Adobe ActionScript: ActionScript 2.0 y ActionScript 3.0. La versión 3.0 es la más nueva, pero su código no es compatible con la versión 2.0. Para poder seguir este tutorial, deberás asegurarte de usar un documento de Adobe Flash ActionScript 2.0.
Al abrir Adobe Flash, selecciona "Archivo Flash (ActionScript 2.0)". Si ya tienes el programa abierto, utiliza el atajo del teclado Ctrl+N (Windows) o Comando+N (Mac).^{[1]XFuente de investigación}
En Adobe Flash, puedes crear botones rápidamente con la función del símbolo del botón. Para acceder a esta función, selecciona "Insertar > Símbolo" o utiliza el atajo del teclado Ctrl+F8 (Windows) o Comando+F8 (Mac). Ingresa un nombre en el campo "Nombre" del cuadro de diálogo. Selecciona "Botón" en el menú desplegable que aparece junto a "Tipo".^{[2]XFuente de investigación}
Anuncio

Parte 2

Parte 2 de 3:

Configurar el aspecto y los estados del botón

Descargar el PDF

Un botón tiene cuatro estados diferentes: el fotograma de "reposo", el fotograma "sobre", el fotograma "presionado" y el fotograma de "zona activa". Estos cuatro estados son visibles en la línea de tiempo. El fotograma de reposo define el aspecto del botón cuando no está en uso. Para cambiar el aspecto del fotograma de reposo puedes usar la herramienta de dibujo. En vez de dibujar tu propio botón, puedes importar un gráfico de las "Bibliotecas comunes". Selecciona "Ventana > Bibliotecas comunes > Botones". Elige un gráfico de botón y arrástralo hacia el escenario.^{[3]XFuente de investigación}
El fotograma "sobre" define el aspecto del botón cuando el usuario coloca el cursor sobre él. Haz clic en el cuadro que está justo debajo de "Sobre" en la línea de tiempo. Selecciona "Insertar > Línea de tiempo > Fotograma clave". El botón que has creado ahora aparecerá en el escenario. Puedes cambiar la ubicación y el aspecto del botón usando la barra de herramientas o el panel "Propiedades".^{[4]XFuente de investigación}
El fotograma "presionado" define el aspecto del botón cuando el usuario lo selecciona o hace clic sobre él. Selecciona el cuadro que está justo debajo de "Presionado" en la línea de tiempo. Selecciona "Insertar > Línea de tiempo > Fotograma clave". El botón que has creado ahora aparecerá en el escenario. Puedes cambiar la ubicación y el aspecto del botón usando la barra de herramientas o el panel "Propiedades".^{[5]XFuente de investigación}
El fotograma de zona activa define el área del escenario que responderá al cursor del usuario. El fotograma de zona activa es muy útil si el botón es pequeño o de forma irregular. Selecciona "Insertar > Línea de tiempo > Fotograma clave". Dibuja una forma que contenga a los tres cuadros o un área más grande. Esta forma no aparecerá en la escena o en el producto final. Definir una zona activa es opcional. Si decides no definirla, el fotograma de reposo servirá como fotograma predeterminado de zona activa.^{[6]XFuente de investigación}
Anuncio

Parte 3

Parte 3 de 3:

Asignarle acciones al botón

Descargar el PDF

Cuando le asignas acciones a un botón, lo que en realidad buscas es editar la escena y no el botón en sí. Haz clic en la escena que quieras editar, luego haz clic derecho en el botón y selecciona "Acciones" en el menú. Aparecerá un cuadro de diálogo donde podrás asignar acciones escribiendo un código o insertando código desde "Acciones" o desde la biblioteca.^{[7]XFuente de investigación}
2
Declara la función. En Adobe Flash, las funciones realizan tareas específicas y repetitivas. Estas tareas se ejecutarán cuando el usuario interactúe con los botones a través del cursor. La función se indica en el código de ActionScript con la palabra on.^{[8]XFuente de investigación}
```
on ( )
```
3
Determina cuándo quieres que ocurra la acción. Los eventos son señales de tiempo que se comunican con el programa para indicarle que algo ha ocurrido. En el caso de los botones, estas señales se ejecutan con el ratón. El evento va dentro de los paréntesis. Algunos eventos comunes relacionados con el botón son: press (presionar, la tarea se ejecuta al presionar el botón del ratón); release (soltar, la tarea se ejecuta al soltar el botón del ratón); rollOver (pasar el cursor sobre, la tarea se ejecuta al pasar el cursor sobre el botón).^{[9]XFuente de investigación}
```
on (press)
```
4
Ponle un nombre a la función. Después de cerrar el paréntesis, inserta un par de llaves { }. Coloca entre las llaves la función que quieras ejecutar cuando se produzca el evento. Algunas de las funciones más comunes son: play (reproducir), stop (detener), gotoAndPlay ("ir a" y "reproducir"), gotoAndStop ("ir a" y "detener"), nextframe (próximo fotograma), next scene (próxima escena), prevFrame (fotograma previo), prevScene (escena previa), stopAllSounds (silenciar todos los sonidos).^{[10]XFuente de investigación}
```
on (press) {gotoAndStop();}
```
5
Inserta el número de cuadro o escena. En algunas funciones, es necesario aclarar el cuadro o escena a la cual quieres ir. Inserta el número de cuadro o escena entre paréntesis junto al nombre de la función.^{[11]XFuente de investigación}
```
on (press) {gotoAndStop(12);}
```
Anuncio