llops blog » Tips

Exportando para Flash Player 11 desde Flash Professional

llops — Fri, 07 Oct 2011 22:22:23 +0000

Como ya sabréis todos, esta semana se ha lanzado la versión final de Flash Player 11. Para los que quieran utilizar ya la nueva versión, Adobe ha facilitado instrucciones para compilar mediante Flash Builder o el command-line del SDK de Flex. Aunque no comenten nada de Flash Professional, también es posible hacerlo desde cualquier Flash CSx. Vamos a ver el proceso.

Archivos necesarios

Projector Content Debugger - La versión para poder depurar.

Projector - La versión standalone del Player.

PlayerGlobal.swc - Contiene las definiciones de las clases que se encuentran en el Player. Básicamente es una API para el compilador.

Todos ellos te los puedes bajar de http://www.adobe.com/support/flashplayer/downloads.html#fp11

Y si no lo tienes todavía instalado, el plugin del navegador: http://get.adobe.com/es/flashplayer

Configuración

Una vez descargados, vamos a la carpeta donde tenemos instalado Flash y navegamos hasta \Common\Configuration

Dentro de la carpeta ActionScript 3.0 creamos una nueva que se llame FP11, y copiamos el PlayerGlobal, renombrándolo como playerglobal.swc

Dentro de la carpeta Players duplicamos el archivo FlashPlayer10_1.xml y lo renombramos como FlashPlayer11.xml.

Luego lo editamos con la siguiente información (ver xml completo):

Volvemos a la carpeta raíz de Flash, nos metemos en el directorio Players y encontraremos dos carpetas: Debug y Release, donde copiaremos el Flash Player Debugger y el Flash Player respectivamente.

Nota: Mejor no sobreescribir los ficheros, renombrar para no perder las versiones anteriores.

Probando Flash Player 11

Para probar que todo funciona correctamente creamos una nueva película, añadimos 3 TextFields dinámicos en el escenario y escribimos el siguiente código:

Plain Text

import flash.system.Capabilities;
import flash.display.Stage3D;
version_txt.text = Capabilities.version;
type_txt.text = Capabilities.playerType;
var s3D:Stage3D = new Stage3D();
trace_txt.text = s3D.toString();

Vamos a las opciones de publicación y, gracias al xml que hemos añadido, deberíamos tener una nueva opción: Flash Player 11.

Y ahora probamos la película en el MODO DEBUG (cmd+shift+enter en Mac o ctrl+shift+enter en Windows). Si todo está configurado correctamente deberíamos ver la película con información similar a esta:

También funcionará si ejecutamos directamente el swf (utilizará el player standalone) o lo abrimos en el navegador. Pero si hacemos el clásico Test Movie dará un error en tiempo de ejecución

Plain Text

VerifyError: Error #1014: No se encontró la clase flash.display::Stage3D.

pero no en tiempo de compilación, confirmando que el compilador reconoce la clase Stage3D en el playerglobal.swc.

Si comentamos las lineas que hacen referencia a Stage3D y probamos nuevamente la película veremos que la versión del player será la 10.x y el playerType external. Resulta que el IDE utiliza una especie de player integrado para probar las películas, de ahí que no se pueda utilizar esta opción para apuntar a un player superior. Realmente sería mucho más útil que utilizara el Player de Release, igual que lo hace con el de Debug.

A pesar de este pequeño inconveniente, ya podemos disfrutar desde nuestro querido Flash de las ventajas que nos trae Flash Player 11.

3 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2011

Ayuda offline en Flash CS4

llops — Wed, 04 Mar 2009 10:52:38 +0000

Una de las cosas más molestas de Flash CS4 es que la ayuda (F1) es online, se conecta con http://help.adobe.com y a partir de ahí buscar un simple método es una tarea lenta y tediosa. Afortunadamente, la ayuda también se encuentra en local y se puede poner por defecto.

Para ello debemos ir a Window > Extensions y abrir el panel Connections. Al clicar en las opciones (botón superior derecha) veremos que una es Offline options.

