Blog de Sergio Álvarez Fernández » OsFlash - Flash Open Source http://blog.sergioalvarez.net Blog de Sergio Álvarez Fernández Sun, 11 May 2008 11:01:58 +0000 http://wordpress.org/?v=2.5 en Flashaid http://blog.sergioalvarez.net/flashaid/ http://blog.sergioalvarez.net/flashaid/#comments Sun, 16 Jul 2006 19:52:41 +0000 ...sErGiO... http://blog.sergioalvarez.net/?p=50 Navegando por ahí, he visto este proyecto OsFlash. Por lo que he leido la finalidad de este proyecto es hacer que desde aplicaciones AJAX se pueda detectar cuando el usuario tiene activas las funciones de accesibilidad. Y esto gracias a un simple swf de 1×1.
Más información en la página del proyecto.
Saludos!;)

]]> http://blog.sergioalvarez.net/flashaid/feed/ FlashDevelop 2.0 RC3 http://blog.sergioalvarez.net/flashdevelop-20-rc3/ http://blog.sergioalvarez.net/flashdevelop-20-rc3/#comments Wed, 07 Jun 2006 09:57:45 +0000 ...sErGiO... http://blog.sergioalvarez.net/?p=40

Esta mágnifica herramienta ha liberado una nueva versión con pequeños cambios y arreglos muy utiles para ayudarnos a desarrollar aplicaciones open source con flash.

Más info en la página del flashdevelop, y en concreto aquí.

Si aún no lo habeís probado, no sé a que estaís esperando!!

]]> http://blog.sergioalvarez.net/flashdevelop-20-rc3/feed/ OsFlash de cumpleaños!! http://blog.sergioalvarez.net/osflash-de-cumpleanos/ http://blog.sergioalvarez.net/osflash-de-cumpleanos/#comments Mon, 29 May 2006 21:04:15 +0000 ...sErGiO... http://blog.sergioalvarez.net/?p=39

Pues ojalá que cumpla muchos más, ya que este mundillo tan desconocido para muchos (yo incluido) me parece que merece la pena conocer..

Además estrenan mascota..jeje.

Un saludo!;)

]]> http://blog.sergioalvarez.net/osflash-de-cumpleanos/feed/ FlashDevelop y MM Componets http://blog.sergioalvarez.net/flashdevelop-y-mm-componets/ http://blog.sergioalvarez.net/flashdevelop-y-mm-componets/#comments Mon, 29 May 2006 20:06:48 +0000 ...sErGiO... http://blog.sergioalvarez.net/?p=33 Este tutorial muestra como usar los componentes que trae Macromedia Flash en nuestros proyectos con FlashDevelop.


Comenzaremos creando un nuevo proyecto. En mi caso, haciendo uso de toda la originalidad de la que dispongo en este momento, lo he llamado PruebaComponentes.

Para utilizar los componentes que incorpona Macromedia Flash, debemos crear un nuevo archivo .fla que contendrá los componentes a utilizar. Para ello, con el IDE de Macromedia Flash abierto arrastramos a la librería de nuestro archivo los componentes que vayamos a utilizar..

En este caso, y inspirandonos en el tutorial que ya hay aquí, arrastraremos los componentes Alert y Button a nuestra libreria, y guardaremos nuestro archivo flash como componentes.fla en el directorio library de nuestro proyecto PruebaComponentes. Además publicaremos un swf de nuestro archivo y lo almacenaremos en el mismo directorio, de esta manera nuestro proyecto quedará así:

El siguiente paso será añadir el archivo componentes.swf que contiene los componentes a utilizar a nuestra librería para ello haremos click con el botón derecho sobre el archivo y marcaremos la opción 'Add to library'.

El siguiente paso es marcar en las opciones de compilación dentro de las propiedades de nuestro proyecto que utilizaremos los componentes de Macromedia. Para ello iremos al menú 'Project-Properties' y en la pestaña 'Compiler Options' pondremos a true la opción UseMx.

Con esto y una clase como la siguiente, ya podríamos empezar a cacharrear un poco:

