CTRL + ENTER http://www.lasmovies.com/blog Recursos de flash Tue, 23 Feb 2010 14:59:07 +0000 http://wordpress.org/?v=2.8 en hourly 1 lasmovieshttp://feedburner.google.com Carga y actualización de una imagen flash AS 3.0 / Image Load and Image update AS 3.0 http://www.lasmovies.com/blog/carga-y-actualizacion-de-una-imagen-flash-as-3-0-image-load-and-image-update-as-3-0/ http://www.lasmovies.com/blog/carga-y-actualizacion-de-una-imagen-flash-as-3-0-image-load-and-image-update-as-3-0/#comments Tue, 09 Feb 2010 15:02:29 +0000 @lasmovies http://www.lasmovies.com/blog/?p=250 Si esta interesado en crear una galería de imágenes programada en actionscript 3.0, y su objetivo es lograr que un contenedor actualice una serie de imágenes thumbs al ser presionadas. O si lo que necesita es cargar, o actualizar el mismo contenedor de imagen y que el contenedor siga funcionando correctamente, le recomiendo utilizar esta función.

PLAIN TEXT
Actionscript:
  1. function loadData(_data,mc):void{
  2. var __l:Loader = new Loader();
  3. __l.load(new URLRequest(_data));
  4.  
  5. if(mc.numChildren>0)
  6. {
  7. mc.removeChildAt(0);
  8. mc.addChildAt(__l,0);
  9. }
  10. else
  11. mc.addChildAt(__l,0);
  12.  
  13. }

Y para llamar la función:

PLAIN TEXT
Actionscript:
  1. var url:String = "/images/madmen_icon.jpg";//ruta donde esta la imagen
  2. loadData(url,pic.i);

Recomendaciones para utilizar la función:

Crear un MovieClip contenedor, el cual tendrá internamente 3 elementos: Un MovieClip vacío con nombre de instancia "i" contenedor, una máscara que se aplica al Movieclip vacío "i" y una imagen de fondo para adornar la imagen que se va a cargar.

El resultado se debe ver así:

En el espacio de trabajo del MovieClip:

Preparando el Contenedor de la imagen

Y en la línea de tiempo:

Línea de tiempo contenedor de imagen

Luego usamos el MovieClip en el escenario, acá un ejemplo:

Graficamente

La línea punteada es el MovieClip que acabamos de crear, debe tener como nombre de instancia pic, para poder hacer referencia al MovieClip vacío "i", que es donde se va a cargar la imagen, por medio de la instrucción:

PLAIN TEXT
Actionscript:
  1. var url:String = "/images/madmen_icon.jpg";//ruta donde esta la imagen
  2. loadData(url,pic.i);

Si la url es correcta, tiene un tamaño adecuado para cargar debajo de una máscara y esta en el mismo servidor el resultado es:

Resultado Final

Nota: Para cargar imágenes que están en otro dominio, por ejemplo facebook, flickr, entre otros, es necesario tener un mecanismo de seguridad que le diga al cargador que esta cargando un recurso externo permitido. Para esto se debe incluír:

Políticas de seguridad:

PLAIN TEXT
Actionscript:
  1. var loaderContext:LoaderContext = new LoaderContext();
  2. loaderContext.checkPolicyFile = true;

Se le pasa la autorización al loader:

PLAIN TEXT
Actionscript:
  1. _loader.load(new URLRequest(url),loaderContext);

]]> http://www.lasmovies.com/blog/carga-y-actualizacion-de-una-imagen-flash-as-3-0-image-load-and-image-update-as-3-0/feed/ 1 Parar la linea de tiempo por x segundos y luego seguir, flash as 2.0 http://www.lasmovies.com/blog/parar-la-linea-de-tiempo-por-x-segundos-y-luego-seguir-flash-as-2-0/ http://www.lasmovies.com/blog/parar-la-linea-de-tiempo-por-x-segundos-y-luego-seguir-flash-as-2-0/#comments Wed, 16 Sep 2009 14:03:05 +0000 @lasmovies http://www.lasmovies.com/blog/parar-la-linea-de-tiempo-por-x-segundos-y-luego-seguir-flash-as-2-0/ Cuando se animan banners, a veces es necesario que un frame se muestre por determinado tiempo, la solución para esto es agregar frames calculando un tiempo de duración, esto puede ser molesto o demorado según el caso. Si queremos estar seguros del tiempo de duración del frame, agregamos el siguiente script en el frame que necesitamos una pausa por un determinando tiempo en segundos.

Nota: Cada que se requiera una pausa, se recomienda cambiar el nombre a la función seguir.

PLAIN TEXT
Actionscript:
  1. stop();
  2. seg = 5;
  3. function seguir(){
  4. //Poner accion a seguir ejemplo play();
  5. }
  6. setTimeout(seguir,seg*1000);

