Mentes Flash

Clima en Flash – Widget online para tu sitio

Marco Cartolano — Wed, 24 Mar 2010 20:54:46 +0000

En mi anterior blog www.flashcenter.com.ar había subido un post muy sencillo, se trataba de un widget armado en AS2.0 que cargaba el clima de Yahoo Weather para desplegarlo en nuestro site. Ahora ya existe una api de Yahoo para cargarlo de manera directa. Por lo que decidí reescribir el código en AS3 y darles el ejemplo ya armado.

En el ejemplo lo que hice fue poner dos variables, las ùnicas que deberan modificar en el código para que les funcione el ejemplo perfectamente.

private var codigoCiudad:String = “468739″;
private var nombreCiudad:String = “Buenos Aires”;

la variable “nombreCiudad” simplemente allí pondremos el nombre que será desplegado en el widget. La que tiene una vuelta es la del código de ciudad. Como nosotros nos manejamos con el feed de Yahoo debemos ir a buscar ese código al sitio de yahoo weather.

Por ejemplo si vamos a http://ar.weather.yahoo.com/argentina/autonomous-city-of-buenos-aires/buenos-aires-468739/

Deberemos copiar el código que aparece al final de la url. Ese será el código de nuestra ciudad.

Para ver el ejemplo online.

Para descar el ejemplo.

Un abrazo!

Espero que les sirva

Marco Cartolano

API de Google Maps para Action Script 3.0

Marco Cartolano — Thu, 04 Mar 2010 18:44:06 +0000

Seguimos con las apis, en el último post empezamos a ver la de Facebook ahora hacemos lo propio con la GoogleMaps. Los pasos a seguir antes de trabajar con esta increible api son los siguientes:
- Registrarse para obtener una clave de API de Google Maps (Google por medio de esta clave los autoriza para utilizarla. Tener en cuenta que pueden sacar una key por cada dominio)
- Descargar el sdk o sea la libreria completa de la api (deben arrastrar el componente a la carpeta de Flash CS4 y luego arrastarlo a la libreria de su archivo fla cada vez que realices una implementación)
- y con eso ya estamos listos para empezar!

En el ejemplo que armé ustedes solo modificando el “key” y una serie de propiedades tales como: ancho y alto del mapa, coordenadas iniciales, zoom inicial, etc. También en el escenario encontrarán un movieclip llamado “marker” que es el icono que se posará en el punto central donde hayas especificado las coordenadas, también al pasar el mouse sobre el marker se abrirá un popUp que mostrará el mensaje que ustedes hayan configurado.

Ver el ejemplo
Bajar el source

Creo que nada más por aclarar, cualquiér duda que tengan haganmelo saber.

Conexión de Facebook y AS3

Marco Cartolano — Thu, 04 Mar 2010 03:13:22 +0000

Buenas gente, hoy les traigo un ejemplo super sencillo de widget que desarrollé en AIR y que se conecta a la api de Facebook y descarga algunos datos del usuario.

Hoy hago una pequeña entrega solo como una aproximación creo que es suficiente.En próximas entregas vamos a intentar sumarle funcionalidades como:

- Carga de perfiles de nuestros amigos

- Modificación del status desde el widget

- Subir cosas al muro

Y alguna otra cosa que se les ocurra que puede ser interesante.

Les dejo las fuentes completas conjuntamente con las clases de Facebook y AS3. Pueden descargar el source y el archivo AIR. Y recuerden que para poder visualizar el widget deben descargarse el player de AIR.

Eso es todo, que lo disfruten!

Abrazo, Marco

Trackeo de webcam en tiempo real en AS3

Marco Cartolano — Wed, 03 Mar 2010 06:42:24 +0000

