El problema con las funciones anteriores es que, si bien funcionan perfecto, están programadas para realizarse onEnterFrame, y por lo tanto, el objeto al que necesitamos aplicarle la función, debe estar consultando cada frame si es que la ejecuta o no. Mientras sea un archivo pequeño, todo funciona de maravillas, pero si trabajamos con 30 movieclips al mismo tiempo y si algunos de ellos contienen imágenes, tenemos que pensar que vamos a estar haciendo consultas 30 veces en cada fotograma (entre 15 y 30 veces por segundo), y eso a la larga revienta cualquier computador.

Entonces: la solución, es utilizar la clase tween para animar, la cual es una clase que viene "pre-programada" en flash y que nosotros debemos importarla para poder utilizarla. Esto quiere decir que la clase "está ahí, en alguna parte de flash, pero no se carga a menos que se lo solicitemos".

Para utilizarla debemos llamarla (antes del momento en que la vayamos a utilizar) con la siguiente línea:

import mx.transitions.Tween;

De esta manera, le decimos a flash que importe esta clase y la mantenga en memoria para utilizarla.

Ahora el tema es "como la utilizamos". Para generar una animación, basta con crear una nueva instancia de la clase, entregándole los siguientes parámetros:

new Tween(objeto, propiedad_a_modificar, tipo_de_animacion, valor_inicial, valor_final, tiempo, utilizar_segundos);

Esto quiere decir que si necesitamos hacer desaparecer un objeto que está en _root y tiene como nombre de instancia "mi_mc", debemos hacerlo de la siguiente manera:

new Tween(_root.mi_mc, "_alpha", mx.transitions.easing.Strong.easeOut, 100, 0, 1, true);

Así el objeto _root.mi_mc animará su propiedad _alpha con el tipo de animación "strong" y con easing al final de la animación, desde 100 a 0 en un segundo.

Lo bueno de utilizar esta función es que podemos animar cualquier propiedad de cualquier objeto, o incluso podemos hacer funciones adicionales que ejecuten varias tareas a la vez. Lo otro bueno es que no tendremos que llamarla onEnterFrame, sino que podremos llamarla cada vez que necesitemos y que con un solo llamado se ejecuta la animación completa, independiente de los fotogramas que estemos utilizando, pues está basada en el tiempo. Así nuestra película no le pedirá muchos recursos al computador y se verá todo mucho más fluido.

Acá hay un ejemplo de una función para hacer un fadeIn a cualquier objeto:

function fadeIn(obj){
    new Tween(obj, "_alpha", mx.transitions.easing.Strong.easeOut, obj._alpha, 100, 1, true);
}

Como verán esta función reemplaza a la que mencionaba en el post anterior y ocupa menos recursos también.

Descargar el archivo de ejemplo

Mientras preparo mi próximo post, los invito a conocer el blog que tengo para poder mostrar la música que hago (que hacía): http://musica.peivem.com.

Espero poder retomar la música pronto, pero la he tenido que dejar de lado para poder hacer otro tipo de proyectos en mi vida, como lo son mi familia y GEEKBOX.

Espero sus comentarios!.

Desde ahora, y gracias al servicio ofrecido por mofuse.com, desde ahora podrán ver el sitio peivem.com en versión simplificada para teléfonos móviles.

Para visualizar el sitio sólo basta con que ingresen a http://www.peivem.com desde un celular y automáticamente verás el sitio en su nueva versión. De todas formas, también será posible ingresar desde m.peivem.com (apenas se actualicen los DNS).

Esta versión está hecha a partir del RSS de peivem.com, por lo tanto estará automáticamente siempre actualizada, y mostrará exclusivamente el contenido de los posts.

Con este truco, podemos evitar que los usuarios intenten ingresar números en las casillas donde se les pregunta el nombre, o mejor aún, evitar que los hackers intenten ingresar algún código malicioso para que sea procesado por el archivo que recibirá los datos enviados.

La manera de hacerlo es muy simple. Se debe agregar la siguiente línea:

inputEmail.restrict = "A-Za-z0-9.@_";

El ejemplo anterior, limita a la casilla "inputEmail" (ese es el nombre de instancia que tiene la casilla de nuestro ejemplo) a que en ella sólo se puedan escribir los caracteres definidos (las letras de la "A" a la "Z", y de la "a" a la "z", los números del 0 al 9, el punto, la arroba y el guión bajo). Este ejemplo se usa para limitar los inputs donde necesitamos que el visitante ingrese su email.

Si la casilla "inputEmail", está alojada en el _root, sólo bastaría con escribir esa línea en el AS del primer fotograma de nuestra película donde aparezca esta casilla.

Si la casilla de ingreso de texto se encuentra dentro de un movieclip, sólamente se debe hacer lo mismo, en el onLoad del movieclip.

onClipEvent (load) {
    this.inputEmail.restrict = "A-Za-z0-9.@_";
}

