Esta es una herramienta que uso hace bastante tiempo, y hace rato quiero escribir sobre ella. Hoy es el día.
De MonsterDebugger es, como el título lo dice, un debugger open source para Flash, Flex y AIR desarrollado por el estudio De Monsters en Flex y AIR.

Con esta herramienta podemos hacer trace de cadenas, números, objetos, matrices, XML e incluso clases personalizadas.

Una de las características que más uso, y creo más útil es la del “trace en vivo”, que nos permite ver los trace del debugger en nuestra aplicación o página corriendo fuera del flash.
Esta utilidad es excelente para hacer pruebas online o para tener el registro de errores sin necesidad de abrir el flash y ver qué pasa.

Otra característica interesante del debugger es poder modificar propiedades de nuestro proyecto en tiempo de ejecución. O sea, mientras vemos nuestra página ya publicada, podemos desde el panel del debugger, cambiar las propiedades que queramos, como rotación, tamaño o la variable que queramos y ver su efecto en vivo y en directo. Algo útil e interesante.

También, siguiendo con las acciones en vivo, podemos ejecutar nuestras funciones o métodos para probarlas en cualquier momento mientras vemos el proyecto ya compilado, también extremadamente útil.

¿Cómo funciona:
Les dejo 4 pasos básicos publicados en la página del debugger para empezar a usarlo.

1. En primer lugar es necesario tener Adobe AIR instalado.
2. Una vez descargado De MonsterDebugger basta con abrir la descarga y AIR hará el resto.
3. Una vez que esté funcionando De MonsterDebugger, necesita importar las clases de cliente para establecer la conexión con De MonsterDebugger. Las clases de cliente está incorporado en De MonsterDebugger y se pueden guardar en cualquier ubicación seleccionando Archivo> Exportar cliente de clase. Guarde la carpeta en la carpeta raíz de su aplicación o donde tengas tus clases.
4. Ahora todo lo que tiene que hacer es importar la clase en tu proyecto. A continuacion ejemplos de Flash y Flex.

Ejemplo Flash:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

package {
 
	import flash.display.Sprite;
        // Importamos el debugger
	import nl.demonsters.debugger.MonsterDebugger;
 
	public class Main extends Sprite {
 
		// creamos la instancia del debugger
		private var debugger:MonsterDebugger;
 
		public function Main() {
 
			// iniciamos el debugger
			debugger = new MonsterDebugger(this);
 
			// enviamos un simple trace
			MonsterDebugger.trace(this, "Hello World!")
		}
	}
}

Ejemplo Flex:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()">
	<mx:Script>
		<![CDATA[
 
		// Importamos el debugger
		import nl.demonsters.debugger.MonsterDebugger;
 
		// creamos la instancia del debugger
		private var debugger:MonsterDebugger;
 
		private function onInit():void
		{
			// iniciamos el debugger
			debugger = new MonsterDebugger(this);
 
			// enviamos un simple trace
			MonsterDebugger.trace(this, "Hello World!");
		}
		]]>
	</mx:Script>
</mx:Application>

Link: De MonsterDebugger
Descarga: MonsterDebugger version 2.5.1 (incluye ejemplos)

En este video mostramos como agregar Google Map en nuestro proyecto con ActionScript 3, usando el API que Google nos proporciona.
Vemos como agregar los controles del mapa y como agregar una marca.

En este tutorial quiero mostrarles como funciona la clase BasicView de PaperVision 3D 2.0.
Esta clase nos facilita muchisimo a la hora de empezar un nuevo proyecto con esta herramienta.

En proyectos de PV3D se repiten siempre varias acciones, como importar clases básicas como Camera, Scene, Viewport, etc.
También repetimos la creacion de funciones que son si o si necesarias. Como la que renderize nuestra escena en un enterFrame o la que inicie todo los objetos. Por eso, la gente de PV3D decidió acertadamente crear esta clase incluida en la versión 2.0. que se puede extender en cualquier clase y nos ahorra todos esos pasos comentados.

Acá les dejo un ejemplo de como se usaría, explicando en los comentarios algunos detalles:

continuar leyendo »

Haciendo unas pruebas y estudiando sobre PaperVision3D, encontrá esta técnica que utiliza el Flash Player desde la versión 9.0.115.0 en adelante y el AIR.
Se trata de Mip-Mapping. Esta tecnología se implementa creando versiones optimizadas de escala variable de cada mapa de bits (comenzando en un 50%).

Flash Player y AIR crean mapas MIP para los mapas de bits (archivos JPEG, GIF o PNG) que se pueden visualizar con la clase Loader de ActionScript 3.0, con un mapa de bits de la biblioteca de la herramienta de edición de Flash o mediante un objeto BitmapData. Flash Player crea mapas MIP para los mapas de bits que se visualizan utilizando la función loadMovie() de ActionScript 2.0.

Los mapas MIP no se aplican a objetos filtrados o clips de película almacenados en caché de mapa de bits. Sin embargo, los mapas MIP se aplican si dispone de transformaciones de mapa de bits en un objeto de visualización filtrado, aunque el mapa de bits esté en un contenido con máscara.

El mipmapping con Flash Player y AIR se realiza automáticamente, pero puede seguir algunas directrices para garantizar que sus imágenes aprovechan esta optimización:

