Primeros pasos con ActionScript 3

Descripción general de la instalación

ActionScript 3 se puede utilizar instalando Adobe AIR SDK o Apache Flex SDK o como parte del producto Animate CC de Adobe (anteriormente conocido como Flash Professional).

Adobe Animate CC es una solución de software profesional que se puede usar para crear proyectos AS3 usando herramientas visuales; una vez instalado, no se necesitan más pasos para comenzar a crear proyectos AS3.

AIR SDK y Flex SDK se pueden utilizar con herramientas de línea de comandos o con varios IDE de terceros.

Además de Adobe Animate CC, existen otros cuatro IDE populares capaces de trabajar con AS3. Estos IDE tienen sus propias instrucciones sobre cómo comenzar.

Hola Mundo

Una clase de documento de ejemplo que imprime “Hola, mundo” en la consola de depuración cuando se crea una instancia.

import flash.display.Sprite;

public class Main extends Sprite {

    public function Main() {
        super();

        trace("Hello, World");
    }

}

Instalación de desarrollo flash

FlashDevelop es un IDE de código abierto multiplataforma creado en 2005 para desarrolladores de Flash. Sin costo alguno, es una forma muy popular de comenzar a desarrollar con AS3.

Para instalar FlashDevelop:

  1. Descargue el archivo de instalación y ejecute el instalador
  2. Una vez completada la instalación, ejecute FlashDevelop. En el primer lanzamiento, debería aparecer la ventana App Man pidiéndole que elija qué SDK y herramientas instalar.

ingrese la descripción de la imagen aquí Si el AppMan no se abre automáticamente, o si desea agregar algo más tarde, ábralo eligiendo ‘Instalar software’ en el menú ‘Herramientas’.

Marque el elemento AIR SDK+ ACS 2.0 (en la sección ‘Compilador’) y el elemento Flash Player (SA) en la sección ‘Tiempos de ejecución’ (más cualquier otra cosa que desee instalar). Haga clic en el botón de instalación.

  1. Una vez que el SDK esté instalado, vamos a probar creando un proyecto de hola mundo. Comience creando un nuevo proyecto (desde el menú Proyecto)

  2. Elija Proyector AIR AS3 de la lista y asígnele un nombre/ubicación.

  3. En el panel del administrador de proyectos (elija ‘Administrador de proyectos’ en el menú de visualización si aún no está visible), expanda la carpeta src y abra el archivo Main.as.

  4. En el archivo Main.as, ahora puede crear un primer programa de ejemplo como https://www.wikiod.com/es/actionscript-3

  5. Ejecute su proyecto haciendo clic en el icono de reproducción o presionando F5 o Ctrl+Enter. El proyecto se compilará y cuando termine debería aparecer una ventana en blanco (esta es su aplicación). En la ventana de salida de FlashDevelop, debería ver las palabras: Hello World.

¡Ya está listo para comenzar a desarrollar aplicaciones AS3 con FlashDevelop!

Instalación de Apache Flex

de http://flex.apache.org/doc-getstarted.html

  1. Descargar el instalador SDK
  2. Ejecute el instalador SDK. La primera pregunta que se le hará es el directorio de instalación.
  • en una Mac, use /Applications/Adobe Flash Builder 4.7/sdks/4.14.0/
  • en una PC, use C:\Program Files(x86)\Adobe Flash Builder 4.7\sdks\4.14.0

Deberá crear las carpetas 4.14.0. Presiona Siguiente. Acepte las licencias SDK e instale.

Instrucciones específicas de IDE para la configuración de Apache Flex:

Creación de proyectos Flex o Flash en la línea de comandos mediante mxmlc

El compilador de Flex (mxmlc) es una de las partes más importantes del SDK de Flex. Puede editar el código AS3 en cualquier editor de texto que desee. Cree un archivo de clase principal que se extienda desde DisplayObject.

Puede desencadenar compilaciones en la línea de comando de la siguiente manera:

mxmlc -source-path="." -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Si necesita compilar un proyecto Flash (a diferencia de Flex), puede agregar una referencia a la biblioteca Flash de la siguiente manera (deberá tener instalado el IDE de Adobe Animate):

mxmlc -source-path="." -library-path+="/Applications/Adobe Animate CC 2015.2/Adobe Animate CC 2015.2.app/Contents/Common/Configuration/ActionScript 3.0/libs" -static-link-runtime-shared-libraries=true -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

O en Windows:

mxmlc -source-path="." -library-path+="C:\Program Files\Adobe\Adobe Animate CC 2015.2\Common\Configuration\ActionScript 3.0\libs" -static-link-runtime-shared-libraries=true -default-size [width in pixels] [height in pixels] -default-frame-rate [fps] -o "outputPath.swf" "mainClass.as"

Un ejemplo de “Hello World” mostrado

package {
    import flash.text.TextField;
    import flash.display.Sprite;

    public class TextHello extends Sprite {
        public function TextHello() {
            var tf:TextField = new TextField();
            tf.text = "Hello World!"
            tf.x = 50;
            tf.y = 40;
            addChild(tf);
        }
    }
}

Esta clase usa la clase TextField para mostrar el texto.