FlashDevelop: HolaMundo en 5 sencillos pasos.

April 21, 2006 on 6:30 am | En OsFlash - Flash Open Source | 16 Comentarios

FlashDevelop es una aplicación Open Source creada principalmente para el desarrollo con ActionScript 2.0, aunque sirve además como editor para otros lenguajes como JavaScript, HTML, CSS o XML.

FlashDevelop sirve tanto como editor de ActionScript 2.0, como propio entorno libre de desarrollo ya que integra MTASC lo que se hace de esta aplicación una alternativa muy a tener en cuenta para el desarrollo de aplicaciónes en ActionScritp 2.0.

Más información sobre las caracteristicas principales de esta aplicación en osflash, y en la propia página del proyecto.

A continuación, en 5 sencillos pasos explicaré la manera de crear nuestro Hola Mundo desde FlashDevelop.

1.- Descarga e Instalación.

El primer paso es descargarse la última versión estable de FlashDevelop. Yo en este tutorial estoy usando la versión 2.0.0 RC2 disponible desde aquí. Trás la descarga se debe proceder a la instalación. La instalación no tiene porque dar muchos problemas ya que es tan sencillo de instalar como cualquier otro programa más de windows.

Comentar que flashdevelop requiere tener instalado el framework de .Net.

2.-Nuevo Proyecto.

Una vez instalado ejecutamos FlashDevelop y crearemos un Nuevo Proyecto. Para ello abrimos la opción del menú 'Proyect - New Proyect..'.

Seleccionaremos la opción de Standard Proyect e indicamos la ubicación donde guardaremos nuestro proyecto.

Esto nos generará automáticamente la siguiente estructura:

3.- Nueva Clase HolaMundo.as

Crearemos la siguiente clase, donde crearemos una caja de texto y dejaremos nuestro mensaje 'Hola Mundo '.

Para ello, es tan sencillo como ir al menú 'File-New' y añadir el siguiente código:

Actionscript:

1. class HolaMundo{
2. public function HolaMundo() {
3. var miTxt = new TextFormat();
4. miTxt.font = "Tahoma";
5. miTxt.size = 12;
6. _root.createTextField("miCaja", 1, 20, 20, 0, 0);
7. _root.miCaja.selectable = true;
8. _root.miCaja.border = true;
9. _root.miCaja.autoSize = true;
10. _root.miCaja.text = "Hola Mundo ";
11. _root.miCaja.setTextFormat(miTxt);
12. }
13. }

La guardaremos como HolaMundo.as en la carpeta classes de nuestro proyecto

4.- Modificación de la clase Main de nuestro proyecto.

Modificaremos la clase principal de nuestro proyecto, donde crearemos un objeto de la clase HolaMundo y añadiremos los parámetros necesarios para que esta clase, junto con el resto de nuestro proyecto pueda ser compilada por MTASC.

El código será el siguiente:

Actionscript:

1. /**
2. * @mtasc -swf c:\Main.swf -header 500:400:24:EFEFEF -main
3. */
4.  
5. class Main
6. {
7. public static function main():Void    {
8. var miPelicula: HolaMundo= new HolaMundo();
9. }
10. }

Las primeras tres lineas sirven para indicar a MTASC los parámetros de compilación.

Estos parámetros son los que el compilador MTASC necesita para el proceso de compilación, más información aquí . La manera de introducir estos parámetros es la siguiente:

Actionscript:

1. /**
2. * @mtasc
3. */

5.- Compilación.

FlashDevelp cuenta con la funcionalidad de comprobar la corrección de nuestras clases ActionScript. Para ello la barra de herramientas de nuestra aplicación tiene el siguiente botón:

Los siguientes botones sirven para compilar y crear nuestro archivo swf.

Después de la corrección de nuestras clases y la compilación de nuestro proyecto, la estructura final será la siguiente:

Espero que os sirva de algo, cualquier duda o comentario es bienvenido..

16 Comments »

RSS feed for comments on this post. TrackBack URI

1. veo que esto del flash open source esta avanzando tanto que ya te hizo pasar al lado obscuro!

   muy buen tutorial, con este y el anterior ayudas a abrir las puertas a la alternativa OS, cosa que no se ve mucho en la comunidad de habla hispana.

   Gracias Sergio! y a seguir adelante

   Comment by Bruno — April 21, 2006 #