- Para la reproducción de vídeo, establezca la propiedad smoothing en true para el objeto Video.
- Para los mapas de bits, la propiedad smoothing no tiene que establecerse en true, pero las mejoras de calidad serán más visibles si los mapas de bits utilizan el suavizado.
- Utilice tamaños de mapa de bits que sean divisibles por 4 u 8 para imágenes bidimensionales (por ejemplo, 640 x 128, que se puede reducir del siguiente modo: 320 x 64 > 160 x 32 > 80 x 16 > 40 x 8 > 20 x 4 > 10 x 2 > 5 x 1) y 2^n para texturas tridimensionales. Los mapas MIP se generan a partir de mapas de bits de una anchura y altura de 2^n (por ejemplo, 256 x 256, 512 x 512, 1024 x 1024). El mipmapping se detiene cuando Flash Player o AIR encuentran una altura o anchura distinta.

Fuentes: Adobe Help y PaperVision3d Blog.

Ya es un hecho. Ya fué anunciado oficialmente el Adobe Influxis Latin Flash Tour por Lee Brimelow desde su blog The Flash Blog.

En post pasados, en su blog, Lee ya venía comentando las ganas de hacer un evento de Adobe en Latino America. Ya que como sabemos no hay muchos. Aunque es verdad que año tras años se van sumando eventos a la agenda.
Este evento va a ser posible gracias a Influxis, que patrocina el viaje de Lee. Así que todos agradecidos con ellos.

Por ahora está todo en etapa de organización, así que más adelante les iré contando como sigue. Por ahora las fechas programadas, pero no confirmadas 100% son:

7 de Noviembre – Santiago, Chile
9 de Noviembre – Buenos Aires, Argentina
11 de Noviembre – Lima, Peru
13 de Noviembre – Bogotá, Colombia
16 de Noviembre – San Jose, Costa Rica
18 de Noviembre – Mexico City, Mexico

Desarrollo del sitio de 1989 Interactive, un sitio de productores audiovisuales que reciden en USA.
En el sitio se pueden encontrar videos y trabajos de 1989 y algunos juegos muy divertidos en cada sección.
Trabajo realizado con el estudio 4060
Tecnologías usadas: Flash, AS3, FLV, XML.

Text Layout Framework o TLF como también se lo llama, es otra librería Open Source de Adobe que nos permite utilizar texto en una forma más compleja y avanzada, es decir que se podrá usar texto bidireccional, múltiples columnas. Lo más interesante es que esta biblioteca realizada en actionscript3 se puede utilizar en Flash, Flex y AIR 1.5.

Dentro de las características tenemos:

– Texto Bidireccional, texto vertical com mas de 30 sistemas de escrituras tales como Arábigo, Ebreo, Chino, Koreano, Thai, Lao, la mayor parte de la escritura india y otros.

– Selección, edición y el texto múltiples columnas, posibilidad de agregar imagenes entre el texto, etc.

– Texto vertical, Tate-Chu-Yoko (horizontal con texto vertical) y justificación

– Control tipográfico, tipografías, mayúsculas, etc.

– Cortar, pegar, paste, undo y poder utilizar el mouse para corregir.

Link Oficial: http://labs.adobe.com/technologies/textlayout/
Ejemplo: http://labs.adobe.com/technologies/textlayout/demos/

Open Source Media Framework (OSMF), actualmente en prerelease, es un nuevo framework Open Source, como su nombre lo dice, creado por Adobe, en unión con Open Video Player, que nos permite crear reproductores de video a través de componentes muy fáciles de conectar entre sí.

Estos reproductores pueden ser programados con sus componentes a través de ActionScript 3 o MXML. Generando aplicaciones de alta calidad que nos permitan la carga de stream de video, descargas progresivas, implementación de interfaz de usuario, y muchas más cosas.

Una herramienta muy interesante teniendo en cuenta el gran crecimiento de los últimos años en la utilización de material audiovisual en blogs, diarios, portales y demás sitios.

Sitio oficial: Open Source Media Framework
Documentación del framework
Especificaciones de OSMF

Estamos preparando cursos de ActionScript 3 presenciales de 4 personas en Buenos Aires. A cargo del instructor Sebastián Guidobono.
Los cursos se harán en el estudio de 4060, con un aula perfectamente equipada.

Las fechas se irán armando según las inscripciones.
El curso está dividido en 23 modulos. Pensados para entregar uno por clase, pero pueden extenderse a dos clases.
Se profundizará en los elementos y las formas de trabajar con la última versión del famosos lenguaje de programación del Adobe Flash. ActionScript 3.

Para consultar precios y fechas disponibles hace click acá o escribinos a cursos@decabeza.net

MODULOS: continuar leyendo »

Con este nuevo video tutorial vamos a aprender a crear un menú dinámico desde un xml con ActionScript 3.
De esta forma podemos cambiar el contenido del menú editando el .xml y sin la necesidad de compilar nuevamente nuestro .fla.
Agregando, quitando o modificando la cantidad de botones.

Algo muy útil y que sirve de base para muchas otras aplicaciones del mismo método.

Espero les sirva, cualquier cosa pueden comentar, preguntar o criticar.