Marcamos después el check de Keep me offline y aceptamos. Ahora al pulsar F1 dispondremos de toda la referencia en modo local, y aunque sigue abriéndose a través de navegador, al menos nos ahorramos los tiempo de carga.

Nota: a tener en cuenta que al activar este modo perdemos todas las funcionalidades que necesitan conexión (por ejemplo, el panel de Kuler).

También hay otras dos opciones interesantes en forma de aplicaciones AIR:

En la primera, Doc?, te tienes que descargar y configurar las distintas referencias de lenguaje que necesites (AS3, Flash CS4, CS3, Flex...) y la aplicación te permite ver, buscar y guardar la documentación. Yo la tengo instalada y es bastante útil.

La de BigSpaceShip, de similar funcionamiento, tiene integrada la referencia del lenguaje de AS3, pero a mí no me convenció mucho...

De todas maneras, la ayuda tal y como estaba planteada en CS3 era perfecta... :(

1 comentario
Compartir en Twitter | Compartir en Facebook

© llops blog 2009

Recogiendo variables externas

llops — Fri, 19 Sep 2008 17:49:00 +0000

A pesar de tener poco cero tiempo para dedicarle al blog, no quería dejar de escribir este pequeño tip sobre como se recogen variables externas en AS3. No es que sea nada muy complejo (la verdad es que incluso en la ayuda se comenta), pero me resultó curioso cuando el otro día un compañero me preguntó si lo sabía y me di cuenta que en todo este tiempo tocando AS3 no había tenido necesidad de usarlo... Así que lo documento por si existe por ahí algún despistado como yo :)

Haciendo un poco de memoria, en versiones anteriores se podía acceder a las variables directamente en el _root (_root.miVariable). Ahora es bastante menos intuitivo, aunque no carece de lógica.

En AS3 se utiliza la clase Loader cuando queremos cargar un swf o una imagen, y su propiedad contentLoaderInfo para acceder a la información del fichero y al proceso de carga (bytesLoaded, etc). Dicha propiedad es en realidad una instancia de la clase LoaderInfo. Así pues, al buscar cualquier información referente al swf, tiene sentido hacerlo en dicha clase, y las variables externas no son una excepción. Por esa razón existe una propiedad llamada parameters, de tipo Object para almacenar pares de nombre-valor.

Y la pregunta evidente es: si el primer swf no está cargado mediante Loader, ¿cómo acceder a esta información? La respuesta consiste en que cualquier objeto de la Display List cuenta con una propiedad loaderInfo que provee la información del SWF principal.

En este punto, si quisiéramos acceder a una variable llamada textoA sabemos que podemos hacerlo de la siguiente forma:

Plain Text

var variableA:String = this.loaderInfo.parameters.textoA

donde this puede ser tanto el DocumentClass como cualquier frame del timeline.

Y un par de consideraciones:

Debemos asegurarnos que al acceder a loaderInfo en un objeto, además de ser del tipo Display, éste se encuentre en la Display List, ya que sino generará error.
Sino se conocen el número de variables a recibir, podemos usar un for..in sobre parameters para que nos muestre todos los valores, ya que es un Object.

Dejo un ejemplo que utiliza swfobject 2.1 para cargar un swf y pasarle 2 variables que se muestran en cajas de texto:
Descargar ejemplo.

4 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2008

Habilitar botón derecho en AS3

llops — Sun, 06 Jul 2008 15:52:20 +0000

Es sabido que en Flash Player no se puede utilizar el botón derecho del mouse de forma "propietaria". Con dicho botón se activa el menú contextual, y aunque se puede modificar, como mínimo encontramos las opciones Configuración y Acerca de Adobe Flash Player 9...

Pues navegando por Google Code me he encontrado un proyecto llamado Custom-context-menu que nos permite utilizar a nuestro antojo el botón derecho. Para ello combina javascript y flash de una manera muy ingeniosa. Básicamente el hack consiste en:

Con javascript, capturar el click derecho en HTML antes que llegue al swf
Una vez capturado el evento, informar al swf mediante ExternalInterface
Crear una función en ActionScript que responda a la llamada de ExternalInterface

Se puede ver un ejemplo aquí.

Aunque puede ser un recurso muy útil, hay que tener en cuenta los siguientes inconvenientes:

