CODIGO.actionscript » Flash

El nuevo motor de texto (Text Layout Framework) de Flash CS5

admin — Mon, 12 Apr 2010 22:33:06 +0000

Otra caracteristica muy interesante de Flash Profesional CS5 es el nuevo motor de texto (Text Layout Framework), que nos permite trabajar con texto seguido en varias cajas de texto de igual manera que nos lo permiten programas de diseño como Illustrator o InDesign.

Como digo, para vincular las cajas lo haremos igual que el Illustrator o InDesign, clicando en la parte inferior de la caja y seleccionemos la caja en que queremos vincular el texto sobrante.

Otra opción que tenemos es trabajar con varias columnas dentro de la misma caja de texto seleccionandolas desde el nuevo panel "Container and Flow".

Realmente una característica muy necesaria y que se venia esperando desde versiones anteriores

Comparte:

Nuevo formato de documento .XFL para Flash CS5

admin — Mon, 12 Apr 2010 17:31:30 +0000

Hoy a sido la presentación de la nueva suite CS5 de Adobe, en la cual nos han mostrado brevemente las novedades que trae. Una de las caracteristicas de Flash Profesional CS5 que me han gustado es la integración del documento de trabajo con el formato XFL, un formato de intercambio basado en XML.

De esta manera ahora los elementos de la película no quedan empaquetados dentro del archivo .FLA sino que quedan externamente dentro de una estructura de carpetas, siendo accesibles y modificables sin necesidad de abrir Flash.

Tanto las propiedades del documento como los elementos gráficos de la librería quedan exportados en archivos XML pudiendo ser editados desde cualquier editor de texto y modificar sus propiedades. Incluso el código Actionscript de los fotogramas queda exportado. Por ejemplo, este es el XML que genera un simple MovieClip con un circulo gráfico:

Esta es una característica muy buena que nos permitirá poder editar elementos gráficos directamente editando su archivo XML desde cualquier editor, incluso podríamos crearnos nuestras propias herramientas para editar nuestras películas Flash.

Comparte:

eSeminar sobre CS5 en video2brain

admin — Wed, 07 Apr 2010 22:16:13 +0000

Como ya sabrán el próximo día 12 de abril será el lanzamiento de la nueva Suite de Adobe, la CS5.

Para el día del lanzamiento Adobe ha preparado un evento online donde se mostrarán las nuevas características que aporta esta actualización.Podemos registrarnos a este evento desde la siguiente url:

Adobe Creative Suite 5 Launch

Paralelamente la gente de Video2Brain (portal de videotutoriales) está preparando un evento similar donde nos darán muestra de estas novedades en castellano por parte de los formadores Mariana Cabral, Adobe Certified Expert y Creative Suite Specialist Consultant, y Edgar Parada, Adobe Community Professional y Manager del AUG RIActive.

El evento será el dia siguiente al lanzamiento, osea el 13 de abril a las 20:00 en España (GMT+1), 13:00 en México (GMT-6), 13:00 en Colombia (GMT-5) o 15:00 en Argentina (GMT-3).

La url para acceder al connect es el siguiente:

http://webdwk35.bon.at/cs5/

El aforo al connect del eSeminar es limitado y sólo podrán entrar las primeras 250 personas que se registren, y el acceso se dará 5 minutos antes de iniciar el evento. Así que hay que estar atento para no perdérselo.

Comparte:

No related posts.

Cómo crear transiciones entre fotogramas en Flash

admin — Tue, 19 Jan 2010 03:33:19 +0000

Hace unos días me preguntaron como crear transiciones entre fotogramas en Flash. Esto es una tarea bastante sencilla de implementar así que aprovecho para explicarla en forma de Tip.

Lo que se pretende conseguir es que al cambiar de fotograma, los elementos del fotograma actual desaparezcan de forma animada antes de saltar al siguiente fotograma. Como se ve en el ejemplo:

Clicka en los botones de colores

Esta sencilla película está estructurada en varios fotogramas con un elemento diferente en cada uno de ellos y una serie de botones que nos hacen saltar de uno a otro.

La idea del ejemplo es que cada fotograma esté contenido en un MovieClip que contenga a su vez la animación de entrada y salida. Y por código haremos que se reproduzcan estas animaciones al cambiar de fotograma.

En el primer fotograma del MovieClip tendremos todo su contenido tal cual nos interese tener en pantalla, y apartir del segundo fotograma haremos la animación de entrada y salida.

Para este ejemplo la animación de entrada y salida será la misma interpolación de movimiento que reproduciremos adelante o hacia atrás según sea el caso.

Para poder referenciar el código colocaremos un Label "on" en el primer frame de la animación, un Label "anim" en los fotogramas internos de la animación, y un Label "out" en el último fotograma de la animación.

