Diegus Lab

Adobe ha lanzado Flex 3 y AIR 1

2008-02-26T11:30:00.000-08:00

Adobe, sin piedad por aquellos con trabajos en el mundo real, ha lanzado las esperadas versiones de Flex Builder 3 y AIR 1. Las herramientas definitivas en su plan para dominar las Aplicaciones Ricas en Interactividad para Internet (RIAs). Este lanzamiento marca el fin del hambre en la tierra y el inicio de una era dorada donde una aplicación web toma segundos en ser realizada y meses en pasar por contabilidad antes de ser cobrada.

Aunque las tecnologias que adobe dispone ante nuestras magicas manos son cada vez mas robustas, tenemos que andar de cuidado con no dejar a un lado lo basico y aventurarnos a entrar en nuevas tecnologías que a las que quiza no le veamos el cambio. Las tecnologias como el perfilador de memoria, el cache, y el manejo de DataGrids mas avanzadas solo es notorio cuando llevamos tiempo programando con FB2 ...asimismo, pero no en igual medida FB3 a desarrollado un algoritmo de optimización y compresion de peliculas muy bueno que hacen verdaremente livianas nuestras RIAs de flex y hasta no haber desarrollado una app los suficientemente robusta ya sea en modulos o por componenetes que llegue a superar 1 MB la pelicula resultante (sin aditivos de flash o fireworks) la comparacion lo notaremos aun asi carguemos la misma app ya desarrollada en FB2 compilada en FB3 veremos una reduccion y un alivianamiento de alrededor del 20% lo a grandes escalas nos daria muy buenos resultados.

Hay rumores de AS4 ... o algo como ECMAScript 4 encaminado a ese futuro lo que no me deja de sorprender para que el beta del Flex 4 este proximo.

Física y Actionscript 3

2008-02-22T19:17:00.000-08:00

Una impresionante librería de código abierto para conseguir movimientos de objetos utilizando toda la potencia de Actionscript 3.

Flash Physics Engine Box2DFlashAS3

Los ejemplos son terriblemente adictivos, se puede pasar de uno a otro con las teclas de izquierda y derecha.

Impresionantes ejemplos de ActionScript 3!

2008-02-22T18:49:00.000-08:00

Un impresionante ejemplo sobre AS3 que muestran en Adobe Japan CS3 Web Edition Tour el autor es roxik (Masayuki Kido), es creador también de increíbles demostraciónes como pictaps en el cuál puedes dibujar a tu personaje y luego verlo bailar, pero la forma que lo hace realmente te dejará con la boca abierta ó su Toy1 en el cuál juega con las formas vectoriales que bueno, para que les cuento, chéquenlos y uds dirán si no son para admirar.

Migrando se AS2 a AS3

2008-02-22T18:23:00.000-08:00

La nueva sintaxis de AS hace parecer que nos toca aprender a programar nuevamente, cosa que no está muy alejada de la realidad si se es un ferviente defensor de AS2 y cuya vida gira en torno a ello. Sin embargo, para los amantes de la POO, de JAVA y locos compulsivos por los buenos estándares de programación, AS3 llega como aniño al dedo, puesto que desde su nuevo modelo de eventos (que ahora sí es un modelo decente) hasta la forma de capturar las propiedades de un MovieClip es mucho….mucho más sutil.

¿Es más difícil o más útil?

El ser humano es un animal de costumbre, así que luego de las primeras horas dándonos latigazos en la espalda, apagarnos una caja de cigarros en los párpados y sin alguna explicación lógica, AS3 comenzará a gustarnos.

Ahora bien, hablar de todas las ventajas específicas no vendría a lugar porque el contenido de este documento mostrará algunas de ellas desde la práctica, así que sólo debemos recordar que con cada versión tanto de AS como del Flash Player, siempre nos vamos a ver beneficiados.

¿Realmente es necesario cambiar?

Si eres de los que le tienen miedo al cambio, de los que se aferran a la regla de 0 de la ingeniería ‘lo que funciona se deja quieto‘ o de los que revisan debajo de la cama antes de acostarse….por favor oprime la secuencia ALT+F4 lo más rápido posible.

Si aún estás leyendo es porque entiendes la importancia de estar no sólo a la vanguardia (este argumento es bueno con los clientes) sino de experimentar las nuevas características que nos ofrece el imperio.

Cuando programamos en Flash, vemos que una manera cómoda de controlar nuestros contenidos es encapsulándolos en un MovieClip. Ahora en AS3 eso ya no sólo es una abstracción sino una implementación mucho más técnica, ya que existen métodos y elementos propios para dicho propósito que nos permiten agregar cualquier tipo de contenido a un contenedor que puede seguir siendo un MovieClip, pero que también puede ser algún nuevo tipo de elemento que posee las mismas habilidades que nuestros idolatrados MC.