Uso:

seg: Cunatos segundos se va a parar la linea de tiempo
Dentro de la función, poner la instrucción que se ejecuta cuando pasa el tiempo, por ejemplo play, gotoAndPlay("frame").

]]> http://www.lasmovies.com/blog/parar-la-linea-de-tiempo-por-x-segundos-y-luego-seguir-flash-as-2-0/feed/ 0 getHoroscopo AS 3 – (signs of the zodiac) http://www.lasmovies.com/blog/gethoroscopo-as-3-signs-of-the-zodiac/ http://www.lasmovies.com/blog/gethoroscopo-as-3-signs-of-the-zodiac/#comments Mon, 07 Sep 2009 13:23:26 +0000 @lasmovies http://www.lasmovies.com/blog/?p=244 Por acá dejo una función en Actionscript 3 que permite saber el signo del zodiaco según la fecha de nacimiento.

Modo de uso:

PLAIN TEXT
Actionscript:
  1. trace(getHoroscopo(1,7))

Función:

PLAIN TEXT
Actionscript:
  1. //function getHoroscopo(dia:Number, mes:Number):String
  2. function getHoroscopo(dia:Number, mes:Number):Number
  3. {
  4.     var _year:Number = new Date().getFullYear();
  5.    
  6.     if(new Date(_year,mes,dia)>=new Date(_year,2,21) && new Date(_year,mes,dia) <= new Date(_year,3,20))
  7.     {
  8.         //return "Aries";
  9.         return 0;
  10.     }
  11.    
  12.     if(new Date(_year,mes,dia)>=new Date(_year,3,21) && new Date(_year,mes,dia) <= new Date(_year,4,21))
  13.     {
  14.         //return "Tauro";
  15.         return 1;
  16.     }
  17.    
  18.     if(new Date(_year,mes,dia)>=new Date(_year,4,22) && new Date(_year,mes,dia) <= new Date(_year,5,21))
  19.     {
  20.         //return "Géminis";
  21.         return 2;
  22.     }
  23.    
  24.     if(new Date(_year,mes,dia)>=new Date(_year,5,22) && new Date(_year,mes,dia) <= new Date(_year,6,23))
  25.     {
  26.         //return "Cáncer";
  27.         return 3;
  28.     }
  29.    
  30.     if(new Date(_year,mes,dia)>=new Date(_year,6,24) && new Date(_year,mes,dia) <= new Date(_year,7,23))
  31.     {
  32.         //return "Leo";
  33.         return 4;
  34.     }
  35.    
  36.     if(new Date(_year,mes,dia)>=new Date(_year,7,24) && new Date(_year,mes,dia) <= new Date(_year,8,23))
  37.     {
  38.         //return "Virgo";
  39.         return 5;
  40.     }
  41.    
  42.     if(new Date(_year,mes,dia)>=new Date(_year,8,24) && new Date(_year,mes,dia) <= new Date(_year,9,23))
  43.     {
  44.         //return "Libra";
  45.         return 6;
  46.     }
  47.    
  48.     if(new Date(_year,mes,dia)>=new Date(_year,9,24) && new Date(_year,mes,dia) <= new Date(_year,10,22))
  49.     {
  50.         //return "Escorpio";
  51.         return 7;
  52.     }
  53.    
  54.     if(new Date(_year,mes,dia)>=new Date(_year,10,23) && new Date(_year,mes,dia) <= new Date(_year,11,21))
  55.     {
  56.         //return "Sagitario";
  57.         return 8;
  58.     }
  59.    
  60.     if(new Date(_year+1,mes,dia)>=new Date(_year,11,22) && new Date(_year,mes,dia) <= new Date(_year,0,20))
  61.     {
  62.         //return "Capricornio";
  63.         return 9;
  64.     }
  65.    
  66.     if(new Date(_year,mes,dia)>=new Date(_year,0,21) && new Date(_year,mes,dia) <= new Date(_year,2,19))
  67.     {
  68.         //return "Acuario";
  69.         return 10;
  70.     }
  71.    
  72.     if(new Date(_year,mes,dia)>=new Date(_year,1,20) && new Date(_year,mes,dia) <= new Date(_year,2,20))
  73.     {
  74.         //return "Piscis";
  75.         return 1;
  76.     }
  77.    
  78.     //return "-1";
  79.     return -1;
  80. }
  81.  
  82. //trace(getHoroscopo(1,7));

]]> http://www.lasmovies.com/blog/gethoroscopo-as-3-signs-of-the-zodiac/feed/ 0 Vamos pa’ finales http://www.lasmovies.com/blog/vamos-pa-finales/ http://www.lasmovies.com/blog/vamos-pa-finales/#comments Wed, 06 May 2009 21:34:42 +0000 @lasmovies http://www.lasmovies.com/blog/vamos-pa-finales/ Llegaron los finales y tengo muchas ganas de sacar buenos proyectos, vamos a ver que pasa.

