Archivos de la categoría ‘Flash’

FDT 4 Linked libraries
Wednesday, December 29th, 2010

Si has instalado FDT 4 y no encuentras las linked libraries, ahora se encuetran en Preferencias -> Generales -> WorkSpace -> Linked Resources.

También es posible que no encuentres en el Menú New -> AS Class y que por defecto solo salga MXML Class, puedes volver a restaurarlo en el Menú (superior) Window -> Reset Perspective, para que te aparezcan todas las opciones.

Me he llevado dos sustillos al actualizar hoy :) .

Reforest y Formato XFL
Saturday, December 18th, 2010

Según Adobe:
Los archivos XFL son el equivalente XML de los archivos FLA. Un archivo XFL es una carpeta de archivos comprimida que contiene una carpeta de biblioteca y un documento XML (DOMDocument.xml) que describe el archivo FLA.

La carpeta de biblioteca contiene los recursos a los que se hace referencia en el archivo XML. Cuando se abre un archivo XFL en Flash Professional, extrae esos elementos del archivo XFL y los utiliza para crear un documento FLA. El documento se guarda desde Flash Professional como un nuevo archivo FLA, sin cambiar el archivo XFL con Flash Professional.

De esta manera, podemos utilizar este formato para crear nuestras semillas en Reforest y sacar provecho de las ventajas del formato XML.

Cuando creemos un nuevo proyecto con Reforest, podremos variar todos aquellos parámetros del documento flash (en el momento de la creación) que nos hagan falta, como por ejemplo: tamaño, color, vinculaciones, opciones de publicación, objetos de la librería, etc.

Lleva algo de trabajo pero merece la pena invertir un poco de tiempo en ello.

Creamos nuestra semilla (example.seed). Ver tutorial

Junto a la semilla (example.seed) creamos una carpeta, donde vamos a almacenar los archivos que van a servir de plantilla y que Reforest copiará en los nuevos proyectos, con el nombre de files.

Dentro de files creamos un directorio nuevo con el nombre de flash para almacenar todos los archivos relacionados con Flash, paquetes de clases, xfl's, librerías, etc.

Creamos un nuevo documento Flash y lo guardaremos como main.xfl. Veremos que flash nos ha creado un directorio con el nombre main donde se encuentran todos los archivos relacionados al .xfl (DOMDocument.xml, PublishSettings.xml, etc).

xfl.jpg

Ahora solo tenemos que insertar variables de Reforest en aquellos archivos que tengan las propiedades que queramos cambiar en los distintos proyectos. Por ejemplo si queremos cambiar las propiedades del documento como tamaño, insertaríamos variables de Reforest en el archivo DOMDocument.xml de la siguiente manera:

width="%RFST:DocumentWidth=1004%" height="%RFST:DocumentHeight=680%"

Si lo que queremos cambiar es relativo a las opciones de publicación, introduciríamos las variables en PublishSettings.xml y si fuese sobre algún objeto de la librería, veremos que hay una carpeta con el nombre LIBRARY, dentro de la cual encontraremos todos los elementos disponibles en la librería y sus propiedades, seguiríamos los mismos pasos para todos ellos. Por ejemplo en PublishSettings.xml insertamos variables en los proyectores para variar si se publicarán o no.

publishsettings.jpg

Una vez que tenemos las variables de Reforest insertadas, volvemos a la semilla y le decimos qué archivos tiene que analizar Reforest en busca de estas variables con el atributo parse="true", de la siguiente forma:

XML:
<seed>
    <info>
        <author>Robot04</author>
        <date>09/09/09</date>
        <name>Basic Template</name>
        <description>Estructura de proyecto - Ejemplo Formato XFL</description>
        <notes>XFL Rocks :) </notes>
    </info>
    <structure>
        <folder name="projectName">
            <folder name="flash">
                <folder name="main">
                    <file name="bin" route="files/flash/main/bin" />
                    <file name="DOMDocument.xml" route="files/flash/main/DOMDocument.xml" parse="true" />
                    <folder name="LIBRARY">
                        <file name="Content.xml" route="files/flash/main/LIBRARY/Content.xml" parse="true" />
                    </folder>
                    <file name="main.xfl" route="files/flash/main/main.xfl" />
                    <file name="META-INF" route="files/flash/main/META-INF" />
                    <file name="MobileSettings.xml" route="files/flash/main/MobileSettings.xml" />
                    <file name="PublishSettings.xml" route="files/flash/main/PublishSettings.xml" parse="true" />
                </folder>
                <file name="libs" route="files/flash/libs" />
            </folder>
        </folder>
    </structure>
</seed>

Una vez hecho esto abrimos la semilla con Reforest y creamos proyecto, veremos en el apartado de cambio de variables aquellas que hayamos añadido y podremos variarlas al vuelo al crear el proyecto.

VariablesReforest.jpg

Nueva versión de Flint Particles
Tuesday, August 31st, 2010

flint.jpg
El sístema de partículas Flint se actualiza a la versión 2.1.4.

Esta versión implementa:

  • Colisiones entre partículas y zonas.
  • La interface Zone2D incluye un método collideParticle usado para probar colisiones entre partículas y zonas.
  • Además corrige algunos pequeños bugs.

Enamorado de Signals
Sunday, June 13th, 2010

Y para muestra un botón :)