Actionscript:
  1. import mx.controls.Alert;
  2. import mx.controls.Button;
  3.  
  4. class Main
  5. {
  6. // content holder
  7. var contentMc:MovieClip;
  8. /**
  9. * Content creation
  10. */
  11. function Main()
  12. {
  13. // new content
  14. contentMc = Main.parent.createEmptyMovieClip("contentMc", 0);
  15. // create control
  16. var helloBtn:Button = contentMc.createClassObject(Button, "bt", contentMc.getNextHighestDepth(), {
  17. label:"Hello world!",
  18. _x:10,
  19. _y:10,
  20. _width:150
  21. });
  22. // listen
  23. helloBtn.addEventListener("click", helloBtnClick);
  24. }
  25. /**
  26. * Click handler
  27. * @param    e    Event object
  28. */
  29. function helloBtnClick(e:Object):Void
  30. {
  31. trace("click "+e.target);
  32. Alert.show("Hello World!", "I say...");
  33. }
  34. //{ APPLICATION INITIALIZATION
  35. static var application:Main;
  36. static var parent:MovieClip
  37. /**
  38. * Application entry point
  39. */
  40. static function main(scope:MovieClip)
  41. {
  42. parent = scope;
  43. // create the content
  44. application = new Main();
  45. }
  46. //}
  47. }

NOTA:Este tutorial es una adaptación/traducción del que se encuentra aquí. Cuando saque un rato, traduzco la clase también. Y si se me ocurre una pequeña aplicacioncilla simple de ejemplo quizá haga otro tutorial.

Un saludo!;)

]]> http://blog.sergioalvarez.net/flashdevelop-y-mm-componets/feed/ AsWing Beta1 http://blog.sergioalvarez.net/aswing-beta1/ http://blog.sergioalvarez.net/aswing-beta1/#comments Mon, 08 May 2006 14:13:06 +0000 ...sErGiO... http://blog.sergioalvarez.net/?p=32 Ya ha salido la Beta1 de AsWing,el framework OpenSource para ActionScript 2.0 'similar' a Java Swing. Han corregido diversos errores y añadido nuevos componentes, más información y descarga aquí.

Saludos!;)

]]> http://blog.sergioalvarez.net/aswing-beta1/feed/ FlashDevelop y AsWing http://blog.sergioalvarez.net/flashdevelop-y-aswing/ http://blog.sergioalvarez.net/flashdevelop-y-aswing/#comments Mon, 08 May 2006 14:08:40 +0000 ...sErGiO... http://blog.sergioalvarez.net/?p=28 Para integrar y poder usar AsWing desde FlashDevelop es tan sencillo como añadir al classpath el directorio donde se encuentra nuestro framework AsWing.

FlashDevelop tiene un classpath global que utilizarán todos los proyectos que creemos.
Para añadir directorios a nuestro classpath global es tan sencillo como ir al menú 'Tools - Global Classpaths..' o bien pulsando Ctrl + F9.

Donde nos aparecerá una ventana para añadir el directorio donde tengamos AsWing o el framework que le queramos indicar..

También Flash Develop incorpora un classpath único para cada proyecto. Para modificar este classpath es tan sencillo como ir al menú 'Proyect - Properties'.

Y modificar los datos de la pestaña classpath:

Yo he optado por añadir las clases de AsWing en el directorio predeterminado donde se encuentran el resto de las clases que ya incorpora AsWing, en mi caso en: 'C:\Archivos de programa\FlashDevelop\library', asi como en 'C:\Archivos de programa\FlashDevelop\tools\mtasc\std' para evitar que me de errores mtasc.

Una vez añadido AsWing, he creado un nuevo proyecto con una única clase llamada Prueba.as.
Donde la clase Prueba.as es la misma que la del tutorial 'MTASC + Aswing: Primeros pasos en Osflash'.