Y para no volver a crear la rueda, un enlace a una introducción a los contenedores en AS3 por AXM.

Tipos de datos

A diferencia de AS2, AS3 es un lenguaje estricto al momento de definir variables, lo cual no sólo es una buena práctica de programación, sino que nos permitirá dejar de perder todas las horas de sueño que nos representa el buscar un problema que radica en ese detalle. Más detalles aquí.

Al grano, Eventos

Pareciera que iniciar con el nuevo modelo de eventos careciera de orden en ésta guía, sin embargo tiene su razón de ser. Antes de interrumpir la explicación de cualquier otra cosa que requiera esta característica, es mejor saber cómo funcionan.

En AS2 cada objeto que carga datos, variables, video pr0n o lo que sea que fuere, tiene su propio sistema manejador de eventos.

Si se requería cargar objetos que no correspondiera a los formatos para los que originalmente fueron creados estos objetos, habría que recurrir a milenarias técnicas japonesas de hechicería para lograr el objetivo.

AS3, al contrario de lo que se puede apreciar a simple vista, ofrece un sistema decente y muy eficiente en donde hasta mi experiencia me ha dado, se puede cargar cualquier cosa, resolviendo incluso problemas tan comunes con el sistema anterior, como realizar precargas para archivos de texto o incluso XML.

Articulo extraido de http://proyectoexperimental.firesoft.ws

Abrir archivos desde un boton en flash Cs3

2007-12-06T11:31:00.000-08:00

Necesitaba realizar una llamada a un archivo pdf desde flash y en la version Cs 3 de flash no pude hacerlo con lo que habitualmente se hacia en otras versiones, pero buscando encontre una solucion 100 % efectiva.

1.- dentro del boton o enlace de la pelicula flash que creen, pongan este codigo:

on (release) { fscommand("exec", "Nombre del archivo con extencion .exe");}

2.- Creen un una carpeta con el nombre fscommand.

3.- Dentro la carpeta tienen que crear un archivo .bat dentro el archivo, coloquen el nombre del archivo que quiren llamar ejm: Mapa_de_Procesos.xls

4.- Renombren el archivo proxy.exe con el nombre que pusieron en el punto 1. este archivo se encontrara en el zip de este tutorial.

5.- Recuerden los archivos .bat, .exe y el archivo que quieran llamar deben estar dentro la carpeta fscommand.

6.- Y por ultimo deben crear un proyector .exe no funcionara si su pelicula esta en .swf

Espero que les sirva....

descarga de ejemplo.zip

Dibujo animado en Flash

2007-11-20T19:16:00.000-08:00

Es un video-tutorial para realizar un Cartoon o Dibujo animados en Macromedia Flash.

Sabemos que una de los posibildades importantes del Macromedia Flash es la realizacion de pequeñas peliculas.

Es un video en ingles pero con conceptos basicos pero muy importantes echenle un vistazo.

Enlace del video: http://www.learn009.com/videos/flashcartoon/03.html

Personalizar el cursor

2007-11-20T18:41:00.000-08:00

Resulta ser un codigo bastante sencillo para que puedan poner un cursor personalizado en sus proyectos en flash.

Mouse.hide();

cursor.onEnterFrame = function() {

this._x = _xmouse;

this._y = _ymouse;

};

Ejemplo:

Descargar archivo

Como crear un ToolTip

2007-09-13T06:45:00.000-07:00

Ya vamos a ver como crear un tooltip en flash y con ayuda de un poco de AS (actionscript 2), el obejtivo principal sera crear un tooltip de una manera sencilla pero muy funcional.

Empesemos:

1.- Lo primero que haremos es crear el “tooltips”, lo selecionamos (doble click) y presionamos F8 para convertirlo a simbolo, lo convertimos en MovieClip con nombre “Fondo” y el punto de registro en la esquina inferior izquierda…., despues precionamos “OK”, selecionamos nuestro mc en el escenario y en el panel de propiedades (Ctrl+F3) le ponemos como nombre de instancia MctoDrag.

2. Una ves que ya tenemos nuestro tooltips, accedemos a el con doble click y empesamos a crear para cada objeto que tengamos recuadros de comentario, en mi caso importe imagenes de un recuadro de comentario con sombra, cada recuadro tendra una etiqueta para poder localizarla.