Sitio para promocionar una "empresa" con un hobby personal, el tema es bolsa de jugadores, es decir los jugadores callejeros o competitivos que les cuesta encontrar un buen equipo para jugar o los equipos que necesitan jugadores pero no los encuentran acuden al sitio y ven toda la información de los jugadores disponible.

Idea que tenia desde hace años y que implemente en el colegio en el siguiente link.

http://www.geocities.com/xaca000/

Vamos a ver que tal queda la versión 2.0.

Próxima semana, actualización de secciones y más personajes.

]]> http://www.lasmovies.com/blog/vamos-pa-finales/feed/ 0 Recuperar password de wordpress http://www.lasmovies.com/blog/recuperar-password-de-wordpress/ http://www.lasmovies.com/blog/recuperar-password-de-wordpress/#comments Wed, 21 Jan 2009 22:03:14 +0000 @lasmovies http://www.lasmovies.com/blog/recuperar-password-de-wordpress/ Herramientas:

  • Conocimientos del panel de control del sitio.
  • Acceso a phpMyadmin

Nota: Este truco funciona para la versión instalable de wordpress.

Si olvidamos el password de wordpress, podemos cambiarlo desde el administrador de la base de datos siguiendo estos sencillos pasos.

Lo primero es entrar al panel de control del sitio, y seleccionar la base de datos del blog.

Luego revisamos las tablas de la base de datos y seleccionamos la tabla wp_user, la cuál contiene la información del usuario administrador.

Luego vamos a la pesaña examinar y buscamos el usuario administrador, por lo general el nombre de usuario es "admin". Presionamos el ícono de edición para modificar los datos de este registro.

Se recarga la página con la posibilidad de modificar varios campos, para este caso vamos a cambiar el valor de user_pass, se debe borrar el valor actual.

Copiamos la nueva clave, para este ejemplo la clave es 123

Seleccionamos la función MD5 y presionamos continuar para guardar los cambios

La ventana se recarga y tenemos una respuesta de mysql, informando la consulta que realizó

Si volvemos a entrar vemos una cadena de texto con una serie de carácteres entre letras y números, si queremos verificar la cadena generada lo podemos hacer con la ayuda de un conversor de md5 en línea, pulsar la foto para ir al link.

Revisamos la cadena en el campo user_pass, y verificamos que sea la misma

Listo la contraseña ha sido cambiada, ahora vamos al cms e ingresamos el usuario y el password nuevo.

es decir user: admin password: 123.

]]> http://www.lasmovies.com/blog/recuperar-password-de-wordpress/feed/ 1 Borrar comentarios spam en wordpress http://www.lasmovies.com/blog/borrar-comentarios-spam-en-wordpress/ http://www.lasmovies.com/blog/borrar-comentarios-spam-en-wordpress/#comments Fri, 09 Jan 2009 16:28:34 +0000 @lasmovies http://www.lasmovies.com/blog/borrar-comentarios-spam-en-wordpress/ En estos días he estado en operaciones de mantenimiento y actualización de la versión de wordpress. Queria compartir un truco para las personas que reciben ataques de comentarios spam.

Nota: Tener precaución de ejecutar código SQL, ya que podemos borrar comentarios o datos valiosos. antes de continuar se recomienda hacer una copia de seguridad de la base de datos.

En mi caso estaba recibiendo spam de una dos direcciones ip, para moderar estos comentarios por el cms me tomaba mucho tiempo porque eran aproximadamente 450 comentarios, si borraba todos los comentarios corría el riesgo de borrar comentarios bien intensionados.

Primero vamos a la pestaña donde administramos los comentarios dentro del cms de wordpress, y anotamos la dirección ip de los comentarios spam.

 

Luego, accedemos a phpMyAdmin del servidor donde tenemos alojado el blog. vamos a la pestaña de SQL (Esta sección nos permite ejecutar código SQL directamente en la base de datos)

Si no sabe que es SQL, acá un pequeño manual para ver el manual click aquí

El código sql para borrar todos los comentarios de esa dirección ip, es el siguiente:

PLAIN TEXT
HTML:
  1. DELETE FROM `wp_comments` WHERE `wp_comments`.`comment_author_IP` = '190.29.74.141'

Escribimos eso en el campo para ejecutar la consulta y le demas continuar y listo.

Obtenemos un mensaje con el número de comentarios borrados.