Funciona en la mayoría de navegadores/so, pero no en todos
Antes de tener el evento en AS, recorre un ciclo de llamadas entre el swf y el html, con lo que el rendimiento es mucho peor que una llamada nativa
En el menú contextual se encuentran las opciones de configuración del Flash Player, y estaríamos quitándoselas al usuario

Aún así, en casos específicos en los que sería muy importante tener este botón habilitado, es una gran solución y no está de más conocerla.

2 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2008

Accediendo al stage antes de tiempo

llops — Mon, 18 Feb 2008 15:07:59 +0000

En AS3 es una práctica habitual asociar eventos al stage para cogerlos globalmente. El caso más utilizado probablemente se dé con los del tipo MouseEvent. Por ejemplo, si tenemos varios objetos en pantalla, en vez de definir un evento click para cada uno de ellos, cogemos sólo el click en el escenario (global) y vemos sobre quién se está interactuando:

Plain Text

this.stage.addEventListener(MouseEvent.CLICK, click);
private function click(e:MouseEvent):void
{
trace("Click en", e.target);
}

Pero a veces, cuando intentamos añadir un evento al stage obtenemos el siguiente error:

TypeError: Error #1009: No se puede acceder a una propiedad o a un método de una referencia a un objeto nulo.

Vamos a reproducir el error.

Tenemos dos clases: Main, asociada al documentClass, y Circulo, que se encarga de dibujar un pequeño circulo y capta un evento click.

Clase Main

Plain Text

package {
import flash.display.Sprite;
import Circulo;
public class Main extends Sprite {
function Main() {
var c:Circulo = new Circulo();
addChild(c);
}
}
}

Clase Circulo

Plain Text

package {
import flash.display.Sprite;
import flash.events.*;
public class Circulo extends Sprite {
function Circulo() {
// Dibujar Circulo
this.graphics.beginFill(0xFF0000);
this.graphics.drawCircle(50, 50, 10);
this.graphics.endFill();
// Definir el evento click
this.stage.addEventListener(MouseEvent.CLICK, clic);
}
private function clic(e:MouseEvent):void
{
if (e.target == this) trace("Click sobre circulo")
else trace("No es circulo");
}
}
}

Si compilamos obtenemos:

TypeError: Error #1009: No se puede acceder a una propiedad o a un método de una referencia a un objeto nulo.
at Circulo()
at Main()

¿Por qué obtenemos este error?

Stage es el contenedor base de todos los objetos visuales y se encuentra en lo más alto de la displayList. Este contenedor no se puede acceder directamente, sino que se tiene que hacer mediante la propiedad stage, que se encuentra en cualquier objeto que extiende de DisplayObject.

Nuestro objeto Circulo extiende de Sprite y por tanto es un DisplayObject que soporta la propiedad stage, pero cuando intentamos acceder a dicha propiedad el objeto no se encuentra todavía en la displayList y por tanto la referencia es nula.

Solución

Para solucionar esto existen dos eventos muy útiles definidos en DisplayObjet: added y addedToStage. El primero se dispacha cuando un objeto se añade a la displayList y el segundo cuando se añade al escenario.

Así pues, podemos suscribirnos a estos eventos antes de acceder al stage y así garantizar que está disponible y que no genera error.

Finalmente nuestra clase Circulo quedaría:

Plain Text

package {
import flash.display.Sprite;
import flash.events.*;
public class Circulo extends Sprite {
function Circulo() {
// Dibujar Circulo
this.graphics.beginFill(0xFF0000);
this.graphics.drawCircle(50, 50, 10);
this.graphics.endFill();
// Escuchar el evento ADDED
this.addEventListener(Event.ADDED, init);
// o en este caso también ADDED_TO_STAGE
//this.addEventListener(Event.ADDED_TO_STAGE, init);
}
private function init(e:Event):void
{
// Definir el evento click
this.stage.addEventListener(MouseEvent.CLICK, clic);
}
private function clic(e:MouseEvent):void
{
if (e.target == this) trace("Click sobre circulo")
else trace("No es circulo");
}
}
}

>> Descargar ejemplo