Esta preciosura que ven en la foto se llama Montserrat. Es mi primera hija y me ha hecho el padre más feliz del mundo, y aunque su nacimiento no tenga nada que ver con Web, 3D o Multimedia, no puedo dejar de escribir en mi blog lo que siento por ella.

Y aunque suene ñoño decirlo, es hija de peivem y soranji, jajaja.

Nació el 20 de enero (san Sebastián, miren que coincidencia) de 2009 en la clínica Integramédica de Santiago, a las 20:58. Pesó 3.035 Kg. y midió 47.5 cm.

Supongo que cualquier padre habrá dicho lo mismo en su momento, y aunque suene trillado, quiero decirlo igual. Este es mi momento.

Montserrat me ha hecho el hombre más feliz del mundo y con ella, mi vida ha terminado de completarse. Es la persona más bella que conozco (claro, si se parece a su madre y a su padre, como no iba a serlo...jajaja) y la amo de pies a cabeza.

Junto a ella y a Solange, esperamos tener una familia feliz, llena de amor y alegría, y la cuidaremos con todo el amor que podemos dar.

Creo que por ahora no se bién cómo explicar lo que siento, pero por lo menos ahora ya puedo morir tranquilo... y supongo que sólo me falta plantar un árbol (el libro ya lo escribí...pronto lo subiré para que lo vean).

Para todos aquellos fanáticos del sudoku, en GEEKBOX hemos lanzado el sitio http://www.sudokuadictos.com.

Héchenle un vistazo y si les gusta, incluso pueden hacerse fan en Facebook.

A mi parecer, una de las maneras más eficientes, es animar a través de ActionScript. Si, animar todo a través de Actionscript!...bueno, CASI todo...todo lo animable con ActionScript solamente...

Por lo mismo, acá les dejo algunas funciones que se pueden definir en el primer fotograma de nuestra película y que talvez a muchos de que programan en Flash, les sean de muchísima utilidad.

function fadeOut(obj){
    if(obj._alpha>0){
        obj._alpha-=10;
    }
    else{
        obj._visible=false;
    }
};
function fadeIn(obj){
    obj._visible=true;
    if(obj._alpha<100){
        obj._alpha+=10;
    }
};
function ir(obj,posx,posy){
    obj._x+=(posx-obj._x)/4;
    obj._y+=(posy-obj._y)/4;
};

Las funciones anteriores permiten hacer lo siguiente:

fadeOut: hace que el objeto en cuestión disminuya su propiedad _alpha de 10 en 10. Cuando llegue a 0, automáticamente adoptará la propiedad _visible=false, es decir, desaparecerá. Esto, porque muchas veces algunos de los MovieClips funcionan como botones, y si solo se hacen transparentes, la funcionalidad de botón seguirá activa. Si desaparecen por completo, el "botón" no funcionará, es decir que realmente desaparecerá.

fadeIn: hace exactamente lo opuesto que fadeOut. Aunque todo el tiempo define _visible=true, en caso de que el objeto esté invisible.

ir: anima el objeto con una curva de movimiento. Es decir, que lo mueve con easing. Se le debe enviar, además del objeto, la posición en el eje X y la posición en el eje Y, al cual queremos que se desplace.

Por supuesto, que estas son algunas de las funciones que se pueden crear. Cada uno debería, con el tiempo, ir creando sus propias librerías que vayan facilitandole la tarea.

Como utilizarlas

El método es muy simple: una vez definidas las funciones en el primer fotograma de la película, estas quedarán disponibles para utilizarlas en cualquier minuto. Luego de esto, a cualquier movieclip se le puede dar alguna instrucción como la siguiente:

onClipEvent (load) {
    this._alpha=0;
}
onClipEvent (enterFrame) {
    if(_root.iniciar){ _root.fadeIn(this); }
}

En el ejemplo anterior, asumimos que en _root existe una variable booleana llamada "iniciar", que en algún minuto (por alguna acción específica), pasará de 0 a 1. Cuando sea 1, el MovieClip llamará a la funcion "fadeIn", que se encuentra definida en _root, y automáticamente comenzará a aparecer.

Crea las tuyas!

No es por ser egoísta que no posteo más funciones...por mí postearía muchas más. El tema es que cada uno, dependiendo de la funcionalidad que necesite en su película, deberá ir creando sus propias funciones, siguiendo la misma lógica de las que yo les entrego.

Y no sólo es posible crear funciones para animar. Las funciones se pueden crear para muchas otras funcionalidades, como definir alguna serie de acciones que deberán hacer algunos objetos al ser presionados, por ejemplo.

Suerte!

El otro dia estuve viendo en un "canal amigo" (jajaja, el "infinito") y estaban hablando acerca de un tema muy interesante. Generalmente no posteo este tipo de cosas, pero encuentro que es algo que vale la pena comentar...solo para sembrar el pánico y la paranoia.

Se trataba de la evolución de la raza humana. Decían que la raza humana ya llegó al tope de su evolución, es decir, que el cerebro humano ya no puede ser más inteligente. Entonces: ¿que viene ahora? => evolucionar según nuestros propios medios.