Actionscript:
package view.ui.common
{
    import com.greensock.TweenMax;
    import flash.events.MouseEvent;
    import org.osflash.signals.natives.NativeSignal;

    import flash.display.Sprite;

    /**
     * @author robot04
     */

    public class BasicButton extends Sprite
    {
        private var overed:NativeSignal;
        private var outed:NativeSignal;
        public var clicked:NativeSignal;
       
        public function BasicButton()
        {
            buttonMode = true;
            mouseChildren = false;
            overed = new NativeSignal(this, MouseEvent.MOUSE_OVER);
            outed = new NativeSignal(this, MouseEvent.MOUSE_OUT);
            clicked = new NativeSignal(this, MouseEvent.CLICK, MouseEvent);
        }
       
        public function removeListeners():void
        {
            overed.remove(onOver);
            outed.remove(onOut);
        }
       
        public function addListeners():void
        {
            overed.add(onOver);
            outed.add(onOut);
        }

        protected function onOut(event:MouseEvent):void
        {
            TweenMax.to(this, .4, {alpha:1});
        }

        protected function onOver(event:MouseEvent):void
        {
            TweenMax.to(this, .4, {alpha:.8});
        }
    }
}

Robert Penner - Signals

Reforest
Sunday, June 13th, 2010

Reforest

Reforest es una aplicación desarrollada en Adobe AIR que crea estructuras de proyecto a través de plantillas.

Estas plantillas pueden ser configuradas al gusto de cada uno para crear el árbol de carpetas y archivos que formarán nuestro directorio de proyecto.
El ejemplo que viene con Reforest, cuando lo descargáis, es un MVC simple con Flash y AS3, pero se puede utilizar para cualquier tipo de proyecto, diseño, .php, html, etc

La plantilla, a partir de ahora semilla (.seed), está compuesta por los siguientes nodos:

info

Info es la parte de la semilla que nos va a proveer de la información de ésta, como autor, fecha, nombre, descripción, etc.

Esta es la estructura:

XML:
<seed>
    <info>
        <author>Robot04</author>
        <date>09/09/09</date>
        <name>Example Template</name>
        <description>Estructura de proyecto base con vista y controlador</description>
        <notes>Acuérdate de borrar el árbol de main.fla :) </notes>
    </info>
</seed>

Después encontramos la estructura.

structure

Structure es la etiqueta que va a contenter nuestro proyecto, y en ella podremos crear y copiar los archivos y directorios que solamos utilizar frecuentemente en nuestros proyectos.

Dentro de structure podremos utilizar dos tipos de etiquetas diferentes:

  • folder
  • file

folder

Folder es la encargada de crear los directorios, tiene un sólo parámetro obligatorio name.
Si el valor del parámetro name es projectName, el valor se sustituirá en tiempo de ejecución por el nombre que elijamos para el proyecto.

XML:
<seed>
    <info>
        <author>Robot04</author>
        <date>09/09/09</date>
        <name>Example Template</name>
        <description>Estructura de proyecto base con vista y controlador</description>
        <notes>Acuérdate de borrar el árbol de main.fla :) </notes>
    </info>
    <structure>
        <folder name="projectName">
        </folder>
    </structure>
</seed>

file

El nodo file se encarga de copiar archivos y carpetas a nuestro directorio de proyecto.

Tiene dos parámetros obligatorios:

  • name
  • route

Name indica el nombre con el cual se guardará el archivo en nuestro directorio de proyecto y route es el path al archivo que se va a copiar.

XML:
<seed>
    <info>
        <author>Robot04</author>
        <date>09/09/09</date>
        <name>Example Template</name>
        <description>Estructura de proyecto base con vista y controlador</description>
        <notes>Acuérdate de borrar el árbol de main.fla :) </notes>
    </info>
    <structure>
        <folder name="projectName">
            <folder name="flash">
            <file name="main.fla" route="files/flash/main.fla" />
        </folder>
        </folder>
</seed>

Además de esto y esta es la joyita de Reforest, el nodo file tiene un atributo opcional parse.

Si le decimos a Reforest que parsee el documento con el atributo parse="true". Reforest buscará en esos archivos variables de Reforest y nos permitirá durante la creación del proyecto cambiar sus valores por otros al vuelo.

Las variables de Reforest tienen el siguiente aspecto:
%RFST:Variable=Valor%

Por ejemplo un uso básico en un archivo html podría ser:
<title>%RFST:title=titulo%</title>

o en un .as podríamos ajustar las características de nuestro fla de la siguiente manera:

Actionscript:
[SWF(width="%RFST:SWFWidth=1004%", height="%RFST:SWFHeight=680%", backgroundColor="%RFST:SWFBGColor=#FFFFFF%", frameRate="%RFST:SWFFramerate=30%")]

Espero que lo disfrutéis y si tenéis sugerencias o dudas, ya sabéis :)

PD: Junto con el instalador de Reforest encontraréis más información y un ejemplo de uso.

Labuat – Impresionante
Monday, March 23rd, 2009

labuat.jpg

Labuat

Impresionante. Una idea fantástica y una realización impecable.

Vía: ¿y por qué no?

ANT para compilar proyectos flash y proyectos Gaia
Monday, March 16th, 2009

Dejo aquí los archivos necesarios para compilar desde Eclipse nuestros archivos Flash con ANT.

Existen tres modalidades, que podéis seleccionar en Eclipse según necesidad:

- Compile: compila el archivo que tengamos abierto en Flash.
- Compilegaia: compila todos los archivos que tengamos abiertos en Flash, dejando como último archivo para publicar Main.fla (así podemos probar el proyecto desde main con todos los flash que tengamos abiertos ya modificados.
- Compilegaiapc: pues eso, lo mismo pero para Pc.

Music Catch 2
Monday, March 16th, 2009

musiccatch2.jpg

Un juego en flash bastante curioso... Music Catch 2.