Descargar Proyecto Flash Builder 4.6 .fxp >>

Si no tienes Flash Builder 4.6 puedes descargar el proyecto comprimido:

Descargar Proyecto Flash Builder 4.6 comprimido >>

En la carpeta AIR_App encontrarás la aplicación para poder usarla sin necesidad de instalar.

Compilar con la aplicación es bastante sencillo:

En la sección PROYECTO selecciona la carpeta raíz donde están las clases del proyecto pulsando el botón Clases. Selecciona la Clase principal (Clase documento) del proyecto.
Si el proyecto utiliza bibliotecas compiladas selecciona con el botón Bibliotecas la carpeta que las contiene.
En la sección PUBLICACIÓN puedes seleccionar la carpeta donde se publicará el archivo swf compilado, dar un nombre y un tamaño por defecto a dicho swf.
En la sección COMPILACIÓN selecciona una carpeta que contenga el Flex SDK a utilizar en la compilación.
Pulsa el botón Compilar cuando hayas configurado todo lo anterior.
Si la compilación ha ido bien aparece un mensaje alertando de que el documento (swf) se ha exportado correctamente; en caso contrario, aparecerá un mensaje alertando del error. La aplicación no tiene ningún tipo de funcionalidad debug.

Ver ejemplo >>

Descargar Proyecto JavaScript >>

Para cambiar el color del pincel tenemos que manipular los datos de la imagen que utilizamos como SpriteSheet. Esto provoca un error de seguridad en Firefox y Chrome si la aplicación se ejecuta en local. Por esto, si vas a utilizar alguno de estos navegadores para revisar este ejemplo sería conveniente que lo hicieras en un servidor local.

El selector de color lo hemos tomado ‘prestado’ de Mrdoob Mr.doob HitHub.

Por otro lado, para cambiar el valor de la densidad del pincel y la escala hemos recurrido al nuevo tipo ‘number’ que actualmente sólo soporta WebKit(Chrome, Safari) y Opera, por lo que si ves la aplicación desde otro navegador, estos campos aparecerán como inputs normales.

Ver ejemplo >>

Descargar Proyecto JavaScript versión Mootools&PureMVC >>

Descargar Proyecto JavaScript versión jQuery >>

Para ver este ejemplo es altamente recomendable utilizar Chrome. Por otro lado, como recurro a CSS3 para aplicar los degradados y el efecto de reflejo de las imágenes, debe verse con un navegador que soporte degradados y transformaciones CSS3 (Internet Explorer 9, Opera 11, Firefox 3.5+ y Chrome). En el caso de IE9 hemos recurrido a dibujar los degradados a partir de archivos svg.

Descargar proyecto Flash Builder 4.6 >>

Como hemos comentado, no es necesario instalar la aplicación, por lo que si quieres utilizarla directamente la encontrarás en la carpeta AIR_App.

Hemos utilizado Three, desarrollado por MrDoob.

Es muy recomendable ver el ejemplo con el navegador Chrome.

Ver ejemplo >>

Descargar Código Fuente >>

Puedes mover/rotar 3 objetos enlazados jerárquicamente:

Principal (Representado por unos ejes)

–Secundario (Representado por unos ejes)

—-Cubo

El botón Reset coloca resetea las transformaciones de los tres objetos.

FrameWork Mate y Galería de Imágenes

Ver ejemplo JavaScript >>

Descargar Proyecto JavaScript >>

Mientras vemos si la plataforma Flash sobrevive a tanto ataque, aquí tenéis una posibilidad de reconversión a JavaScript. He utilizado PureMVC por ser un framework muy habitual en proyectos ActionScript y Mootools por permitirme trabajar con algo parecido a clases.

En la carpeta js he alojado los dos frameworks y en fw puedes encontrar las ¿clases? que he utilizado, clasificadas de forma similar a como estarían en un proyecto Modelo-Vista-Controlador ActionScript. Las he dividido en archivos .js independientes para que quede un poco más clara la estructura, pero no habría mayor problema en incorporar todo el código en un único archivo .js.

Un saludo, y espero que no me maten por ‘colar’ un post sobre JavaScript en Coconnut

Mientras esperamos si esto de la plataforma Flash acaba muriendo o, por el contrario, se reactiva más que nunca, nos podemos entretener con la nueva actualización de Flash Builder

Flash Builder 4.6

Flex SDK 4.6

Una de las novedades que más me ha gustado es la posibilidad de exportar una aplicación AIR con el runtime incorporado, por lo que no necesita ser instalada (ni ella ni el runtime). Tiene el inconveniente de que cualquier app va a pesar, al menos, 36.4 megas (lo que ocupa el runtime AIR que incorpora), y 8 megas en el caso de aplicaciones móviles; pero la gran ventaja de no obligar al usuario a instalar nada. Basta seleccionar la opción “Signed application with captive runtime” en la primera ventana del cuadro de diálogo “Export Release Build” que aparece cuando exportamos la app.

Por otro lado, en Tour de Flex han actualizado los contenidos con varios ejemplos de los nuevos componentes para móviles que trae Flex 4.6

Un saludo y a disfrutar de Flex mientras dure

Flash Professional and the Future

Clarifications on Flash Player for Mobile Browsers, the Flash Platform, and the Future of Flash

Your Questions About Flex

Open Spoon Project

Desde hace unos días estamos actualizando nuestros contenidos también a través de nuestra pagina en google +

La podéis visitar desde el siguiente enlace:

Caracool en google +

Os esperamos a todos y esperamos disfruteis de los contenidos.

El plugin ofrece varias posibilidades, pero la más interesante es la obtención del número de versión a partir de nuestro repositorio de control de versiones.

Añadir el plugin al fichero “pom.xml”

El primer paso es incluir la conexión con nuestro SCM.

<scm>
<connection>scm:svn:svn://url/trunk/</connection>
<developerConnection>scm:svn:svn://url/trunk/</developerConnection>
</scm>

Posteriormente hay que incluir el plugin.

<plugins>
…
<plugin>
<groupId>org.codehaus.mojo</groupId>
<artifactId>buildnumber-maven-plugin</artifactId>
<version>1.0</version>
<executions>
<execution>
<phase>validate</phase>
<goals>
<goal>create</goal>
</goals>
</execution>
</executions>
<configuration>
<doCheck>false</doCheck>
<doUpdate>false</doUpdate>
</configuration>
</plugin>
…
</plugins>

Añadir las declaraciones al plugin flexmojos

Utilizamos “defineDeclaration” para incluir el buildNumber y la fecha a nuestro SWF en tiempo de compilación.

<plugin>
<groupId>org.sonatype.flexmojos</groupId>
<artifactId>flexmojos-maven-plugin</artifactId>
<version>3.8</version>
<extensions>true</extensions>
<configuration>
…
<definesDeclaration>
<property>
<name>BUILD::buildNumber</name>
<value>"${buildNumber}"</value>
</property>
<property>
<name>BUILD::timestamp</name>
<value>"${timestamp}"</value>
</property>
</definesDeclaration>
…
</configuration>
</plugin>

Utilizar las declaraciones en el SWF

En cualquier parte de nuestra aplicación podemos incluir unas constantes de este modo.

public static const BUILD_NUMBER:String=BUILD::buildNumber;
public static const BUILD_TIMESTAMP:String=BUILD::timestamp;