Hoy veremos como empezar con una sencilla aplicación en AS3.
Primero, necesitas el compilador de AS3, osease el Flex SDK. (instrucciones de como instalarlo).
Antes que nada y como buen programador necesitas una carpeta para cada proyecto que vayas a hacer, nada de dejar un archivo regado por aquí y otr por allá. Y como buen linuxero también tienes que usar la consola. La consola es tú amiga.
- Abre la consola:Aplicaciones > Accesorios > TerminalUna consola (usualmente) abre en tu directorio personal, y es aquí donde vamos a trabajar
- Crea una carpeta para poner todo lo que programes de aqui en adelante. La carpeta la llamaremos ‘code’.
mkdir code
mkdir es un acronimo para make directory (hacer directorio) y code es el nombre que tendrá - Ve al directorio que acabas de crear
cd code
cd es otro acrónimo para change directory (cambiar directorio) y luego le decimos a que directorio queremos cambiar - Aquí creamos otra carpeta para el nuevo proyecto
mkdir holamundo
te acordaste que mkdir hace un directorio y el directorio que hace se llama holamundo, ¿verdad? - nos cambiamos a holamundo
cd holamundo
y aqui empezamos a aprender el arte del as3 - primero, abrimos un editor de texto para empezar a programar
gedit main.as &
gedit es (si, adivinaste) otro acrónimo para gnome editor que es un editor simple de texto que será lo que necesitamos para hoy. Seguramente encontrarás otros y que se acomoden más a tus gustos pero mientras son peras o manzanas, este servirá. No se te vaya a olvidar poner el & al final, al poner un & le dices a la consola que te regrese inmediatamente a la linea de comandos, si no se lo pones, no regresará la linea de comando hasta que no termine la ejecucion del programa. Es importante porque vamos a usar los dos al mismo tiempo.
Bien, ahora vamos con el gedit y con la programacion en as3.
- Empezamos por un esquema básico de como debe ser un programa en as3 para despues pasar a las explicaciones
package {import flash.display.*;
import flash.text.*;
public function main():void {
var tf:TextField = new TextField();
tf.text = "Hola mundo!";
addChild(tf);
}
}}
mxmlc main.as
Con lo que notarás que efectivamente compila y te genera un archivo .swf, ahora a explicar todo lo que hicimos Hay que entender que AS3 es un lenguaje completamente orientado a objetos. Cada objeto es una instancia de una clase y cada clase tiene que pertenecer a un paquete, el Flex tiene muchos y muy variados paquetes para que puedas entretenerte con ellos y seguramente ya tienes curiosidad de verlso todos, solo es cuestion de tiempo para que puedas usarlos.
Entonces lo primero que le decimos es a que paquete va a pertenecer la clase que estamos a punto de teclear, esto lo hicimos con:
package {
}
Nota los {}, uno para abrir y otro para cerrar porque en medio de estos es donde vamos a poner la clase. Si te preguntas porque no se escribe el nombre del paquete, esto es porque usamos el paquete por default, el que no necesita ningun nombre porque es la primer clase que se va a usar. confia, por mientras, en que así debe de ser.
Lo siguiente que necesitamos decirle es que otros paquetes va a necesitar cuando intente ejecutar el programa, estos son los import:
import flash.display.*;
import flash.text.*;
le decimos que vamos a usar los paquetes display y text del paquete mayor flash. En general, para la primer clase es NECESARIO incluir flash.display.* pues esta clase necesita ser un MovieClip(si va a ser de entrada una pelicula) o un Sprite(si se van a cargar el resto de las cosas en un frame estático).Lo siguiente es lo que vamos a poner en la escena, por ahora solo necesitaremos un lugar para escribir “Hola mundo”, y eso hacemos, le decimos que haga un nuevo TextField y que ese textfield se llame ‘tf’, entonces a tf le decimos que en su propiedad .text guarde el valor “Hola mundo!”, fácil ¿verdad?. Entonces ya que está hecho solo le pedimos a ‘main’ que lo agregue a la escena actual para que pueda ser visto. - Finalmente necesitamos comprobar que todo funciona en un navegador.
- De regreso en la consola, presiona enter si no tienes la linea de comando, luego escribe
gedit holamundo.html&, lo que abre una nueva pestaña en el gedit. - Como buen programador vas a hacer un xhtml que vaya con todas las reglas que marca la w3c y entonces le vas a poner:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>holamundo</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head> <body>
<p><object type="application/x-shockwave-flash" data="main.swf" width="400" height="300">
<param name="movie" value="main.swf" />
</object></p>
</body>
</html>
Lo guardas presionando Ctrl+S - muy bien, ya está todo listo y puesto, solo falta verlo. Regresas a la consola y le escribes
firefox holamundo.html&, esperando que tengas firefox instalado, si no lo tienes, puedes conseguir algo mejor y usar Opera. Si ya tienes Opera puedes, en vex del aomando anterior escribiropera holamundo.html&. Ahora deberias ver Hola mundo! en la pantalla del navegador -
- Espero te haya sido de ayuda, si por algún motivo crees que me equivoqué es porque seguramente eres feo y estúpido.
- De regreso en la consola, presiona enter si no tienes la linea de comando, luego escribe