2. Hey Sergio, buen tuto
   Y tomo nota de tu blog, que te lo tenías muy calladito.

   Saludos!

   Comment by Joan Garnet — April 21, 2006 #

3. Muy bueno Sergio. Felicidades y sigue adelante con el OS Flash que es la aternativa que más futuro propone si continúa así.

   Saludos

   Comment by Jorge Díaz — April 21, 2006 #

4. Gracias a todos por los comentarios, cuando tenga más tiempo intentaré publicar más cosillas de este estilo..

   Un saludo!;)

   Comment by ...sErGiO... — April 24, 2006 #

5. Gracias por todos los ezfuerzos Sergio…

   Comment by Julian — June 27, 2006 #

6. Sergio observa lo que me sucede con FlashDevelop,
   Instalo por primera vez el mismo y el Panel de salida
   OutPut Panel se muestra con fondo blanco y además reconoce la funcion trace() mi proyecto y me muestra los mensajes en el OutPut, por una u otra razón tuve que desintalar la aplicación y cuando la vuelvo a instalar, ni me reconoce la función trace()[no da error pero no muestra nada y el OutPut Panel esta con un color como desactivado] dime si me puedes ayudar, al menos dime hola para saber que atendiste mi inquietud. Gracias.

   Comment by Joan Pablo — July 7, 2006 #

7. Hola Joan Pablo,
   Es raro lo que comentas, a mi por lo menos no me ha pasado. Puedes acceder a la configuración pulsando F9, quizá la ruta de mtasc se te ha borrado o cualquier cosa de esas. De todas maneras te recomiendo que ‘postees’ tu problema en los foros de la página del proyecto, ya que además de buscarte una solución, si es un bug, para posteriores versiones lo tratarán de solucionar.
   Un saludo, y gracias por tu visita!

   Comment by ...sErGiO... — July 8, 2006 #

8. Muchas Gracias Sergio, realmente me preocupa eso, veré que puedo averiguar y si algo, aquí mismo coloco la solución. Hasta luego. Chao!

   Comment by Joan Pablo — July 10, 2006 #

9. hey Sergio, te comento dos cosas:
   - Fuese bueno mencionar el bendito “.NET framework” porque tambien la PC en la oficina me ha pedido que lo instale antes de correr el flashDevelop.
   - En el clase HolaMundo falta un corchete } y por eso da un error
   HolaMundo.as:12: character 1 : parse error Unexpected

   y bueno, gracias por el tutorial! ya he logrado crear mi primer swf con herramientas OS!

   salut

   Comment by Bruno — July 24, 2006 #

10. Me alegra saber que metiste tu también el pié en el charco!
    Ahora cambio eso que comentas!

    Saludos!

    Comment by ...sErGiO... — July 24, 2006 #

11. una duda que tengo y no consigo solucionar. A ver si hay alguien. Yo tenia un juego hecho con la ayuda del editor SEPY y ahora he pasado todo a flashdevelop, lo que pasa es que todos los AttachMovie que tenia no me los posiciona donde deberian estar sino estan todos totalmente cambiados (da igual que toque la propiedad _x del clip,… se queda en el mismo sitio).

    Gracias

    Comment by ispebo — October 25, 2006 #

12. hola sergio como estas : mi nombre es norberto .soy de argentina. queria saber si conoces algun manual de flash develop para principiantes. descargue un manual de flash de la pagina de macromedia en español y no se como aplicarlo a flash. gracias

    Comment by norberto — February 26, 2008 #

13. ok, todo super bien explicado, entendi casi todo, soy nuevo en esto, y creo que entendi como funciona, pero lo que no alcanso a omprender es que es lo que hace todo eso ke hiciste??

    solo muestra un texto que dice hola mundo en el swf ??

    Comment by leo — May 3, 2008 #

14. gracias por todo….

    un saluod….

    Comment by pepe — July 23, 2009 #

15. se puede decir que es una alternativa para flex?
    porfas ando algo confundido!

    Comment by vl4dy — January 22, 2010 #

16. ya me aclare algo ahora que instale flash builder y too, quisiera preguntar, para desarrollar en flax 2/3 se necesita flex builder? y para desarrollar en flex sdk flashDevelop, digo. cual es la diferencia entre flex el q es de pago y fles sdk? el pago?

    Comment by vl4dy — January 22, 2010 #

Leave a comment