Como hacer una pizarra en Actionscript 3.0

Etiquetas: Shape lineStyle moveTo clear removeEventListener doubleClickEnabled

Uno de los ejercicios típicos que se suelen hacer al comenzar a programar en Actionscript, es una pizarra.

En Actionscript 3.0 tenenmos que utilizar la clase Graphics. Podemos pintar dentro de cualquier objeto de visualización que tenga el atributo graphics (Shape, Sprite, MovieClip).

Lo primero que tenemos que hacer es definir el estilo de linea (color,grosor, etc) que vamos a utilizar en nuestro objeto. En este ejemplo vamos a dibujar en un Shape definido por la variable pizarra, por lo que podemos definir su estilo de linea asi:

pizarra.graphics.lineStyle(10,0x000000);

Ahora tenemos el pincel en (0,0), con un grosor de 10 y color negro. Si queremos pintar una linea desde (100,100) hasta (200,200), tenemos que mover el pincel hasta (100,100). Para ello usamos la función moveTo(x,y);

pizarra.graphics.moveTo(100,100);

Y ahora dibujamos la linea con lineTo:

pizarra.graphics.lineTo(200,200);

Por último, si queremos borrar lo dibujado, utilizamos la función clear():

pizarra.graphics.clear();

Hay que tener en cuenta que esta función borra además las definiciones de estilo de linea y relleno, por lo que antes de seguir dibujando debemos volver a hacerlas.

Añadidos comentarios

Acabo de subir una versión "con comentarios" de la web. Tengo que testear algunas cosas y probar diseños, pero parece que la cosa funciona. Como siempre, se agradecen los comentarios.

Diferencias entre MovieClip, Sprite y Shape

Etiquetas: Sprite Shape MovieClip

En Actionscript 3.0 tenemos la posibilidad de trabajar con varios tipos de display objects. Esto es un intento de explicar cuales son las diferencias entre ellos y para qué se pueden utilizar:

-MovieClip: La clase MovieClip hereda de la clase Sprite. Es decir: todos los atributos y métodos de Sprite, los tiene MovieClip. Además los MovieClips incluyen linea de tiempo, y las propiedades y métodos asociados. Por ejemplo MovieClip incluye los métodos play(), stop(), gotoAndPlay(), nextFrame(), etc... y las propiedades currentFrame, currentLabel, scenes, totalFrames, etc...

-Sprite: como un MovieClip pero sin linea de tiempo. Es decir, un Sprite puede utilizarse como contenedor de objetos, almacenar variables, y recibir eventos. Lo único que no se puede hacer es manipular su linea de tiempo, ya que no tiene.

-Shape: como un Sprite pero sin interactividad de ratón ni teclado. Tampoco pueden contener objetos de visualización secundarios. Se suelen utilizar para dibujar dentro de ellos, ya que poseen el atributo graphics.

Utilizar el Micrófono en Actionscript 3.0

Etiquetas: Microphone Security getMicrophone showSettings setLoopBack

Ejemplo de interacción con el micrófono en AS3. Para que funcione el ejemplo es importante permitir a Flash el acceso al micro en el cuadro de seguridad, y elegir el micro correcto en el combo correspondiente.

Materiales interactivos en Papervision GreatWhite, parte II

Etiquetas: Viewport3D BasicRenderEngine interactive animated MovieAssetMaterial

En Papervision greatWhite podemos añadir eventos a los elementos 3D .

Otra opción es crear los elementos 3D a partir de MovieClips interactivos que tienen asociados eventos. Por ejemplo, tenemos un MovieClip con tres botones dentro, y creamos una esfera con ese MovieClip como material. Para que se respeten los eventos de ese clip al convertirlo en material3D, debemos configurar los siguientes parámetros:

-al crear la instancia de Viewport3D debemos especificar que es interactivo:

 
//los parametros son: (ancho,alto,autoEscalar,interactivo) 
viewport = new Viewport3D(400,400,false,true);
 

-al crear el material debemos especificar que es interactivo y animado:

//los parametros son: (ID de linkage,transparente,animado)
var material:MovieAssetMaterial = new MovieAssetMaterial("MenuPPV",true,true);
material.interactive = true;

Tras el salto, el código completo y la demo.

Galería circular de imágenes en Actionscript 3.0

ESPECIFICACIONES

Lenguaje: Actionscript 3.0 y XML

Compatibilidad: Flash Player 9 o superior

Imágenes: Para esta demo he conectado la galería con la cuenta de Flickr de Lola

Peso: 36KB

Evento doble click en Actionscript 3.0

Etiquetas: MouseEvent DOUBLE_CLICK doubleClickEnabled

Una de las novedades que trajo Actionscript 3.0 fué que el evento "doble click" ya venía implementado.

Para utilizarlo hay que hacer dos cosas:

-Activar la propiedad

doubleClickEnabled

del objeto que recibe el evento, y añadir el evento al objeto.

Galeria esférica en Actionscript 3.0 y Papervision GreatWhite

ESPECIFICACIONES

Lenguaje: Actionscript 3.0 y XML

Compatibilidad: Flash Player 9 o superior

Imágenes: Para esta demo he conectado la galería con la cuenta de Flickr de Lola

Peso: 72KB

Galeria tipo en Itunes en Actionscript 3.0 y Papervision GreatWhite

ESPECIFICACIONES

Lenguaje: Actionscript 3.0 y XML

Compatibilidad: Flash Player 9 o superior

Peso: 97KB

Creados los RSS de esedeerre

He creado los RSS para esedeerre.com. Se puede acceder a ellos pulsando el el botón que está a la izquierda, encima del menú, o pulsando aquí:
-Acceso a los RSS