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

Tabla de contenido:

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

Video: Cómo hacer un botón en Adobe Flash Actionscript 2.0

Video: Cómo hacer un botón en Adobe Flash Actionscript 2.0
Video: Ajuste (Tono / Saturación) en Adobe Photoshop - Todo lo que necesitas saber. 2024, Mayo
Anonim

Los botones permiten a los usuarios interactuar y controlar su documento de Adobe Flash. Puede adjuntar funciones y eventos a los botones mediante actionscript 2.0. La versión más reciente de actionscript es 3.0. Las dos versiones de actionscript no son compatibles.

El soporte para Adobe Flash finaliza en diciembre de 2020. Después de ese tiempo, ya no será posible utilizar Flash

Pasos

Parte 1 de 3: Insertar un botón en un documento Actionscript 2.0

1134257 1
1134257 1

Paso 1. Abra Actionscript 2.0

Hay dos versiones de Adobe Actionscript: Actionscript 2.0 y Actionscript 3.0. La versión 3.0 es la versión más reciente y su código no es compatible con Actionscript 2.0. Para este tutorial, asegúrese de estar utilizando un documento de Adobe Flash Actionscript 2.0.

1134257 2
1134257 2

Paso 2. Abra o cree un nuevo documento Actionscript 2.0

Cuando inicie Adobe Flash, seleccione "Archivo Flash (Actionscript 2.0)". Si ya tiene el programa abierto, use el atajo Ctrl + N para Windows o Comando + N para Mac.

1134257 3
1134257 3

Paso 3. Inserte un botón

En Adobe Flash, los botones se crean rápidamente con la función de símbolo de botón. Para acceder a esta función, puede seleccionar Insertar> Símbolo, usar el atajo de Windows Ctrl + F8, o usar el atajo de Mac ⌘ Comando + F8. En el cuadro de diálogo, ingrese un nuevo nombre en el campo "Nombre". Utilice el menú desplegable junto a "Tipo" para seleccionar "Botón". El botón aparecerá en su biblioteca (vea el panel derecho).

Parte 2 de 3: Definición de la apariencia y los estados de su botón

1134257 4
1134257 4

Paso 1. Defina el marco superior

Su botón tiene cuatro estados distintos: fotograma arriba, fotograma superior, fotograma abajo y fotograma de golpe. Estos estados son visibles en la línea de tiempo. El marco hacia arriba define la apariencia de su botón cuando no está en uso. Para crear la apariencia del marco hacia arriba, puede usar la herramienta de dibujo. En lugar de dibujar su propio botón, puede importar un gráfico de las "Bibliotecas comunes". Seleccione Ventana> Bibliotecas comunes> Botones. Elija un gráfico de botón y arrástrelo al escenario.

1134257 5
1134257 5

Paso 2. Defina el marco superior

El marco superior define la apariencia del botón cuando el usuario se desplaza sobre él. Haga clic en el cuadro directamente debajo de "Over" en la línea de tiempo. Seleccione Insertar> Línea de tiempo> Fotograma clave. El botón que creó debería aparecer en el escenario. Puede modificar la ubicación y / o apariencia del botón con la barra de herramientas o el panel de propiedades.

1134257 6
1134257 6

Paso 3. Defina el marco inferior

El marco hacia abajo define la apariencia del botón cuando el usuario lo selecciona o hace clic en él. Seleccione la casilla directamente debajo de "Abajo" en la línea de tiempo. Seleccione Insertar> Línea de tiempo> Fotograma clave. El botón que creó en el cuadro superior debería aparecer en el escenario. Puede cambiar la ubicación y / o apariencia del botón con la barra de herramientas o el panel de propiedades.

1134257 7
1134257 7

Paso 4. Defina el marco de impacto

El hit frame define un área en el escenario que responde al cursor del usuario. El cuadro de impacto es útil si el botón es pequeño o tiene una forma extraña. Seleccione Insertar> Línea de tiempo> Fotograma clave. Dibuja una forma que abarque los tres fotogramas o un área más grande. Esta forma no aparecerá en la escena ni en el producto final. La definición del marco de impacto es opcional. Si elige no definirlo, el marco superior servirá como marco de impacto predeterminado.

Parte 3 de 3: Asignar acciones a su botón

1134257 8
1134257 8

Paso 1. Abra el panel "Acciones"

Cuando asigna acciones a un botón, desea editar la escena, no el botón en sí. Haga clic en la escena que le gustaría editar. Haga clic derecho en el botón y seleccione "Acciones" en el menú. En el cuadro de diálogo "Acción" que aparece, puede asignar acciones escribiendo código o insertando código de las "Acciones" o biblioteca.

1134257 9
1134257 9

Paso 2. Indique la función

En Adobe Flash, las funciones realizan tareas específicas y repetibles. Cuando el usuario interactúa con los botones a través del cursor, ocurren estas tareas. Esta función se indica en el código de actionscript mediante sobre.

sobre ()

1134257 10
1134257 10

Paso 3. Determine cuándo ocurrirá la acción

Los eventos son señales de tiempo que comunican al programa que algo ha sucedido. Para los botones, estas señales de tiempo se ejecutan con el mouse. El evento se coloca dentro de los parens. Los eventos comunes relacionados con el ratón incluyen prensa: la tarea se ejecuta cuando se presiona el botón; liberación: la tarea se realiza cuando se suelta el mouse; dese la vuelta: la tarea se completa cuando se pasa el mouse sobre el botón.

en (presionar)

1134257 11
1134257 11

Paso 4. Nombre la función

Después del paréntesis cerrado, inserte un par de corchetes { }. La función que desea que ocurra cuando ocurre el evento se coloca entre paréntesis. Las funciones comunes incluyen: juego, parada, gotoAndPlay, gotoAndStop, siguiente fotograma, siguiente escena, prevFrame, prevScene, stopAllSounds.

on (presione) {gotoAndStop (); }

1134257 12
1134257 12

Paso 5. Inserte el fotograma o el número de escena

Para algunas funciones, necesitará enumerar un fotograma o escena específicos para ir. Inserte el fotograma o el número de escena en los paneles junto a la función nombrada.

on (presione) {gotoAndStop (12); }

Recomendado: