jueves, 23 de junio de 2011

Transferencia de variables al flash desde html o php con actionscript 2 y swfobject.

Requerimientos: Flash CS4, servidor Apache.

Este pequeño proyecto se centra en el envío de variables desde el html hacia el swf con el motivo de poder aplicar parámetros desde el exterior y una total comunicación de Flash con el entorno donde se ejecute. Aquí se aplica una librería open-source construida en javascript llamada swfobject, cuya finalidad es embeber el swf en la página; aunque sus bondades no terminan aquí, será el lector quién se encargue en la profundización del tema.


El proyecto:

Como primera medida se observa la organización del proyecto en las carpetas y con los archivos correspondientes. En este tutorial se asume que el lector conoce acerca de las extensiones y del uso o forma de implementación para los componentes que se observan excepto para el código, que es lo que se va a exponer.

Este pequeño proyecto se centra más en la edición del html o archivo de php que contiene el swf; pues son estos los que se encargarán de mover los datos contenidos en las variables hacia la parte interna del flash.
En primera instancia se pueden observar en el siguiente gráfico las líneas de código correspondientes al index.php que se despliega desde la carpeta deploy, de las cuales algunas están total o parcialmente encerradas en cuadros amarillos. La primera de estas líneas es la importación del archivo js desde la carpeta js, sobra decir que sin este aditamento no conviene empezar aunque este tutorial incluye todo para que solo reste ser ejecutado.


La segunda parte o el segundo cuadro amarillo muestra el paso de dos variables almacenadas en el objeto flashvars, obviamente con sus valores. Aunque siendo la vista de código desde el navegador, es necesario aclarar que este último no mostrará el código php encargado finalmente de capturar  la variable desde la URL, pasarla por el html y finalmente enviarla a flash. No obstante no debe haber preocupación, el siguiente cuadro lo muestra.



El tercer cuadro amarillo está sobre la línea de código que se encarga de informar a la aplicación sobre los parámetros que el usuario necesita, como el nombre del archivo swf, el div contenedor, las variables en el objeto flashvars, entre otros.

Por último observamos que todo esto debe estar soportado sobre un Div con unas características establecidas, es así como se concluye la muy breve explicación en lo que respecta a este tema, finalizándola con una nota importante, los objetos que existen en la carpeta deploy deben estar siempre en el sitio ya que son el soporte para que swfobject se ejecute. Teniendo esto en cuenta bastaría con copiar la carpeta deploy (o subirla por ftp), remplazar el swf (no el expressinstall.swf) por el que se requiera y modificar los parámetros frente al tercer cuadro amarillo  en el gráfico del código. Este sencillo modelo serviría para futuras implementaciones con cambios mínimos. Lo complejo estaría en pensar cómo utilizar esta tecnología.

Ahora que toda la parte de edición ha concluido, simplemente abrimos el navegador y escribimos la ruta donde está alojado el proyecto, cuidando de usar el parámetro prm para que se observe el verdadero despliegue de la aplicación. Se puede cambiar el valor de este parámetro con el objeto de verificar dicho funcionamiento. Las líneas de código en flash son muy básicas, solo se necesita  usar la variable de manera natural como si hubiese sido declarada en flash, o como en este caso, mostrarla en un texto.




 Descargar

miércoles, 15 de junio de 2011

Acordeón.

Requerimientos: Flash CS4, flashdeveloper.

En esta oportunidad me integro a los participantes que muestran su conocimiento en la web con el fin de aportar a esta inmensa comunidad y dejar de consumir y consumir con el ánimo de llenar sus arcas con ingresos incontables, ¡no! Ahora yo también aportaré como muchos.


El proyecto:




 Vista:



Entonces, recordemos que existe una instrucción en actionscript 2 que nos permite separar el contenido del archivo Flash y llevarlo a un archivo .as. Es así como organicé el proyecto. Pero en sí la dinámica de este pequeño programa es lo que nos interesa y su implementación. Pues bien, este control es un movieclip que en su interior tiene dividos los contenidos, preguntas, ítems, o lo que sea; en otro movieclips. Estos movieclips internos son controlados por código actionscript 2 que los mueve dinámicamente y con suaves animaciones o desplazamientos mediante las librerías de greensock. Lo único que hay que hacer es entrar al movieclip, modificar los objetos internos, cambiar el código ajustando cuantos movieclips son y listo.

Para esta ocasión no he añadido imágenes ni cosas vistosas, pero atendiendo a que el código controla tamaños y todo lo que necesita, ese ejercicio se lo dejaré a quién le interese, o al lector, si es así. Que lo disfruten. Ahí les dejo el código en un archivo comprimido.


Descargar




Aquí para ver otros contenidos