Entradas etiquetadas con Flex 2
Flash Player 9. Actualización
24 abr
Acaba de salir una actualización de Flash Player 9 que soluciona un grave problema de seguridad. Sería conveniente que te pasaras por la página de Adobe para actualizarte. Salió el 17 de abril de 2008, y actualiza Flash Player a la versión 9.0.124.0.
Flex 2. Galería de imágenes. Ejemplo de transición.
10 mar
La transición entre imágenes está inspirada en el spot televisivo de un conocido banco (el que lo adivine tiene premio
).
Las imágenes que he utilizado son las mismas de siempre. Estamos un pelín repetitivos, pero es que el servidor está casi lleno y tenemos que reutilizar lo que hay ya O:-) .
Ver ejemplo y código fuente >>
Se puede configurar el número de segmentos horizontales y verticales en que se divide la imagen, así como la duración de la transición y del giro de cada pieza.
Para la animación he utilizado Tweener y las clases no están incluídas en el código fuente.
Flex 2. Motor de físicas APE en Flex
3 mar
Este ejemplo estaba ya subido, creo recordar que en noviembre. Lo he borrado accidentalmente y aquí lo tenéis de nuevo. Perdón por las molestias O:-)
Ver ejemplo y código fuente >>
Utilizo el motor de físicas APE para ActionScritp 3, cuyas clases no van incluídas en el código fuente.
FlexLib
2 mar
Os paso un link a la librería de componentes open source FlexLib. Últimamente he estado probando algunos de ellos y me parecen super útiles.
Flex 2. Pasemos página
2 mar
Un ejemplillo de aplicación de la clase DeformBitmap anterior. La he modificado un poco para adaptarla a este caso, pero básicamente es la misma.
He utilizado Tweener para animar el efecto.
Flex 2. Flash CS3. Distorsionar una imagen
2 mar
¿Cómo es posible que Flash Player muestre objetos 3D, si en la página de Adobe, y más concretamente, en la sección de Flash/Flex no se habla nada al respecto? Realmente Adobe/Macromedia no ha desarrollado ningún motor 3D. Lo que Carlos Ulloa concibió y que tan rápidamente ha crecido, dando páginas web impresionantes, es una ingeniosa utilización de la capacidad de Flash para distorsionar bitmaps. La génesis, y los cimientos de Papervision3D están en la clase Bitmap/BitmapData que apareció con Flash 8, si no recuerdo mal.
Aquí tenéis un ejemplo my básico, -y de mi propia cosecha, no tiene nada que ver con Papervision-, de cómo distorsionar un bitmap. Simplemente se trata de transformar una malla (utilizo la ecuación de un plano Bézier de cuatro puntos) y rellenar sus triángulos con bitmapFill.
Ver ejemplo y código fuente >>
Puedes ocultar/mostrar la malla, cambiar su densidad, y aplicar suavizado a la imagen.
La clase que distorsiona la imagen se llama DeformBitmap.as y la encontrarás en el paquete jel.com.effects. Extiende de Sprite, por lo que la puedes utilizar directamente desde Flash. Al instanciarla se le pasa el Bitmap con la imagen y el número de segmentos horizontales y verticales de la malla. Para distorsionarla se llama al método transformBezier, dando como parámetros 4 puntos con la posición de las esquinas.
Encontrarás también la clase DeformSprite que, como su nombre indica, permite distorsionar un sprite. Esta clase tiene dos parámetros más:
- Fondo transparente, o no. Si el sprite no tiene un contorno rectangular es conveniente configurar este parámetro como true.
- Suavizar la conversión de vectorial a bitmap.
P.D.: Por cierto, parece que Adobe por fin se ha decidido, y en el proximo Flash CS4 (verano de 2009) implementará la posibilidad de mover capas en 3D.
Flex 2. Sistema planetario (Sol, Tierra, Luna y Júpiter) con Papervision3D 1.7
27 feb
Se trata de una variante de la entrada
Flex 2. Ejemplo básico de Papervision 3D 1.7 en Flex >>
Para facilitar la descarga, como no pesaba demasiado, he comprimido directamente el proyecto Flex. La desventaja, que no se puede consultar en el blog el código fuente.
Descargar código fuente (proyecto Flex completo)>>
El proyecto lleva incluídas las clases Papervision3D 1.7.
Flex 2. Efecto humo en Flex
23 feb
He adaptado el ejemplo anterior para Flex, añadiéndole una pequeña interface que modifica el comportamiento de las partículas de humo. Puedes cambiar el color, velocidad, vida… de las partículas que se generan al interactuar con el visor.
Ver ejemplo y código fuente >>
Recuerda que para ver el código debes pulsar sobre el ejemplo con el botón derecho del ratón y elegir “View source”.
Flex 2 + Tweener. AddCaller, Eventos, Plantillas y SetTimeScale
12 feb
Sigo con Tweener. He probado algunas cosas que tenia pendientes.
El primer ejemplo muestra el uso de addCaller. Mediante addCaller llamaremos a la función blick 40 veces en 10 segundos. Comenzará rápido y terminará lento siguiendo la función “easeinquad”. Con waitFrames forzaremos a esperar un frame como mínimo entre cada evento.
El segundo muestra como lanzar los eventos onStart, onUpdate y onComplete utilizando addTween.
El tercero muestra como utilizar plantillas para crear nuestras animaciones.
Por último he añadido un stepper que controla la velocidad de las animaciones utilizando la funcion Tweener.setTimeScale(…).
Podeis encontrar el manual de Tweener en http://hosted.zeh.com.br/tweener/docs/en-us/