3. Luego de haber realizado esto para uno de los componentes que tenemos fuera, nos regresamos a la linea de tiempo principal, ahora para cada objeto que pondremos un tooltips lo convertimos en simbolo y le agregamos el siguiente codigo.

onClipEvent (load)
{
    goBack = false;
}
onClipEvent (enterFrame)
{
    if (goBack && _currentframe > 1)
    {
        gotoAndStop(_currentframe - 1);
    } // end if
}
onClipEvent (mouseMove)
{
    if (hitTest(_root._xmouse, _root._ymouse, false))
    {
        Rollover = 1;
        _root.MctoDrag._visible = 1;
        _root.MctoDrag._x = _root._xmouse;
        _root.MctoDrag._y = _root._ymouse;
        _root.MctoDrag.gotoAndStop("adobe");//nombre de la etiqueta
        _root.MctoDrag.swapDepths(99);
        this.swapDepths(98);
    }
    else if (Rollover)
    {
        Rollover = 0;
        _root.MctoDrag._visible = 0;
    } // end else if
    updateAfterEvent();
}

No olviden dar el nombre de la etiqueta al codigo que pusieron en el tooltips creado.

Bueno la explicacion no fue muy larga y consisa pero por eso les pongo el archivo .fla, porque no hay mejor explicacion que un buen archivo .fla para poder ver el funcionamiento y mejorarlo o ya veran ustedes.

- Descarga archivo .fla

Drag and Drop, arrastrar y soltar objetos en actionscript

2007-09-11T11:36:00.000-07:00

Este un sencillo pero muy sencillo ejemplo de como realizar drag and drop (arrastrar y soltar) utilizando actionscript.

No explicare el codigo utilizado ya que este ejemplo no es nada complicado como podran ver, posteriormente publicare otro mas complicado y podran apreciar lo util de esta aplicacion y sus diferentes usos.

Este es el codigo.

stop();
objeto.onPress = function() {
 startDrag(this);
};
objeto.onRelease = function() {
 stopDrag();
};
/*Segundo ejemplo para que vean lo facil que es*/
objeto2.onPress = function() {
 startDrag(this);
};
objeto2.onRelease = function() {
 stopDrag();
};

Descarga achivo .fla

Formulario de contacto

2007-09-10T12:19:00.000-07:00

Es un formulario sencillo relizado en flash y php.

Como hacerlo:

1 - Declaro las variables para enviar y para recibir.

var envio_lv:LoadVars = new LoadVars();
var recibir_lv:LoadVars = new LoadVars();

2 - Función que envia el forumlario

function enviarMail() {
 envio_lv.nombre = nombre_txt.text;
 envio_lv.apellido = apellido_txt.text;
 envio_lv.asunto = asunto_txt.text;
 envio_lv.email = email_txt.text;
 envio_lv.cuerpo = cuerpo_txt.text;
 envio_lv.sendAndLoad("email.php", recibir_lv, "POST");}

3 - Función que procesa los datos recibidos del servidor

