Flex, AS3, AS2, flash, css
Archivo de mayo, 2008
Cheat Sheets o como tener lo importante a mano
29 may
Vale que ultimo libro de AS3 esta muy bien, y aprenderse todo de memoria también esta muy bien, pero y lo bien que nos viene esas chuletas con lo mas importante siempre a mano?.
En q-interactiva.com han realizado una recopilación de cheat sheets que a mas de uno sacaran de dudas al instante.
Estrenamos Diseño!!
29 may
Como podéis ver estrenamos diseño. Una adaptación y traducción de un tema original de Stephen Reinhardt.
Ya de paso hemos dado el salto a la versión 2.5.1 de wordpress y actualizado algunos errores.
Flash Player 10. Otro ejemplo, con motion blur
24 may
He animado los movimientos con Tweener y le he aplicado un falso motionBlur con el filtro BlurFilter, en función de la posición de cada plano.
Para iniciar el efecto pulsa sobre la imagen cuando estés en el ejemplo.
Flash Player 10
18 may
Como sabes, ha salido la beta de Flash Player 10. Si quieres descargarte todo lo necesario para probarla puedes hacerlo en el siguiente enlace:
Descargar Flex SDK 3 para Flash Player 10 beta >>
La versión de Flash Player debugger que descargas a fecha de hoy no funciona my bien. Bájate la que encontrarás en el repositorio:
Descargar Fash Player 10 Debugger >>
En el siguente enlace puedes encontrar demos y vídeo tutoriales con las novedades que traerá ASTRO (el nombre en clave de la próxima versión de Flash).
Para ver el siguiente ejemplo ES NECESARIO INSTALAR FLASH PLAYER 10 (BETA) . Sigue las instrucciones que encontrarás en el enlace. Sobre todo, desinstala Flash Player 9 antes de instalar la versión 10. Adobe/Macromedia ha creado un desinstalador muy útil que te puedes descargar también.
Ver ejemplo y código fuente >>
Si quieres ver el código fuente pulsa con el botón derecho y elige “View source”, cuando estés en el ejemplo.
Flex 3 y Flash CS3. Tutorial Flex Component Kit
17 may
Para seguir el tutorial es necesario tener instalada la extensión Flex Component Kit para Flash CS3.
El tutorial muestra la forma de convertir símbolos (sprites, movieClips) de la biblioteca de Flash CS3 en componentes Flex. Crea una biblioteca compilada swc con dichos componentes que más tarde importa desde Flex Builder.
Ver ejemplo desarrollado en el tutorial >>
Descargar proyecto Flex y archivo Fla >>
Por tratarse de 8 iconos llamados Icono1, Icono2… Icono8, hemos utilizado el método getDefinitionByName para instanciarlos. Igualmente podríamos haber empleado el operador new:
var boton1:UIMovieClip = new Icono1();
Lo aclaro por si alguien no está habituado a utilizar esta forma de instanciar objetos y lo asocia a una peculiaridad de Flex Component Kit. Aunque… seguro que no. Hay mucho nivel en los lectores del blog 
.
Flex 3 y Flash CS3. Utilizar la biblioteca de Flash en un proyecto ActionScript
11 may
En este tutorial vamos a crear un proyecto ActionScript con Flex Builder e importaremos la biblioteca de un documento Fla, creado con Flash CS3. Esto nos permite disponer de cualquier símbolo (sprite, componente, movieClip, etc…) que tengamos en Flash, desde Flex Builder.
Flex 3. Cómo crear una biblioteca compilada y utilizarla en una aplicación Papervision3D
11 may
Para poder utilizar PV3D en un proyecto ActionScript debes descargar todas las clases de su repositorio:
Si nunca has descargado un repositorio, en ese mismo enlace puedes encontrar TortoiseSVN. Es muy fácil de utilizar.
Cuando descargues todos los archivos tendrás en la carpeta de tu disco duro una estructura de directorios similar a esta:
Papervision
as2
as3
branches
Effects
GreatWhite
Esta última carpeta es la que contiene PV3D 2.0 GreatWhite.
El primer tutorial muestra cómo crear una biblioteca compilada swc a partir de los archivos as (ActionScript) descargados del repositorio; y el segundo, cómo utilizar dicha biblioteca en un proyecto ActionScript:
Ver tutorial de creación de una biblioteca compilada para PV3D >>
Ver tutorial de creación de un proyecto ActionScript para PV3D >>
Sólo tienes que sincronizar periódicamente el repositorio para tener actualizada la biblioteca PV3D
Flash CS3. El flujo de eventos en ActionScript 3
6 may
Se trata de un ejemplo que muestra el recorrido que sigue un evento cuando Flash Player lo distribuye. La lista de visualización tiene los siguientes elementos, ordenados jerárquicamente:
1. El stage, o escenario, al que le hemos dado el característico “color Flex”.
2. El contenedor de la aplicación, que aparece con un degradado azul oscuro.
3. Una ventana.
4. Un botón.
Cada uno es padre del siguiente: stage es padre de contenedor, contenedor de ventana, y ventana de botón.
Ver ejemplo y código fuente >>
Se trata de un proyecto ActionScript.
Flash CS3. Cartelera de estrenos de cine con Papervision3D GreatWhite
3 may
Se trata del mismo ejemplo anterior, ahora para Flash CS3.
Descargar archivo Fla y código fuente >>
Recuerda configurar el documento Fla para las clases Papervision3D 2.0 GreatWhite, Tweener y BulkLoader.
Si no tienes los paquetes de clases, puedes descargarlos de los siguientes enlaces:
Clases Papervision3D GreatWhite >>
Podeis encontrarlos en sus respectivas páginas:
Si buscas la comodidad, puedes descargarte el código fuente completo para Flash CS3 (Documento Fla y todas las clases necesarias, no hay que configurar nada):
Flex 3. Cartelera de estrenos de cine con Papervision3D GreatWhite
2 may
En este ejemplo hemos utilizado BulkLoader para hacer la precarga de las imágenes, Tweener para animar los movimientos de los carteles y Papervision3D GreatWhite para crear el entorno 3D.
Se trata de un carrusel de imágenes creadas con Papervision3D. Puedes avanzar y retroceder pulsando los botones que hay sobre el cartel de cine principal, del que se muestra su ficha técnica.
Ver ejemplo y código fuente >>
Descargar proyecto Flex completo >>
Descargar biblioteca BulkLoader >>
Descargar biblioteca Tweener >>
Descargar biblioteca Papervision3D 2.0 GreatWhite >>
Cuando hayas creado el proyecto Flex accede al menú “Project/Properties” y elige “Flex Build Path/Library path/Add SWC…”. Añade las tres bibliotecas compiladas anteriores (para PV3D, BulkLoader y Tweener). En la carpeta “src/assets” encontrarás el archivo Biblioteca.swc, añádelo también. De este último se obtienen los sprites de los botones, el fondo y la fuente de texto incrustada.
P.D.: Puedes consultar la cartelera actual de cine, además del código fuente (cuando estés en el ejemplo pulsa “botón derecho del ratón” y elige “View Source”) .
