CTRL + ENTER

Feliz Navidad

admin — Wed, 24 Dec 2008 17:11:21 +0000

Hola…

Para todos los usuarios conocidos y desconocidos del blog, les deseo una Feliz Navidad, gracias por dejar sus visitas, comentarios y demás “insumos” de la vida web. A la gente de twitter muy bueno saber del diario vivir de cada uno y poder seguir sus experiencias.

Que el niño Dios les traiga todo lo que le pidieron, sino que el próximo año las oportunidades de empleo y negocios les den para llevar acabo sus sueños y deseos.

Espero que se sigan dando la pasadita por acá y que sigamos en contacto.

Portafolio de algunos juegos

admin — Tue, 02 Dec 2008 20:30:14 +0000

He tenido la posibilidad de participar en la programación y estructuración de la navegación de la siguiente lista de juegos, en el blog he publicado algunos trucos y consejos para realizar estos juegos, sin embargo si alguien esta interesado en saber como se hizo alguna funcionalidad, los invito a que posteen sus dudas para compartilas con los demás.

Nota: para probar el juego click en la imagen.

Optimizar banners por medio de programación

admin — Mon, 01 Dec 2008 18:36:56 +0000

Cuando un cliente realiza una campaña que va a estar presente en diferentes medios web, la mayoria (portales, periodicos, revistas, entre otros). Exigen un peso mínimo del banner que se va a mostrar según sus dimensiones.

Generalmente esto restringe demasiado la interacción del banner si se realiza del modo tradicional, es decir con animción por línea de tiempo con interpolación.

Para no limitar la creatividad y para cumplir con requisitos de peso, acá dejo unos tips que pueden ser muy utiles para sacar una campaña exitosa.

No se debe crear banners compuestos de más de tres pasos.
Optimizar las imágenes fotografías a una calidad del 90%
Utilizar gráficos vectoriales, vale la pena sobretodo porque las campañas manejan diferentes tamaños.
Animar por programación.
Evitar cargas externas de archivos (Posiblemente a algunos usuarios no les funcione) .

A continuación les dejo un pequeño ejemplo, el reto era crear un banner de 336x850, con animación y con un peso total de 60 kb.

Modifique las imagenes del original, acá pongo un banner que pesa 5,74 KB, aplicando los tips anteriores.

El código utilizado para animar los copies es el siguiente:

PLAIN TEXT

Actionscript:

import mx.transitions.Tween;
/*
SCRIPT BY: Andrés Bedoya Tobón
email: lasmovies@gmail.com
page: www.lasmovies.com/blog
*/
function hideImages()
{
copy1._visible = false;
copy2._visible = false;
copy3._visible = false;
}
hideImages();
playBanner();
function playBanner()
{
var met = mx.transitions.easing.Back.easeIn;
hideImages();
copy1._visible = true;
copy2._visible = false;
copy3._visible = false;
//t1 = new Tween(img1, "_x", met, 541, 0, 0.5, true);
t1 = new Tween(copy1, "_y", met, -100,copy1._y, 0.5, true);
t1.onMotionFinished = function()
{
setTimeout(frame2,3000);
//frame2();
}
}
function frame2()
{
var met = mx.transitions.easing.Strong.easeIn;
copy1._visible = false;
copy2._visible = true;
copy3._visible = false;
//img2.swapDepths(1);
//t2 = new Tween(img2, "_x", met, -541, 0, 0.5, true);
t2 = new Tween(copy2, "_y", met, 400, copy2._y, 1, true);
t2.onMotionFinished = function()
{
setTimeout(frame3,3000);
}
}
function frame3()
{
var met = mx.transitions.easing.Bounce.easeIn;
copy1._visible = false;
copy2._visible = false;
copy3._visible = true;
t3 = new Tween(copy3, "_y", met,-100,copy3._y, 0.5, true);
t3.onMotionFinished = function()
{
}
}

Y para animar las bolas cayendo, se utiliza un script que se explica en uno de los post anteriores:

http://www.lasmovies.com/blog/efecto-de-objetos-cayendo-v1/

Nota: He trabajado en campañas masivas de marketing, los tips que se explican acá son utiles para la mayoría de medios en Colombia. Para el caso del exterior o dependiendo de los requerimientos para medir el éxito de la campaña se debe utilizar obligatoriamente animación por línea de tiempo, este es el caso de las campañas que exigen reporte de click utilizando motif ad kit.

Navegación condicional

admin — Fri, 21 Nov 2008 14:51:48 +0000

Muchas veces necesitamos crear funcionalidades en un menú o en una sección que queremos habilitar sólo si se cumple con un parámetro en particular. En el siguiente ejemplo se tiene en cuentaque las secciones se habiliten sólo si cumple con la condición del día, que va dado por un número así (lunes 1, martes 2, ...)

