Encuesta

¿Cuál es tu principal fuente de información?





Resultados

Carga imagenes externas con Flash CS4 y Actionscript 3

En este artículo describiremos una de las maneras más sencillas para cargar imagenes externas dentro de un archivo swf utilizando la clase Loader en AS3.

Abre Adobe Flash y crea un nuevo documento desde File - New. El tamaño del archivo en este momento no importa tanto, por ahorita solo asegurate de que tu imagan quepa dentro de este archivo Flash. En tu línea de tiempo renombra el único layer que tienes con el nombre de Acciones, esto para acostumbrarnos a tener más control y orden en nuestros archivos.

Carga una imagen externa en Flash CS4 con Actionscript 3.

 

Carga una imagen externa en Flash CS4 con Actionscript 3.

 

En el panel de Acciones (Window - Actions) declaramos un nuevo "Loader". En Actionscript 3 un Loader crea un objeto o contenedor que nos servirá para cargar nuestras imágenes (jpg, gif, png). Declaramos después al objeto llamado miContenedor como un nuevo "Loader"

 

var miContenedor:Loader = new Loader();

 

Creamos dos "addEventListener", uno para ver el progreso de carga del archivo y el otro para verlo ya que esté cargado completamente. El "eventListener" se le agrega a una propiedad llamada "contentLoaderInfo"

 

miContenedor.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, statusdeCarga);

miContenedor.contentLoaderInfo.addEventListener(Event.COMPLETE, imagenLista);

 

Creamos una nueva variable que será instancia de la clase URLRequest. Esta nueva variable será pasada al metodo load(). Aquí es donde establecemos el nombre de nuestra imagen que será llamada. Asegurate que tu imagen este guardada en la misma carpeta donde tienes tu archivo flash.

 

var llamarImagen: URLRequest=new URLRequest("imagenPrueba.jpg");

miContenedor.load(llamarImagen);

 

Después de esto es necesario hacer los llamados a cada uno de los eventListener:

 

function statusdeCarga(e:ProgressEvent) {

}

 

El progreso será monitoreado desde aquí para saber qué porcentaje de tu imagen ha sido descargada, incluso esta función la puedes aprovechar después para hacer un "preloader".

 

Una ves que esté cargada la imagen se despliega en nuestro loader mediante un addChild:

 

function imagenLista(e:Event) {

addChild(miContenedor);

}

 

Carga una imagen externa en Flash CS4 con Actionscript 3.

 

Publica tu archivo swf y verá como carga automáticamente la imagen que mandaste llamar.

 

Básicamente así llamamos un archivo de imagen externo hacia nuestro swf. Más adelante ya veremos como cargar nuestra imagen en algún movieclip específico para posicionarlo con exactitud donde sea necesario, esto es muy útil en archivos como portafolios o slideshows, donde se cargaran solo las imágenes que llamemos y en el lugar que lo dispongamos.

 

Descarga los archivos desde aqui.

 

Comentarios (6)Add Comment
Gracias!
escrito por Carlos09, febrero 22, 2010
Y felicidades, te explicas muy bien!
report abuse
vote down
vote up
Votes: +1
Gracias
escrito por diseño web, marzo 20, 2010
Gracias, esta muy bien explicado
report abuse
vote down
vote up
Votes: +0
modificar tamaño
escrito por uriel, julio 09, 2010
Hola muy buena explicacion pero tengo un problema como puedo especificar el tamaño de la imagen dentro del flash.

gracias.

salu2 a to2.
report abuse
vote down
vote up
Votes: +0
ayuda
escrito por ado9lfo, diciembre 15, 2010
hola amigo 1 nose nada de programacion en flash pero buscando el la web e encantrado tutoriales para inplementarlos ami sitio web,en esta pagina al ingresar tu gamertag de xbox live te pide que selecciones una casilla, bueno ami megusta en lo personal la que genera en silverlighthttp ://www.mygamercard.net, sera posible aser esto en flash cs5? si es posible megustaria que me dijieras o que medigas que es lo que tengo que buscar, bueno mi sitio web es para los amantes de los videojuegos no seles pide cuato para ingresar solo seles pide que juegen limpio,que no agan trampas y los mas inportante que respeten el club por lo tanteo todo este proyecto lo estoy cubriendo yo mismo por falta de capital, gracias
report abuse
vote down
vote up
Votes: -1
ayuda
escrito por adolfo, diciembre 23, 2010
hola amigo, bueno realmente no tengo nada de conosimiento en AS3,AS2, bueno megustari utilizar tu codigo para cargar una imagen, pra esplicarme mejor visita mi sitio web www.kukulcan.net/team.html, aldarle al boton con el nombre de milo haze se carga una imagen pero cuando qieres segir viendo los de mas perfiles la imagen de milo haze sige reproduciendose como ago para detenerla q solo sevea en mi biografia? ayuda xfa qiero utilizar para odos lo demas perfiles q estan en team
report abuse
vote down
vote up
Votes: -1
Gracias!!
escrito por Lilyferchita, septiembre 14, 2011
Excelente explicacion muchaas gracias!!

http://mktconsulting.org
report abuse
vote down
vote up
Votes: +0

Escribir comentario
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
smaller | bigger

security code
Escribe los caracteres de la imagen


busy

Artículos Relacionados

Imágenes en Portafolios Neopixel