Flex, AS3, AS2, flash, css
Flex 2
Flex 2. Gráficas de barras con Flex
17 nov
Este ejemplo no utiliza las gráficas para mostrar datos estadísticos de Flex. Las gráficas de barras que aparecen están implementadas directamente.
Flex Skin
7 nov
Aquí os dejo una serie archivos para que cambiéis el estilo de vuestras aplicaciones flex.
Y si queréis diseñar los vuestros, esta plantilla os viene que ni pintado.
Plantilla Photoshop [ZIP, 1.56mb]
Puedes descargar muchos styles mas de la pagina http://www.scalenine.com/
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.