Para pasarle el parametro con la líbreria swfObject así:

PLAIN TEXT

HTML:

src="swfobject.js" type="text/javascript">
type="text/javascript">
var s1 = new SWFObject("tanga.swf","ply","849","629","9","#FFFFFF");
s1.addVariable("dias","2");
s1.addParam("wmode","transparent");
s1.write("container");

Pombo Musical

admin — Wed, 19 Nov 2008 15:49:19 +0000

Con motivos del lanzamiento del cd musical de fábulas de pombo, se realizó una actividad para los niños, acá unos pantallazos del minisitio y el link para entrar y disfrutar de las canciones y juegos.

Para entrar al sitio click en la imagen.
Nota: Este sitio va estar al aire por un tiempo determinado, por tanto es posible que el link deje de funcionar en varias semanas.

Navegación por tabs

admin — Wed, 19 Nov 2008 15:19:41 +0000

Hola, por acá les dejo un ejemplo de navegación por pestañas en un cabezote hecho en flash. ideal para cabezotes de blog o sitios híbridos flash + css + xhtml.

Referencia a herramientas utilizadas:
Librería swfObject, http://blog.deconcept.com/swfobject/

Para abrir el menú con una opción preseleccionada, se le pasa el parámetro seccion al flash,

PLAIN TEXT

HTML:

var s1 = new SWFObject("tabs.swf", "mymovie", "550", "50", "8", "#336699");
s1.addVariable("seccion","1");
s1.addParam("wmode","transparent");
s1.write("container");

Este parámetro se interpreta así:

1 intrucciones
2 premio
3 tu deseo
4 ver deseos

Sólo queda cambiar el parametro que se le pasa a la función getURL, para que abra la sección determinada.

Actividad de halloween, para otro sitio.

admin — Wed, 22 Oct 2008 20:09:35 +0000

A continuación se pueden ver los pantallazos principales de una actividad que actualmente se encuentra al aire, La idea es ofrecer a los usuarios de un sitio la posibilidad de crear personajes (avatar) que caractericen monstruos, y luego se los puedan enviar a sus amigos por medio de correo o por facebook a su lista de amigos.

Primero entramos y vemos una galeria de todos los monstruos que han creado los usuarios, esta parte es de uso público, los usurios pueden ver los personajes y pueden votar por sus preferidos.

Luego si el usuario quiere crear un personaje, es necesrio que este registrado en el sitio...

Luego del logeo en el sitio es necesario descontar claves o puntos, los cuales se consiguen en los empaques de la marca que patrocina la actividad.

Una vez pasa esta parte de autorización, puede acceder a crear su personaje, ingresando diferentes características de su monstruo. (En este caso se pide primero el nombre del usuario y el nombre de su monstruo)

Luego esta la parte central de la actividad, es la posibilidad de poner las diferentes partes de su personaje, se puede escoger entre diferentes tipos de ojos, cuerpos, bocas y categoria varios.

Acá se ve como el usuario previsualiza su creación.

Cuando termina de crear el personaje, sale la opción de enviarlo a una amiga, esta operación pide el nombre del amigo y el email para enviarle una invitación. o lo envía a facebook, donde lo puede compartir con su lista de amigos.

Si el usuario decide ir a publicarlo a facebook, primero se visualiza su creación y luego se puede ir a seleccionar los amigos o los monstruos que desea enviar.

Esta es la pantalla que permite configurar y persoanlizar el envío de monstruos en facebook.

Para realizar esta aplicación se empleo un tiempo apróximado de dos semanas y de una diseñadora, y dos ingenieros.

Para ver la actividad click aquí, estará disponible por el mes de octubre y principios de noviembre.

Ilustración, pura moral

admin — Wed, 15 Oct 2008 22:34:47 +0000

Esta paginita esta muy vacana, tiene muy buenos ejemplos de ilustración, lastima que sean tan poquitos.

Para ir a la página click aquí

Actividad para halloween, me gusto bastante

admin — Wed, 15 Oct 2008 22:21:24 +0000

Tonces, acá les dejo algunos pantallazos de uno de los juegos que programé para halloween.

Para jugar click aquí

Las ilustraciones y diseño son de otra persona. la activida se podrá ver en el sitio por tiempo limitado.

Skinnee facilmente combobox en flash

admin — Wed, 08 Oct 2008 23:40:59 +0000

He tratado varias veces de maquillar los componentes predefinidos en flash para utilizar combos de selección, pero por más que le peleo a eso, los resultados optenidos no son los mejores, por tal motivo me di a la tarea de realizar la programación con un diseño personalizado de 3 componentes muy utilizados en el envío de formularios.

A continuación el ejemplo, si alguién tiene alguna duda con mucho gusto.