Flex, AS3, AS2, flash, css
Entradas etiquetadas con Flex 2
Flex 2. Motor de físicas APE
5 nov
Ejemplo de utilizacion del motor de físicas APE para Actionscript, en Flex.
Ver ejemplo y código fuente >>
En el archivo zip del ejemplo puedes encontrar todas las clases necesarias para compilar la aplicación, pero si quieres bajarte la última versión de este motor de físicas puedes hacerlo desde su página APE Actionscript Physics Engine.
Flex 2. Flex 3. Puzzle
4 nov
Juego de puzzle consistente en ensamblar las piezas que componen una imagen oculta.
Descargar proyecto Flex completo (lleva PV3D 1.7 incluído) >>
El menú para elegir la imagen del puzzle está hecho con Papervision3D 1.7. Si no te has descargado las clases de este proyecto, puedes hacerlo desde su página.
Descargar biblioteca compilada (swc) Papervision 3D 1.7 >>
Si te interesa AIR, en este segundo enlace puedes encontrar el archivo zip del proyecto exportado con Flex 3. Una vez que lo hayas descargado en tu disco duro elige File/Import/Flex Project… y dale la ruta a dicho zip.
Descargar proyecto Flex 3/AIR completo >>
Al comenzar un nuevo juego el programa distribuye las piezas aleatoriamente y las gira. Para colocar una pieza llévala al tablero hasta la zona en la que crees que debe estar y gírala utilizando la rueda central del ratón: hacia delante gira a la izquierda, hacia atrás gira a la derecha.
Flex 2. Cronómetro
2 nov
Sencillo cronómetro realizado utilizando la clase Timer de Actionscript. Puedes iniciar, parar y resetear el cronómetro en cualquier momento.
Flex 2. Juego Sudoku para Flex
2 nov
Se trata del conocido juego del Sudoku, desarrollado en Flex. Puedes definir el grado de dificultad de la partida, guardar el estado del tablero en cualquier momento y seguir jugando más adelante, recordar un instante concreto de la partida para volver a él más tarde si ves que llegas a un callejón sin salida, imprimir el Sudoku; y, por supuesto, resolverlo y comprobar tu número de fallos y aciertos.
En la barra de menú puedes acceder a una pequeña ayuda que explica cómo utilizar el programa, y un tutorial de introducción al Sudoku.
Flex 2. Mapa del tiempo.
26 oct
Vamos a realizar un mapa del tiempo interactivo para mostrar cómo acceder a la biblioteca de un archivo swf (película Flash) desde Flex e instanciar sus símbolos.
flex 2 + cairngorm 2.2.1 + amfphp – WHATISMYIP con amfphp
16 oct
El típico WHATISMYIP en flex. Para implementarlo he usado el framework cairngorm y amfphp.
Amfphp es un RPC que nos permite comunicar datos entre el cliente (Flash, Flex, …) y el servidor (PHP).
Esta es la clase PHP que utiliza el programa:
[ftf w="640" h="230"] /* Ip.php */
class Ip {
function Ip() {
$this->methodTable = array(“getIP” => array(“description” => “Get IP..”, “access” => “remote”, “return” => “array”,));
}
function getIP() {
$rest = array();
$sIP = $_SERVER [ 'REMOTE_ADDR' ] ;
array_push($rest, $sIP);
return $rest;
}
}
?>
/* Ip.php */[/ftf]
Como se puede ver en el código hay que añadir una tabla de métodos que describa todos los métodos de la clase.
El archivo hay que instalarlo en nuestro servidor AMFPHP, dentro de las carpetas yourserver.com/amfphp/services/com/coconnut/common/Ip.php
Flex 2. Efecto de profundidad de campo con Papervision 3D y el filtro BlurFilter
15 oct
En este ejemplo vamos a aprovechar las posibilidades que ofrece el filtro “BlurFilter” para simular el desenfoque que se produce en una cámara real debido a la profundidad de campo.
Ver ejemplo y código fuente >>
La clase que implementa el efecto se encuentra en el paquete jel.com.efectos:
EfectoDesenfoque.as
Por su volumen, las clases de Papervision 3D necesarias no van en el código fuente. Puedes descargarlas del siguiente enlace:
Descarga clases Papervision 3D
Descargar biblioteca compilada Papervision3D 1.7 >>
Para simular el efecto de profundidad de campo (a mayor apertura de diafragma, menor profundidad de campo, reduciendose la extensión de espacio en el que los objetos aparecen enfocados) hemos repartido aleatoriamente por un espacio 3D, unas esferas semitransparentes a las que aplicamos un filtro “BlurFilter” más o menos intenso dependiendo de su lejanía o proximidad a la cámara.
Las esferas no son objetos 3D, sino sprites (objetos planos con aspecto de esfera) que miran constantemente a la cámara. Este truco permite llenar el espacio con multitud de esferas sin saturar la capacidad de cálculo de Flash player.
Para girar las esferas en el espacio nos hemos servido de unos “dummys” (DisplayObject3D vinculados a un “nodoRaiz”, que es el que realmente rotamos) que tienen la misma posición en el espacio que las esferas. Así, como todos los “dummys” son hijos de “nodoRaiz”, al girar este último giran con él y actualizan la posición de los sprites esféricos.
Flex 2 + Cairngorm 2.2.1 – Image Explorer
14 oct
Cairngorm es un framework estructural para el desarrollo de RIAs que fomenta el uso de determinados patrones y potencia la escalabilidad y el crecimiento de las aplicaciones. Es ideal para el desarrollo de grandes aplicaciones en las que colaboren varios desarrolladores.
Podeis encontrar más información en:
http://www.madeinflex.com/2006/10/15/cairngorm-i-introduccion/
http://labs.adobe.com/wiki/index.php/Cairngorm
La aplicación de ejemplo es un explorador de imagenes configurado a través de XML.
Flex 2. Ejemplo de utilización de Papervision 3D en Flex.
8 oct
Vamos a crear una pequeña aplicación en Flex que muestra un album de fotografías en un entorno 3D. Nos va a servir de excusa para desarrollar una aplicación basada en Papervision 3D (public alpha 2.0, Great White).
Ver ejemplo y código fuente >>
Si quieres conocer más sobre este nuevo proyecto puedes visitar la página oficial de Papervision 3D o su blog.
En el código fuente encontrarás todas las clases necesarias para desarrollar una aplicación basada en Papervision 3D. Si te quieres bajar la última versión estable de las mismas puedes hacerlo desde la página de descarga del proyecto:Clases Papervision 3D >>
Si te has descargado el código fuente, sigue los siguientes pasos :
1. Crea un proyecto Flex.
2. Descomprime el archivo zip dentro de la carpeta del proyecto.
3. Define el documento Galeria.mxml como la aplicación por defecto para el proyecto Flex.
Para no hacer muy pesada la descarga, las imágenes que aparecen en la galería no se han añadido al archivo zip. Si repasas el código verás que la aplicación lee un archivo xml del que extrae una lista de imágenes: debes crearte uno similar con la ruta de las que quieras utilizar.
Flex 2 Como usar el History Manager
4 oct
El HistoryManager nos permite salvar el estado de nuestra aplicación en un momento dado de manera que podamos volver a ese estado utilizando el boton retroceder y avanzar de nuestro navegador.
Para ponerlo en funcionamiento hay que implementar el interface mx.managers.IHistoryManagerClient y registrar los componentes utilizando HistoryManager.register.