[h3]Ahora vayamos al código:[/h3]

Empezaremos por la clase Main.as, que es la clase de la pelicula y donde asignaremos los comportamientos a los botones:

package {
import flash.display.MovieClip;
import flash.events.MouseEvent;
//
public class Main extends MovieClip {

public var currentFrameClip:MovieClip;

public function Main() {
this.boton1.addEventListener(MouseEvent.CLICK,gotoFrame);
this.boton2.addEventListener(MouseEvent.CLICK,gotoFrame);
this.boton3.addEventListener(MouseEvent.CLICK,gotoFrame);
this.boton4.addEventListener(MouseEvent.CLICK,gotoFrame);
this.stop();
}
private function gotoFrame(e:MouseEvent):void {
switch (e.currentTarget) {
case boton1 :
currentFrameClip.gotoFrame(1);
break;
case boton2 :
currentFrameClip.gotoFrame(2);
break;
case boton3 :
currentFrameClip.gotoFrame(3);
break;
case boton4 :
currentFrameClip.gotoFrame(4);
break;
}
}
}
}

Aquí lo único que hacemos es que los botones de la película hagan ejecutar al MovieClip, referenciado desde una variable "currentFrameClip", un método llamado "gotoFrame", que como su nombre indica nos hará saltar al fotograma pasado como parámetro.

Vayamos ahora a la clase que asignaremos a cada uno de los MovieClip de los fotogramas y que es la que hará reproducir la animación y saltar de fotograma:

package {
import flash.display.MovieClip;
import flash.events.Event;
//
public class FrameInOut extends MovieClip {

public var goto:uint;

public function FrameInOut() {
MovieClip(this.parent).currentFrameClip=this;
frameIntro();
}
public function gotoFrame(frame:uint):void {
if (frame!=MovieClip(this.parent).currentFrame) {
goto=frame;
this.gotoAndStop("on");
this.addEventListener(Event.ENTER_FRAME,avanzaFrame);
}
}
//-----------------------------------------------------
private function frameIntro():void {
this.gotoAndStop("out");
this.addEventListener(Event.ENTER_FRAME,retrocedeFrame);
}
private function retrocedeFrame(e:Event):void {
if (this.currentLabel=="on") {
this.removeEventListener(Event.ENTER_FRAME,retrocedeFrame);
} else {
this.prevFrame();
}
}
private function avanzaFrame(e:Event):void {
if (this.currentLabel=="out") {
this.removeEventListener(Event.ENTER_FRAME,avanzaFrame);
MovieClip(this.parent).gotoAndStop(goto);
} else {
this.nextFrame();
}
}
}
}

Esta clase lo que hace es guardar el valor del fotograma al que debe de saltar. Luego reproduce la animación de salida desplazandose desde el Label "on" al Label "out", y es entonces cuando llama ejecutar el gotoAndStop que hace cambiar de fotograma.

El contructor de la clase también tiene una llamada a una función que hace reproducir la animación de entrada creandose así la transición de un fotograma al otro.

Aquí puedes descargarte el archivo.

Comparte:

Visualizar menús desplegables HTML por encima de películas Flash

admin — Fri, 31 Jul 2009 20:29:44 +0000

Este es otro tip "only for dummies", que es muy sencillo pero que da dolores de cabeza a la gente que apenas se inicia en el mundo de Ajax únicamente utilizando los códigos automáticos de Spry que trae Dreamweaver.

El problema que muchos se encuentran es que los menús desplegables les quedan por debajo de las peliculas Flash, aun estando está en un index inferior.

Esto tiene una solución muy sencilla, y pasa por añadirle la propiedad wmode de la pelicula Flash a valor invisible.

De manera que si estamos utilizando SwfObject para colocar el SWF, utilizariamos este código:

Esta línea de código es suficiente para resolver el problema.

Aqui el ejemplo, por si alguien lo quiere ver

Comparte:

Talleres Subflash 2009

admin — Wed, 08 Jul 2009 16:26:24 +0000

Para todos aquellos que aún no se hayan enterado de qué son los Talleres Subflash, pues decir que son probablemente los mejores talleres de desarrollo multimedia que se pueden encontrar en verano en España y que se celebran religiosamente cada año desde el 2003 en el mes de agosto.

Actualmente Subflash ha cambiado mucho, empezó como una comunidad al estilo de Cristalab, pero con el tiempo se ha transformado y finalmente ha cambiado su perfil para pasar a ser una web de donde se habla única y exclusivamente de estos talleres a través de un nuevo blog que han abierto.

Las conferencias siempre han tenido un nivel altísimo, y este año no es menos, con un buen número de Adobe Certified Experts, así como varios Adobe User Groups implicados, bloggers de renombre y en general personajes relevantes del mundillo web.