Actionscript:
  1. // importamos las clases necesarias
  2. import org.aswing.BorderLayout;
  3. import org.aswing.Event;
  4. import org.aswing.JButton;
  5. import org.aswing.JTextArea;
  6. import org.aswing.JFrame;
  7. import org.aswing.utils.*;
  8. // creamos la clase a compilar que heredará de JFrame
  9. class Prueba extends JFrame{
  10. // Creamos dos variables de tipo JButton y JTextArea
  11. private var miBoton:JButton;
  12. private var miTexto:JTextArea;
  13. // El constructor de la clase
  14. public function Prueba() {
  15. super(_root, true);
  16. // Creamos los botones
  17. miBoton = new JButton("JButton1");
  18. miTexto = new JTextArea("Pulsa el botón");
  19. // Los colocamos
  20. getContentPane().append(miBoton, BorderLayout.SOUTH)
  21. getContentPane().append(miTexto,BorderLayout.CENTER)
  22. // Controlamos el click del botón
  23. miBoton.addEventListener(JButton.ON_PRESS, Delegate.create(this, marcarPulsacion));
  24. }
  25. // Función que se ejecutará al hacer click en el botón
  26. private function marcarPulsacion(eventObj:Event):Void {
  27. miTexto.setText("Botón Pulsado");
  28. }
  29. // Main de la clase
  30. public static function main(Void):Void {
  31. var myWindow:Prueba = new Prueba();
  32. myWindow.setLocation(50, 50);
  33. myWindow.setTitle("Aswing Prueba..");
  34. myWindow.setSize(100, 100);
  35. myWindow.show();
  36. }
  37. }

Un saludo!;)

]]> http://blog.sergioalvarez.net/flashdevelop-y-aswing/feed/ FlashDevelop: HolaMundo en 5 sencillos pasos. http://blog.sergioalvarez.net/flashdevelop-holamundo-en-5-sencillos-pasos/ http://blog.sergioalvarez.net/flashdevelop-holamundo-en-5-sencillos-pasos/#comments Fri, 21 Apr 2006 06:30:05 +0000 ...sErGiO... http://blog.sergioalvarez.net/?p=25

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.

icono.gif

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.. ;)
]]> http://blog.sergioalvarez.net/flashdevelop-holamundo-en-5-sencillos-pasos/feed/ MTASC + Aswing : Primeros pasos en OsFlash http://blog.sergioalvarez.net/15/ http://blog.sergioalvarez.net/15/#comments Thu, 30 Mar 2006 17:30:00 +0000 ...sErGiO... http://blog.sergioalvarez.net/?p=15 Este tutorial, intenta de ser un pequeño acercamiento al mundo del OsFlash, donde se trata de hacer una pequeña introducción a MTASC y AsWing, creando finalmente el siguiente ejemplo que se puede ver aquí.

1.-¿Qué es MTASC?

MTASC son las siglas de Motion Twin Action Script Compiler. Bajo estas siglas se encuentra el primer compilador Open Source para ActionScript 2.0. Su última y parece que definitiva versión es la 1.1.2 que se puede descargar desde aquí. Más información (en ingles) en su propia página web www.mtasc.org.

Este compilador es obra de Nicolas Canesse, quien ya ha anunciado que no habrá nuevas versiones de MTASC que soporten ActionScript 3, ya que ahora esta metido en otro proyecto del cual podemos obtener más información en www.haxe.org.

2.-MTASC Primeros Pasos

Lo primero que debemos hacer es descargar el compilador desde su página oficial, o bien pinchando aquí, y descomprimir los archivos donde queramos tenerlo.

MTASC funciona desde la línea de comandos y sólo permite trabajar orientado a objetos, lo que nos obliga a que todos y cada uno de nuestros proyectos sean conjuntos de clases.

Para empezar ejecutaremos la acción 'mtasc' desde la linea de comandos de Windows y situandonos sobre el directorio en el que tengamos instalado MTASC, donde nos aparecerá una pequeña ayuda donde nos mostrará información sobre las distintas opciones, entre ellas:
- pack(path): compila todos los archivos de la ruta donde esté el paquete.
- cp : añade las rutas indicadas al classpath
- swf nombreArchivo.swf: donde nombreArchivo.swf es el nombre del archivo resultante.
- main: Habilita un punto de entrada a la aplicación.
- header ancho:alto:fps. Dimensiones y velocidad de la película en fotogramas por segundo.
- Archivo_origen.as. La clase principal de nuestra aplicación.

Para más información, sin lugar a duda visita la página oficial de MTASC.

3.-Compilando la primera clase con MTASC

La primera clase que servirá como prueba será la siguiente, la cualguardaremos en un archivo llamado 'Tuto.as' y se encontrará en el mismo directorio en el que se encuentre MTASC.

class Tuto {
static var app : Tuto;
function Tuto() {
// creates a 'tf' TextField size 800x600 at pos 0,0
_root.createTextField("tf",0,0,0,800,600);
// write some text into it
_root.tf.text = "Hello world !";
}
// entry point
static function main(mc) {
app = new Tuto();
}
}