Luego vamos a la sección para moderar los comentarios y vemos que los comentarios de la dirección ip xxx, se han eliminado.

]]> http://www.lasmovies.com/blog/borrar-comentarios-spam-en-wordpress/feed/ 2 Feliz Navidad http://www.lasmovies.com/blog/feliz-navidad/ http://www.lasmovies.com/blog/feliz-navidad/#comments Wed, 24 Dec 2008 17:11:21 +0000 @lasmovies http://www.lasmovies.com/blog/feliz-navidad/ 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.

]]> http://www.lasmovies.com/blog/feliz-navidad/feed/ 0 Portafolio de algunos juegos http://www.lasmovies.com/blog/portafolio-de-algunos-juegos/ http://www.lasmovies.com/blog/portafolio-de-algunos-juegos/#comments Tue, 02 Dec 2008 20:30:14 +0000 @lasmovies http://www.lasmovies.com/blog/portafolio-de-algunos-juegos/ 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.



]]> http://www.lasmovies.com/blog/portafolio-de-algunos-juegos/feed/ 3 Optimizar banners por medio de programación http://www.lasmovies.com/blog/optimizar-banners-por-medio-de-programacion/ http://www.lasmovies.com/blog/optimizar-banners-por-medio-de-programacion/#comments Mon, 01 Dec 2008 18:36:56 +0000 @lasmovies http://www.lasmovies.com/blog/optimizar-banners-por-medio-de-programacion/ 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.

  1. No se debe crear banners compuestos de más de tres pasos.
  2. Optimizar las imágenes fotografías a una calidad del 90%
  3. Utilizar gráficos vectoriales, vale la pena sobretodo porque las campañas manejan diferentes tamaños.
  4. Animar por programación.
  5. 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:
  1. import mx.transitions.Tween;
  2.  
  3. /*
  4. SCRIPT BY: Andrés Bedoya Tobón
  5. email: lasmovies@gmail.com
  6. page: www.lasmovies.com/blog
  7. */
  8.  
  9. function hideImages()
  10. {
  11.  
  12.     copy1._visible = false;
  13.     copy2._visible = false;
  14.     copy3._visible = false;
  15.  
  16. }
  17.  
  18. hideImages();
  19. playBanner();
  20.  
  21. function playBanner()
  22. {
  23.    
  24.     var met = mx.transitions.easing.Back.easeIn;
  25.     hideImages();
  26.     copy1._visible = true;
  27.     copy2._visible = false;
  28.     copy3._visible = false;
  29.     //t1 = new Tween(img1, "_x", met, 541, 0, 0.5, true);
  30.     t1 = new Tween(copy1, "_y", met, -100,copy1._y, 0.5, true);
  31.    
  32.     t1.onMotionFinished = function()
  33.     {
  34.        
  35.         setTimeout(frame2,3000);
  36.         //frame2();
  37.     }
  38.    
  39. }
  40.  
  41. function frame2()
  42. {
  43.     var met = mx.transitions.easing.Strong.easeIn;
  44.     copy1._visible = false;
  45.     copy2._visible = true;
  46.     copy3._visible = false;
  47.    
  48.     //img2.swapDepths(1);
  49.     //t2 = new Tween(img2, "_x", met, -541, 0, 0.5, true);
  50.     t2 = new Tween(copy2, "_y", met, 400, copy2._y, 1, true);
  51.     t2.onMotionFinished = function()
  52.     {
  53.         setTimeout(frame3,3000);
  54.     }
  55.    
  56.    
  57. }
  58.  
  59. function frame3()
  60. {   
  61.    
  62.     var met = mx.transitions.easing.Bounce.easeIn;
  63.     copy1._visible = false;
  64.     copy2._visible = false;
  65.     copy3._visible = true;
  66.    
  67.    
  68.     t3 = new Tween(copy3, "_y", met,-100,copy3._y, 0.5, true);
  69.     t3.onMotionFinished = function()
  70.     {   
  71.     }
  72.    
  73. }

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.

]]> http://www.lasmovies.com/blog/optimizar-banners-por-medio-de-programacion/feed/ 0 Navegación condicional http://www.lasmovies.com/blog/navegacion-condicional/ http://www.lasmovies.com/blog/navegacion-condicional/#comments Fri, 21 Nov 2008 14:51:48 +0000 @lasmovies http://www.lasmovies.com/blog/navegacion-condicional/ 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:
  1. <script src="swfobject.js" type="text/javascript"></script>
  2. <script type="text/javascript">
  3. var s1 = new SWFObject("tanga.swf","ply","849","629","9","#FFFFFF");
  4. s1.addVariable("dias","2");
  5. s1.addParam("wmode","transparent");
  6. s1.write("container");
  7. </script>

]]> http://www.lasmovies.com/blog/navegacion-condicional/feed/ 0