Aug 14

PAra los que no tienen filmadora

ActionScript No Comments »

Interesante página, con bastantes herramientas de edición para crear animaciones en línea.

Click en la imagen:

written by admin \\ tags: , , ,

Aug 14

Un man ahí todo loco y calidoso

ActionScript 2 Comments »

Me encontré con un man que se tira cosas rosadas, y hace cosas raras en internet.

Vacano el sitio del man, por acá se los dejo.

Click en la imagen.

written by admin \\ tags: , , , , , ,

Aug 14

Un sargento flash, próximamente por Colombia.

ActionScript No Comments »

Hola revisando por ahí buscando cosas interesantes hechas en flash, encontre una página de un personaje bastante interesante. Es una especie de evagenlizador de flash que próximamente estara visitando nuestro país en su moto y dando cursos de flash. Para los que quieran unirse a la causa, click en la imagen.

written by admin \\ tags: , , , ,

Aug 14

Contenedor de banners expandible

ActionScript No Comments »


Para las páginas que necesitan un destacado en el home, acá se ofrece una posibilidad para crear un contenedor administrable y de facil configuración.

Explicación de funcionamiento:

● El componente tiene siempre 3 banners fijos, 2 banners aparecen inicialmente colapsados (“minimizados”), mientras que en el medio aparece un banner central destacado.

 

● Cuando el usuario mueve el mouse por encima de cada banner, el banner realiza un movimiento de transición y pasa a ser protagonista, trayendo al frente del usuario la información completa que contiene.

 

 

 

● Cada banner es un archivo independiente, con animaciones y eventos propios dentro del contenedor.

 

Archivos utilizados:

● contenedorv2.fla : Archivo fuente del contenedor.

● banners.xml: Archivo xml, contiene la información de los banners que se van a cargar en el contenedor.

● contenedorv2.swf : Archivo ejecutable el cual se debe incrustar en el diseño del código html de la página que contendra el contenedor.

● Ejemplo.html: Archivo que se utiliza para probar el funcionamiento del componente, es una página web con el código necesario para configurar el componente.

● swfobject.js: Librería javascript necesaria para que se vea correctamente el archivo con extensión .swf.

 

 

Instalación del contenedor:

Para realizar la instalación del contenedor, es necesario seguir los siguientes pasos.

● Se deben poner los siguientes archivos en la misma carpeta

● banners.xml

● contenedorv2.swf

● Ejemplo.html

● swfObject.js

● Probar ejecutando el archivo Ejemplo.html, para comprobar que no exitan problemas de rutas de recursos, es decir que alguno de los componentes no se encuentren.

Dentro de este archivo encontramos el siguiente código:

<html>

<head>

<title>:: Ejemplo ::</title>

<script type=”text/javascript” src=”swfobject.js”></script>

</head>

<body bgcolor=”#ffffff”>

<div id=”myflash” align=”center”>Este site necesita el plugin de Flash Player.</div>

<script type=”text/javascript”>

// <![CDATA[