Hoy me toca mostrarles un desarrollo, una libreria de Action Script 3.0 con la que me topé y realmente quedé muy impresionado. Es lo más potente que he encontrado en sistemas de tracking de imágenes en Flash. Creo que si alguien me hubiese preguntado si esto era posible, hubiese contestado por la negativa. Realmente al ver cómo funciona se me dispararon muchísimas ideas y posibilidades de alcance. Supera ampliamente al sistema de trackeo por markers de los ejemplos que vimos en la web de Realidad Aumentada.

Sin tanto preambulo les dejo un video que grabé mostrando y explicando un poco como funciona esta libreria. Haciendo click en la imagen que encontrarán abajo, podrán observarlo. Perdón por la calidad del audio, pero me ganó el entusiasmo por publicarlo, antes de poder conseguir un mejor dispositivo para grabar el audio.

Más adelante les estaré pasando los datos del desarrollador y posteando algunos ejemplos que podemos hacer con esta libreria.

Espero que les guste tanto como a mi

Abrazo, Marco

OpenZoom imagenes de alta resolución en Flash (as3)

Marco Cartolano — Tue, 02 Mar 2010 16:01:05 +0000

Hace unos años había hecho un desarrollo en ActionScript 2.0 que se necesitaba zoomear una imagen de dimensiones muy altas. Como saben Flash tiene una cierta limitación con el tamaño de bitmaps. En AS2 era de 2880 x 2880 px y en AS3 de 8192 x 8192 px. Si bien el limite es mayor, en algunos casos nos puede ser insuficiente. Actualmente podemos recurrir a clases como BigAssCanvas para extender ese límite. Aún así el hecho de cargar una imagen tan grande para luego ser paneada y zoomeada para el usuario que ingresa a nuestra aplicación es algo engorroso, es mucho tiempo de descarga y espera.

En ese momento había utilizado Zoomify como solución. Esta herramienta lo que hacia era darnos la utilidad de cortar una imagen de grandes dimensiones en cientas de imágenes y las indexaba en un xml. Según las coordenadas y el nivel de zoom cargaba una u otras imágenes, similar al efecto que podemos encontrar en Google Maps. Si bien en ese momento pude utilizarla y resolver el incoveniente que se me había presentado. Pude observar algunas contras. La primera era que era una utilidad paga, y no era muy económica. Y por otro lado se trataba de un código muy encapsulado, dificil de modificar. No sé hoy en día qué tal está el código, ni siquiera sé si está en ActionScript 3.0; en ese entonces era con pena ActionScript 2.0.

Un tiempo después un compañero de trabajo me comentó que el había utilizado no hacia mucho tiempo una solución similar, pero OpenSource y que estaba en AS3. La solución se llama OpenZoom y el comportamiento en lineas generales es idéntico al Zoomify. De hecho entiende el formato xml que genera el zoomify, por lo que un proyecto realizado en este es totalmente portable al OpenZoom. A diferencia del Zoomify es facilmente de modificar y está muy bien construido.

Para convertir una imagen en el formato que luego carga el Openzoom pueden descargarlo de aquí . Encontrarán un .exe llamado Zoomify Converter.exe y encima de él arrastrale la imagen que querramos partir.
Hice un ejemplo muy sencillo con una imagen del Time Square. Y les dejo el código para descargar

Espero les haya parecido tan interesante como a mi. Voy a ir subiendo más soluciones a distintos problemas que me fui encontrando a la hora de la realización de un sitio o aplicación.

Un abrazo, Marco Cartolano

Face Tracking en Action Script 3 – en proceso

Marco Cartolano — Mon, 01 Mar 2010 21:57:00 +0000

Estoy empezando a armar un ejemplo funcional que incorpora 3 aspectos:

- La obtención de imágenes a partir de capturas de la webcam

- El tracking de la cara del usuario en la webcam

- La generación de una galeria producto de esas capturas

Esta es una captura de como viene quedando. La webcam detecta dónde se encuentra la cara del usuario, y luego se genera un bitmap de esa zona.

Cuando complete el ejemplo lo subiré completo para su descarga.

Saludos

Marco