recibir_lv.onLoad = function(exito) {
 if (exito) {
  estado_txt.text = this.estado;
 } else {
  //Muestra un mensaje de error en negrita
  estado_txt.text = "Error en la aplicación de correo";
 }

4 - archivo email.php donde se procesara los datos ingresados y enviarlos mediante la funcion mail de php.

\r\n";
    $headers .= "Reply-To: $origen_mail\r\n";
    $headers .= "Return-Path: $origen_nombre <$origen_mail>\r\n"; 

    //$mensaje=$_POST["asunto"];
 $mensaje.=$_POST["cuerpo"];

 mail($destino,$subject,$mensaje,$headers);
 echo "estado=Mensaje enviado con exito";
?>

Descarga de archivo

Efecto de lupa mediante ActionScript

2007-09-10T11:21:00.000-07:00

Estuve buscando un Efecto de lupa para un trabajo y me encontre con este tutorial que me parecio buenisimo ya me ahorro mucho tiempo y trabajo y que es bastante sencillo de editar.

El sitio es http://www.tutoriales-flash.com/
- Descarga archivo .fla

Generar filtro de iluminación gradiente con ActionScript

2007-09-10T08:00:00.000-07:00

Es bastante sencillo de hacer, para esto primero:

- Generaremos un Movie clip y le damos como nombre de instancia " mc ".
- En el primer fotograma vamos a agregar el siguiente código:

// Importamos la clase de filtro
import flash.filters.GradientGlowFilter;
// Creamos las variables para guardar los parámetros
var distance:Number = 0; // Distancia
var angleInDegrees:Number = 0; // Angulo
var colors:Array = [0xFF00FF, 0xFF0000, 0xFFFF00, 0x000000]; // Arreglo de colores
var alphas:Array = [0, 1, 1, 1]; // Arreglo de transparencia de los colores
var ratios:Array = [0, 63, 126, 255]; // Posición de los colores
var blurX:Number = 25; // Blur en eje X de 0 a 255
var blurY:Number = 25; // Blur en eje Y de 0 a 255
var strength:Number = 2; // Intensidad de 0 a 255
var quality:Number = 3; // Calidad de 1 a 15
var type:String = "outer"; // Forma
var knockout:Boolean = false; // Ocultar el objeto si o no
// Asignamos los parámetros al movie clip
mc.filters = [new GradientGlowFilter(distance, angleInDegrees, colors, alphas, ratios, blurX, blurY, strength, quality, type, knockout)];

Descarga archivo .fla

Generar fondo multiplicando o Background repeat

2007-09-10T07:02:00.000-07:00

Primero en la ventana de librería vamos a importar una imagen, en Linkage de la imagen ponemos el nombre imagen y en el primer fotograma agregamos el siguiente código:

import flash.display.*;
import flash.geom.*;

Stage.scaleMode = "noScale";
Stage.align = "TL";
onResize = function () {
// Generamos el bitmapdata y pegamos la imagen de la librería
var myBitmapData:BitmapData = BitmapData.loadBitmap("imagen");
// Generamos una pelicula para el fodo
this.createEmptyMovieClip("bmp_fill_mc", 1);
// Creamos un rectángulo
with (bmp_fill_mc) {
matrix = new Matrix();
repeat = true;
smoothing = false;
beginBitmapFill(myBitmapData, matrix, repeat, smoothing);
moveTo(0, 0);
lineTo(0, Stage.height);
lineTo(Stage.width, Stage.height);
lineTo(Stage.width, 0);
lineTo(0, 0);
endFill();
}
};
Stage.addListener(this);
onResize();

descarga archivo

Reloj y Fecha en Flash

2007-09-07T10:12:00.000-07:00

Tutorial en el cual se explica cómo obtener la fecha y hora del sistema e incluírla en un archivo swf. Los datos que obtendremos son el dia de la semana, el día del mes, el mes, año, hora, minuto y segundo.

COMO HACERLO.

Se utilizara la clase Date de Actionscript.

Tenemos que crear un objeto Date y a continuación extraer los datos que queremos mediante los siguientes métodos:

Date.getDay() : Devuelve el día de la semana, expresado en un número del 0 al 6 (donde el 0 es domingo, 1 es lunes, etc.)
Date.getDate() : Devuelve el día del mes (un número entero del 1 al 31)
Date.getMonth() : Devuelve el mes (un número del 0 al 11, donde el 0 es enero, 1 es febrero, etc.) Date.getFullYear() : Devuelve el año completo
Date.getHours() : Devuelve la hora actual
Date.getMinutes() : Devuelve los minutos
Date.getSeconds() : Devuelve los segundos

1. Definimos un array con los días de la semana de forma que coincidan con la forma de devolverlos de Date.getDay (0-domingo, 1-lunes, ..., 6-sábado)

2. hacemos lo mismo para Date.getMonth (0-enero, 1-febrero, ..., 11-diciembre)

var dias = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado");
var meses = new Array("enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre");

3. creamos un objeto Date con la fecha y hora actuales

var fecha = new Date();

4. en el campo "fecha" vamos encadenando los resultados, para el día de la semana y el mes, recurrimos a los arrays definidos anteriormente

this.fecha = dias[fecha.getDay()]+", "+fecha.getDate()+" de "+meses[fecha.getMonth()]+" de "+fecha.getFullYear();
// asignamos su valor a los campos "hora", "minuto" y "segundo".
this.hora = fecha.getHours();
this.minuto = fecha.getMinutes();
this.segundo = fecha.getSeconds();

5. Por último, como queremos que cada campo siempre tenga dos cifras, tenemos que añadir un 0 delante siempre que el valor sea menor de 10 (09 en lugar de 9)

if (this.segundo<10)
{
   this.segundo = "0"+this.segundo;
}
if (this.minuto<10)
{
   this.minuto = "0"+this.minuto;
}
if (this.hora<10)
{
   this.hora = "0"+this.hora;
}

descarga de archivo .fla

Prueba de funcionamiento

2007-09-07T07:09:00.000-07:00

Saludos............

2007-09-06T18:04:00.000-07:00

Hola este blog lo hago para mostrar y aconsejar el manejo de flash, ya que me parece que es bueno saber flash como de ajax asi que espero que les guste.

DiegusWeb