var so = new SWFObject(”contenedorv2.swf”,”id”,”909″,”233″,”8″,”#73ba0d”);

so.addVariable(”datos”, “banners.xml”);

so.addParam(”wmode”, “transparent”);

so.write(”myflash”);

// ]]>

</script>

</body>

</html>

La sección que esta subrayada, nos permite indicarle al archivo contenedorv2.swf, cual es la fuente de datos para configurar el contenido.

 

Estructura del archivo xml de configuración:

<banners>

<banner>

<img>_contenido/img3.png</img>

<swf>_contenido/b3.swf</swf>

</banner>

<banner>

<img>_contenido/img2.png</img>

<swf>_contenido/b2.swf</swf>

</banner>

<banner>

<img>_contenido/img1.png</img>

<swf>_contenido/b1.swf</swf>

</banner>

</banners>

Es importante resaltar, la prioridad que el componente le da a la información que se va a mostrar en el contenedor, es decir, los banners se muestran en el siguiente orden:

 

El tag, que contiene la ruta donde esta el banner es:

● <swf>_contenido/b1.swf</swf>, es importante definir correctamente la ruta del archivo swf, teniendo encuenta crear una ruta relativa desde donde esta el archivo xml.

● Nota: El tag img, no aplica para este ejemplo, pero es necesario dejarlo para que no se afecte el funcionamiento del contenedor.

Archivos fuentes: Descargar Aquí

written by admin \\ tags: , , , , , ,

Jul 11

Como saber para que dirección va el mouse en flash

ActionScript No Comments »

En juegos, es muy importante poder determinar para donde el usuario esta moviendo el mouse:

Con  el siguiente script se puede lograr.

PLAIN TEXT
Actionscript:
  1. _root.xcdir = 1;
  2. _root.ycdir = 1;
  3.  
  4. function catchLastMousePosition(){
  5. _root.xlmouse = _root._xmouse;
  6. _root.ylmouse = _root._ymouse;
  7. //trace("xi "+_root.xlmouse+" yi "+_root.ylmouse);
  8. }
  9.  
  10. _root.id = setInterval(catchLastMousePosition,500);
  11.  
  12. MovieClip.prototype.follow = function(xpos,ypos){
  13.  
  14. var step = 50;
  15. var dx = xpos;
  16. var dy = ypos;
  17.  
  18. var xdir = (_root.xlmouse - _root._xmouse);
  19. var ydir = (_root.ylmouse - _root._ymouse);
  20.  
  21. _root.deltax = true;
  22. _root.deltay = true;
  23.  
  24. //trace("xdir "+xdir+" ydir "+ydir);
  25. if(xdir&gt;0 &amp;&amp; ydir&gt;0){
  26. //vamos en diagonal hacia la derecha de abajo
  27. trace("vamos en diagonal hacia la derecha de abajo");
  28. _root.xcdir = 1;
  29. _root.ycdir = 1;
  30. this._x = _root._xmouse + step + dx;
  31. this._y = _root._ymouse + step + dy;
  32. }
  33. if(xdir&lt;0 &amp;&amp; ydir&lt;0){
  34. //vamos en diagonal hacia la izquierda de abajo
  35. trace("vamos en diagonal hacia la izquierda de abajo");
  36. _root.xcdir = -1;
  37. _root.ycdir = 1;
  38. this._x = _root._xmouse - step + dx;
  39. this._y = _root._ymouse - step + dy;
  40. }
  41. if(xdir&gt;0 &amp;&amp; ydir&lt;0){
  42. //vamos en diagonal hacia la derecha de arriba
  43. trace("vamos en diagonal hacia la derecha de arriba");
  44. _root.xcdir = 1;
  45. _root.ycdir = -1;
  46. this._x = _root._xmouse + step + dx;
  47. this._y = _root._ymouse - step + dy;
  48. }
  49. if(xdir&lt;0 &amp;&amp; ydir&gt;0){
  50. //vamos en diagonal hacia la izquierda de arriba
  51. trace("vamos en diagonal hacia la izquierda de arriba");
  52. _root.xcdir = -1;
  53. _root.ycdir = 1;
  54. this._x = _root._xmouse - step + dx;
  55. this._y = _root._ymouse + step + dy;
  56. }
  57. if(xdir&gt;0 &amp;&amp; ydir==0){
  58. //vamos hacia la derecha horizontalmente
  59. trace("vamos hacia la izquierda horizontalmente");
  60. _root.xcdir = -1;
  61. _root.ycdir = 1;
  62. _root.deltax = true;
  63. _root.deltay = false;
  64. this._x = _root._xmouse + step + dx;
  65. this._y = _root._ymouse + dy;
  66. }
  67. if(xdir&lt;0 &amp;&amp; ydir==0){
  68. //vamos hacia la izquierda horizontalmente
  69. trace("vamos hacia la derecha horizontalmente");
  70. _root.xcdir = 1;
  71. _root.ycdir = 1;
  72. _root.deltax = true;
  73. _root.deltay = false;
  74. this._x = _root._xmouse - step + dx;
  75. this._y =  _root._ymouse + dy;
  76. }
  77. if(xdir==0 &amp;&amp; ydir&gt;0){
  78. //vamos hacia abajo en linea recta
  79. trace("vamos hacia abajo en linea recta");
  80. _root.xcdir = 1;
  81. _root.ycdir = 1;
  82. _root.deltax = false;
  83. _root.deltay = true;
  84. this._x = _root._xmouse + dx;
  85. this._y = _root._ymouse + step + dy;
  86. }
  87. if(xdir==0 &amp;&amp; ydir&lt;0){
  88. //vamos hacia arriba en linea recta
  89. trace("vamos hacia arriba en linea recta");
  90. _root.xcdir = 1;
  91. _root.ycdir = -1;
  92. _root.deltax = false;
  93. _root.deltay = true;
  94. this._x = _root._xmouse + dx;
  95. this._y = _root._ymouse - step + dy;
  96. }
  97. }
  98.  
  99. MovieClip.prototype.moveBitch = function()
  100. {
  101. if(_root.xcdir&gt;0 &amp;&amp; _root.deltax)
  102. this._x++;
  103. if(_root.xcdir&lt;0 &amp;&amp; _root.deltax)
  104. this._x--;
  105.  
  106. if(_root.ycdir&gt;0 &amp;&amp; _root.deltay)
  107. this._y++;
  108. if(_root.ycdir&lt;0 &amp;&amp; _root.deltay)
  109. this._y--;
  110. }
  111.  
  112. this.onEnterFrame = function()
  113. {
  114. this.follow(xpos,ypos);
  115. mc.img.moveBitch();
  116. }

written by admin \\ tags: , , , , , ,

Previous Entries