Posts Tagged Flash

Sound Spectrum en AS3

Trasteando un poco en AS3 con la clase Sound y algunos filtros me hice este Sound Spectrum, este es el principio de una serie de tips en AS3 donde tocare como trabajar con Filtros, 3D (tanto el nativo de Flash Player 10 como Papervision3D), Realidad Aumentada y alguna cosa más, por ahora disfruten este ejemplo.

Descargar código fuente

,

No Comments

Como colocar un swf en una aplicación para Facebook

Cuando realizamos una aplicación para Facebook y deseamos colocar archivos swf en ellos, no podemos utilizar las etiquetas de SWFObject u otros métodos que utilizamos normalmente en nuestros proyectos ya que debemos de utilizar las etiquetas que nos provee Facebook con el lenguaje FBML.

Para colocar archivos swf debemos utilizar el tag <fb:swf> en donde se pueden encontrar entre sus atributos:

  • swfsrc: ruta en donde se encuentra alojado nuestro archivo.swf (debe ser un URL absoluto).
  • width: ancho de archivo.
  • height: alto de nuestro archivo.
  • flashvars: en caso que se deseen enviar variables al flash.
  • swfbgcolor: background para el archivo swf.

Ejemplo:

<fb:swf swfbgcolor="000000"
imgstyle="border-width:3px;
border-color:white;"
swfsrc='http://www.dominio.com/swf/archivo.swf'
imgsrc='http://www.dominio.com/imagenes/imagen.jpg'
width='340' height='270' />

Para mas información sobre este y otros tags puedes consultar la wiki oficial para developers.

, ,

1 Comment

Controlar el foco de los elementos en Flash

Suele pasar en ocasiones en que queremos que los elemento de un película en Flash (swf) responda en un cierto orden lógico sobre los elementos al presionar la tecla TAB, por ejemplo llenar los campos en un formulario en Flash.

Para lograr esto podemos utilizar la propiedad “tabIndex” disponible tanto en AS2 como en AS3, que nos permite asignarle un numero de respuesta a cada elemento. Esta propiedad aplica para clip de películas, botones y campos de textos

Ejemplo de elementos en orden no lógico:

[swfobj src="http://psycho-side.com.ve/ejemplos/05/error.swf" height="150" width="510]

Como se ve en el ejemplo anterior los elementos responden en un orden no correcto(en mi caso) ya que primero se deberla de hacer foco en los campos de nombres luego los dos apellidos, email, teléfono y por ultimo dirección, como en el ejemplo a continuación

[swfobj src="http://psycho-side.com.ve/ejemplos/05/as2/as2.swf" height="150" width="510]

Para lograr este orden de respuesta puedes hacerlo colocando estas pocas líneas de código:

Codigo

Código

Descargar archivos

,

No Comments

Llamadas a funciones en Javascript utilizando Actionscript

Hace algún tiempo respondí un a pregunta en Cristalab en donde el usuario tenia la duda en como llamar una función en javascript que se encuentra en el mismo (X)HTML en donde se encuentra un SWF.

Realmente no es tan difícil realizar esta funcionalidad e incluso se puede utilizar JQuery y realizar llamadas al servidor con la ayuda de el, pero en este tip voy a mostrar un ejemplo sencillo de como hacer dichas llamadas tanto en AS2 como en AS3.

Lo primero que tenemos que hacer es crear un botón en el archivo .fla, tanto en AS2 como en AS3 se crea de la misma manera, dibujamos un elemento en el escenario luego lo seleccionamos, presionamos F8 seleccionamos que es un símbolo de tipo botón le damos un nombre y listo, en mi caso queda de la siguiente manera.

Crear boton

Crear boton

Hasta este momento mi escenario luce así

Escenario

Escenario

Siempre acostumbro escribir el código AS en un capa solo para código y así no mezclar peras con manzanas (código con elementos visuales) de la siguiente manera:

Línea de tiempo

Línea de tiempo

Lo que si varia es el como vamos a llamar a la función en javascript que se encuentra en el documento (X)HTML.

En AS2 el código es:

Codigo en AS2

Código en AS2

En AS3 el código es:

Codigo en AS3

Código en AS3

Luego en el archivo .html que contiene el SWF debe de haber una función en javascript que se llame “mostar_contenido()”

El código de prueba de la función mostrar_contenido() seria:

Codigo Javascript

Codigo Javascript

Ver ejemplo en AS2

Ver ejemplo en AS3

Hasta aqui el ejemplo, espero en el siguiente post hacer alguna llamada utilizando JQuery :D

Descargar archivos de ejemplo

NOTA: Para probar los ejemplos te recomiendo hacerlo en un servidor de prueba(por ejemplo XAMPP) que tengas local, ya que si pruebas los archivos .html directamente en Flash pero seguridad bloqueará la llamada al javascript cuando presiones el boton.

, ,

No Comments