Al principio se hablaba de la modificación del código genético (ADN) para conseguir seres mucho más avanzados. Y en la actualidad, a pesar de haber problemas morales y éticos de por medio, hacer eso es posible, ya que el código genético ya ha sido completamente descifrado, por lo tanto solo faltaría modificarlo en las personas que vayan naciendo para conseguir una raza mucho más avanzada. O por ejemplo, modificar el ADN de algún tipo de células para que cumplan la función de otras. Todo es posible en la actualidad (a los que le interese este tema en particular, OBVIAMENTE tendrían que ver la película "Gattaca").

Luego, podemos imaginar como una mano mecánica puede "entender" los impulsos nerviosos de nuestro cuerpo para realizar movimientos específicos (que se utiliza en el caso de personas con deficiencias físicas).

Bueno, de novedoso, todo esto no tiene mucho. Sin embargo hay algo que si lo es: poder comunicar algún hardware con los impusos eléctricos del cerebro. Existe en la actualidad una tecnología para comunicar "telepáticamente" el cerebro humano con un computador: yo pienso algo, y el computador lo dice. Suponiendo entonces que existe esta posibilidad de comunicación, la humanidad puede comenzar a crear microprocesadores que se instalen en el cerebro y que, en vez de realizar los cálculos matemáticos mediante el cerebro, se hagan mediante un hardware. Es decir, que un cálculo que nos puede llevar 2 horas, gracias a este microchip que tenemos insertado, nos lleve milésimas de segundos. Y luego agregar otro chip, y otro chip, extendiendo las posibilidades de almacenamiento y procesamiento de la información de manera inimaginable. Podríamos almacenar un libro completo en nuestro cerebro; podríamos almacenar música, historial médico, llevar estadísticas precisas de todo lo que ocurre en nuestras vidas, etc. Sería increíble...y posible.

Incluso, podríamos tener internet Wi-Fi conectado directamente a nuestro cerebro. Extraño, no?.

Sucederá algo de esto en algún futuro cercano?...o al menos mientras nosotros vivamos?

Y la solución es simple, copiar un archivo y ejecutar otro.

La solución

Para ver las miniaturas de los archivos PSD, se debe bajar este archivo.

Al descomprimirlo encontrarás 3 archivos en su interior:

• psicon.dll: este archivo se debe copiar a la carpeta C:Archivos de programaArchivos comunesAdobeShell
  
• PhotoShop_ThumbNail.reg: este archivo se debe ejecutar para agregar la información al registro de windows.
• instrucciones.txt: cae de maduro.

Y listo!...ahora solo habría que hacerle click en "Ver / Vistas en miniatura" a cualquier carpeta para previsualizarlas.

NOTA: Hay veces en que no se ven todas las miniaturas de los PSD, y es sólo un problema de caché. En ese caso hay que apretar F5, y listo.

Suerte!

XML

Un archivo XML, es un documento muy simple y escrito en un formato estandarizado (muy similar al HTML). Para que se entienda más fácil, acá va un ejemplo de un XML simple:

	
		img/google.jpg
		http://www.google.cl
		_blank
	

	
		img/peivem.jpg
		http://www.peivem.com
		_self
	

FLASH

Por su parte, ActionScript (como muchos otros lenguajes de programación - prácticamente todos) posee comandos para importar archivos XML y leer su contenido.

La manera en que los lee no es "línea por línea", como es el caso de los archivos de texto, sino que "nodo por nodo", es decir por "padres e hijos".

Para que se entienda como "piensa" flash, podríamos decir que (en el ejemplo anterior), el firstChild corresponde a la etiqueta . firstChild.childNodes[0] correspondería a la primera etiqueta , y el firstChild.childNodes[1], correspondería a la segunda etiqueta . Así mismo, se sigue hacia adentro, agregando más .childNodes[x].

Por lo tanto, la manera (copiar/pegar) de leer los datos de un xml en flash es la siguiente:

xml="xml/datos.xml";
var my_xml:XML = new XML ();
my_xml.ignoreWhite = true;
my_xml.load (xml);
my_xml.onLoad = parse;

function parse (succes):Void {
 	if (succes) { printScreen (this); }
 	else { trace ("Error"); }
}

function printScreen (xmlObj):Void {
 	var xmlNode:XMLNode = xmlObj.firstChild;
 	for (i=0;i
Un ejemplo práctico
Para los que saben un poco de ActionScript, está de más explicar el código anterior. Para los que no entienden nada de lo que dice, acá les dejo un ejemplo (.fla) con comentarios explicando cada función.
En este ejemplo, utilicé el mismo código (ActionScript 2.0) para hacer un flash que cargue, al azar, uno de entre todos los banners que se tengan configurados en el xml (siempre y cuando estén las fotos necesarias y el xml con la información).
Descargar ejemplo
]]>
		http://www.peivem.com/?feed=rss2&post=52