De momento hay confirmadas sesiones muy interesantes:

- SBF01. Papervision3D y realidad aumentada
- SBF02. AIR con JavaScript
- SBF03. Adobe After Effects CS4 en acción

Actualmente SÓLO quedan 26 plazas!!!

¿Y te lo vas a perder?

Más información:
Blog de Subflash
Web de Talleres Subflash
Conferencias
Registro

Comparte:

Cristalab Peru 2007 :: Conferencias y Talleres

Adobe en Vivo 2009 en su versión onLine

admin — Wed, 08 Jul 2009 11:40:34 +0000

Como ya saben, Adobe en Vivo es una seria de conferencias internacionales que son de forma presencial organizadas por Adobe User Group Perú (Garage Flash), invitando a los expositores a pasar una semana en Perú, dando conferencias gratuitas y talleres privados. Como este evento se hace de forma anual, hemos pensado hacer una versión onLine con 21 conferencistas entre manager, co-manager, lideres de comunidad y de opinión web.

Martes 14

Realidad Aumentada
Perú - Elder Vásquez (eldervaz)
Entrelazado vs progresivo en After Effects
España - Jorge Mochon
Contenido dinámico con InDesign
Colombia - Marlon Ceballos
Haciendo la Web más Dinámica con Premiere, Encore y After Effects
Rep.Dominicana - Luis Sosa

Miércoles 15

Experiencia del Usuario
México - Edgar Parada
Coldfusion 9
Ecuador - Michael Borbor
LiveCycle
Chile - Héctor Castro
Técnicas de Alto Rendimiento en Sitios Web
Argentina - Maximiliano R. Firtman

Jueves 16

AIR vs Flash Player API's
España - Joan Garnet
Trabajo con Adobe BrowserLab
España - Andres Cayon
ActionScript 3.0
México - Alberto Gonzalez
Soluciones para real-time applications
Perú - Fernando Flórez (fernando)

Viernes 17

Mobile Video - Dandelion Player for Flash Lite
España - Raul Jimenez (elecash)
Juegos en Flash Lite
España - Marcos González
Flash Builder 4 - Data Centric Development
España - David Lopez
ADOBE
EEUU - John Koch - Community Manager
International Developer Relations Manager

Sábado 18

Flash Catalyst
España - Guillermo de la Iglesia (Zguillez)
El impacto de los Medios sociales
Bolivia - Daniel Sempértegui (DanielSemper)
Semántica en XHTML
Perú - Germán Martínez
Promete algo útil
Colombia - Freddie Vega (freddie)
Progressive Enhancement
Venezuela - César Frick (thefricky)
Equipos Web en el Mundo Real™
Perú - César Soplín (cesars)

Esta conferencia será transmitida por Adobe Connect, y para ello solo tienes que ingresar a la dirección web que será publicada el mismo día del evento.

Verifica la fecha y hora de cada charla en: http://www.adobenvivo.com/online/

Comparte:

Archivo de configuración de AIR

admin — Wed, 24 Jun 2009 22:37:02 +0000

El archivo de configuración de AIR es un archivo XML que define las características de la aplicación AIR para ser distribuida. El nombre de este archivo es el mismo que el del archivo MXML pero con el sufijo -app.

Flex 3, Flash CS4 o Dreamweaver CS4 nos permitirán asignar estas propiedades desde paneles a la hora de empaquetar la aplicación, pero en algunos casos nos interesará editar estos valores directamente desde el archivo XML.

Aquí vemos vemos todas estas propiedades y su finalidad:

application

Este tag es el tag principal de la aplicación. Su unica propiedad es la definición de la versión del Runtime de AIR necesario para poder ejecutar la aplicación:

"http://ns.adobe.com/air/application/1.0">

id

El Id es un identificación único y específico para la aplicación, por eso se recomienda utilizar un namespace de dominio para asegurarse de no repetirlo en otra aplicación.

com.zguillez.cristalab.demos.demoApp1

filename

En este tag indicaremos el nombre de fichero de nuestra aplicación.

demoApp1

name

En este tag volveremos a incluir el nombre de nuestra aplicación. Este nombre es el que se le mostrará al usuario en la ventana de instalación de la aplicación.

demoApp1

version

Aqui indiceremos la versión de nuestra aplicación. Esta propiedad se nuestra al usuario al instalar la aplicación, y sirve de alerta para saber si al reistalar la aplicación estamos instalando una versión superior a la actual.

1.0

description

Tag en el que describiremos nuestra aplicación al usuario. Esta información tambien es mostrada durante la instalación de la aplicación.

Aplicación AIR de pruebas

Este tag, como muchos otros, aparece por defecto comentado. (