Categorías AIR

De MonsterDebugger – debugger para Flash, Flex y AIR View Comments

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:

?Ver código ACTIONSCRIPT
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:

?Ver código ACTIONSCRIPT
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)

Aprovechando la técnica de mipmapping View Comments

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.

Llega Adobe Flash Platform Services View Comments

Adobe Flash Platform Services es una nueva herramienta que nos permite a los desarrolladores añadir capacidades sociales y de colaboración a las aplicaciones, o sea agregar nuestras aplicaciones hechas en flash en redes sociales de forma muy simple. Ya que agrega un panel para linkear fácilmente a las redes sociales más utilizadas.

Además permite a las empresas distribuir y monetizar sus aplicaciones. Adobe Flash Platform Services es escalables y de fácil implementación. Ya que contamos con componentes para Flash CS4, Dreamweaver CS4, Flex / Flash Builder y también una clase por si no queremos usar los componentes.

En resumen nos permite (extraido de Adobe.com):
- Crear aplicaciones atractivas, con la integración de redes sociales y la colaboración en tiempo real
- Distribuir sus aplicaciones a los clientes en los medios de comunicación social, dispositivos móviles y de escritorio
- Seguir la distribución y la participación a través de análisis detallados.
- Gana dinero con sus aplicaciones

Vale la pena investigarlo bien. Yo estoy en eso, cuando le tome la mano voy a explicar más sobre el tema ya que parece muy interesante.

Pueden ver algunos tutoriales en esta página: http://www.adobe.com/devnet/flashplatform/services/distribution/#tutorials

Text Layout Framework (TLF) View Comments

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/

Adobe Shortcut App – Atajos de teclados, todo en uno View Comments

Para la alegría de muchos que pierden horas enteras buscando como son los atajos de teclados de los programas de Adobe, llegó una aplicación que van a amar.
Adobe Shortcut App,  desarrollada en Adobe Air que tiene todos los atajos de la Creative Suite CS4 de Adobe.

Esta aplicación nos permite buscar, añadír a favoritos, intercambiar entre PC o Mac según la necesidad del usuario y además compartír los atajos en la redes sociales del momento.
También podemos enviar esta información por email y hasta crear un PDF con los atajos (Cheat Sheet).

Una herramienta muy útil. Ojala les sirva!

Descarga: Adobe Shortcut App
Vía: Ceslava

Klok – Medí tu tiempo de trabajo View Comments

Dic30

screen1.jpg

Esta nueva aplicación hecha en AIR es una de las más simples y útiles que encontre en el 2008 (ya llegando a su fin).
Se trata de un Time Tracker o medidor de tiempo (mal traducido, pero para que se entienda), el cual nos muestra día a día cuanto tiempo le dedicamos a nuestros proyectos. De esta forma podemos cobrar por hora mucho más fácil que antes y con reportes incluidos.
Investiguenlo y me cuentan!

Rquiere: AIR 1.0
Demo: http://klok.mcgraphix.com/klok/
Licencia: Gratis

Paneles personalizando en Photoshop CS4 con Adobe Configurator View Comments

Dic29

adobeconf.jpg

Adobe Configurator es una nueva aplicación que lanzó Adobe armada en AIR que nos permite crear nuestros propios paneles para el Photoshop CS4.
En estos paneles podemos agregar acciones, botones y opciones que posee el Photoshop, como tambien acciones propias.

Además podemos ver videos e imagenes externas en el panel. Algo muy útil para armar tutoriales con lujo de detalle para verse en paneles.

También me pareció muy interesante un buscador que trae, que nos devuelve todas las herramientas y opciones del programa.
Esperemos aparezca una versión del Adobe Configurator que sirva para toda la suit de Adobe CS4 y no solo para el Photoshop.

Descarga: Adobe Configurator
Video: demo de Russell Brown

DeCabeza.net usa WordPress y el tema FREEmium.
desarrollado por Dariusz Siedlecki y modificado por DeCabeza.net