Para la compilación ejecutaremos la siguiente instrucción desde la línea de comandos y situados sobre el directorio donde se encuentre MTASC:

mtasc -swf tuto.swf -main -header 800:600:20 Tuto.as

Donde le indicaremos que nos cree 'tuto.swf' con las dimensiones indicadas y siendo la clase base 'Tuto.as'..

Este mismo ejemplo se puede encontrar (en ingles) y explicado más en profundidad aquí.

4.-¿Qué es AsWing?

AsWing es un framework en desarrollo y bajo la etiqueta Open Source (:D) que permite crear aplicaciones flash de una manera cómoda e independiente del IDE, o entorno de desarrllo de macromedia. Este framework o conjunto de librerías es similar a Java Swing y proporciona una serie de componentes que nos pueden hacer la vida más fácil a la hora de desarrollar con ActionScript 2.0.

En la actualidad y como ya he dicho antes se encuentra en fase de desarrollo. Sí te das una vueltilla por la página principal de AsWing, además de poder descargar la última versión podrás encontrar documentación así como el estado del grado de desarrollo en el que se encuentra cada componente.

5.-Requisitos para utilizar las clases de AsWing con MTASC.

El único y principal requisito es (además de descargar AsWing por supuesto..) es tener las clases en el mismo directorio que las clases que incorpora MTASC, o en su defecto indicarle en el classpath donde estan estas clases.

En mi caso para hacer esta prueba he optado por introducir el directorio 'org' de AsWing en el directorio 'std' de MTASC.

6.-Un ejemplo de Aswing con MTASC

El ejemplo consiste en una pequeña ventanita que contendrá un botón (tipo JButton) y un campo de texto ( tipo JtextArea). El funcionamiento será simplisimo, se creará la ventana, el botón y el campo de texto y se controlará el click del botón dejando un mensaje en el campo de texto.

// importamos las clases necesarias
import org.aswing.BorderLayout;
import org.aswing.Event;
import org.aswing.JButton;
import org.aswing.JTextArea;
import org.aswing.JFrame;
import org.aswing.utils.*;
// creamos la clase a compilar que heredará de JFrame
class Prueba extends JFrame{
// Creamos dos variables de tipo JButton y JTextArea
private var miBoton:JButton;
private var miTexto:JTextArea;
// El constructor de la clase
public function Prueba() {
super(_root, true);
// Creamos los botones
miBoton = new JButton("JButton1");
miTexto = new JTextArea("Pulsa el botón");
// Los colocamos
getContentPane().append(miBoton, BorderLayout.SOUTH)
getContentPane().append(miTexto,BorderLayout.CENTER)
// Controlamos el click del botón
miBoton.addEventListener(JButton.ON_PRESS, Delegate.create(this, marcarPulsacion));
}
// Función que se ejecutará al hacer click en el botón
private function marcarPulsacion(eventObj:Event):Void {
miTexto.setText("Botón Pulsado");
}
// Main de la clase
public static function main(Void):Void {
var myWindow:Prueba = new Prueba();
myWindow.setLocation(50, 50);
myWindow.setTitle('Aswing Prueba..');
myWindow.setSize(100, 100);
myWindow.show();
}
}

Una vez creada nuestra clase la guardaremos como 'Prueba.as' y situaremos este archivo en el directorio donde tengamos MTASC.

Ejecutaremos MTASC y le indicaremos la siguiente instrucción desde la línea de comandos :

mtasc -swf pruebando.swf -main -header 300:300:20 Prueba.as

Donde le indicaremos que nos cree 'pruebando.swf' con las dimensiones indicadas y siendo la clase base Prueba.as..
Bueno está ha sido mi primera prueba con Aswing, si tengo tiempo seguiré probando y publicaré lo que vaya logrando...

Cualquier duda, aclaración, comentario o sugerencia es bienvenida...

Un saludo! ;)

...sErGiO...

ENLACES IMPRESCINDIBLES:
http://www.mtasc.org/
http://www.aswing.org/

ARTICULOS RELACIONADOS RECOMENDADOS:
http://www.zarate.tv/articulos/flash_libre_facil/
http://www.joangarnet.com/blog/archives/2004/11/compilador_para.php

]]> http://blog.sergioalvarez.net/15/feed/