Este post fue creado por Marlon Ceballos en el blog http://tutorialesadobe.com.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://tutorialesadobe.com/flash/boton-flash-actionscript3/

Post agregado:

Este video video-tutorial mostramos cómo el uso de ActionScript 3 para agregar funcionalidad a un botón en Flash. Puedes realizar éste ejercicio en Flash CS3 y posterior.

NIVEL: (MUY) Básico – Calidad: 360p, 480p, 720p (HD)

Click here to view the embedded video.

Tienes dudas sobre este tutorial? Puedes publicar tu preguntas en los foros Xpert.

Autor del post: Marlon Ceballos
Enlace original: http://tutorialesadobe.com/flash/boton-flash-actionscript3/

Este post fue creado por Batatastudio en el blog http://tutorialesadobe.com.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://tutorialesadobe.com/flash/crear-galeria-imagenes-flash-as3/

Post agregado:

En esta serie de 2 video-tutoriales de BatataStudio mostramos cómo realizar una galería de imágenes en Flash con AS3. Están muy completos pues incluyen temas como cargas externas y uso del componente progressbar, entre otros.

NIVEL: Intermedio – Calidad: 360p, 480p, 720p (HD)

Parte 1:

Click here to view the embedded video.

Parte 2:

Click here to view the embedded video.

Tienes dudas sobre este tutorial? Puedes publicar tu preguntas en los foros Xpert.

Autor del post: Batatastudio
Enlace original: http://tutorialesadobe.com/flash/crear-galeria-imagenes-flash-as3/

Este post fue creado por Batatastudio en el blog http://tutorialesadobe.com.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://tutorialesadobe.com/flash/uso-componente-progressbar-carga-externa-flash-as3/

Post agregado:

En este video-tutorial de BatataStudio mostramos cómo usar el componente Progressbar en una carga externa en Flash con AS3; se trata de la continuación del video-tutorial: Precarga externa básica en Flash con AS3.

NIVEL: Intermedio – Calidad: 360p, 480p, 720p (HD)

Click here to view the embedded video.

Tienes dudas sobre este tutorial? Puedes publicar tu preguntas en los foros Xpert.

Autor del post: Batatastudio
Enlace original: http://tutorialesadobe.com/flash/uso-componente-progressbar-carga-externa-flash-as3/

Este post fue creado por unijimpe en el blog http://blog.unijimpe.net.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://feedproxy.google.com/~r/unijimpe/~3/c_fAxGbMXm4/

Post agregado:

Depurar flash en el ambiente de desarrollo es sencillo a través del método trace que muestra un texto de forma semejante a la función alert de javascript. El problema radica cuando tenemos que depurar los SWFs ya publicados en una pagina pues trace solo funciona en el Flash IDE.

Creando un trace personalizado

La solución es sencilla, para ello vamos a crear una función en flash llamada tracer que además de hacer el trace normal utilice la función console.log de Firebug con lo cual podemos imprimir el resultado de cualquier parámetro en el navegador.

Utilizar esta función es sencilla, tiene la misma sintaxis de la función trace. Por ejemplo si deseamos imprimir un texto tendríamos:

También se puede utilizar dentro de bucles o estructuras condicionales:

Otra forma de depurar Flash en el navegador es utilizando la extensión para Firefox llamada Flashbug pero necesita tener instalado la versión Debug de Flash Player, mientras que la versión que hemos presentado es mucho mas sencilla y no requiere instalar extensiones ni otra versión del player. También funciona en Safari pues este soporta el comando console.log().

© 2006 - 2011 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.

Autor del post: unijimpe
Enlace original: http://feedproxy.google.com/~r/unijimpe/~3/c_fAxGbMXm4/

Este post fue creado por Batatastudio en el blog http://tutorialesadobe.com.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://tutorialesadobe.com/flash/precarga-externa-basica-flash-as3/

Post agregado:

En este video-tutorial de BatataStudio mostramos cómo crear una precarga externa básica en Flash con AS3

NIVEL: Básico – Calidad: 360p, 480p, 720p (HD)

Click here to view the embedded video.

Tienes dudas sobre este tutorial? Puedes publicar tu preguntas en los foros Xpert.

Además, BatataStudio nos comparte lo siguiente:

Hola! Bienvenidos sean todos ustedes, con esta serie de 3 tutoriales festejare y redimiré mi regreso a las grandes ligas! Mi regreso a BatataStudio. Para eso les presento este tutorial donde les explico como crear una precarga externa sencilla con la finalidad de que se familiaricen con este concepto, es algo muy sencillo y facil de entender, este tutorial les ayudara mucho para el que viene. Esto es contenido gratuito de calidad, no estoy cobrando nada por el, te agradecería mucho si le das “like” o “me gusta” en mi página de facebook, también sígueme en twitter. Pero los más genial sería si compartes el link de este tutorial en tu facebook y twitter!

Descarga archivos editables y video en HD desde éste link.

Autor del post: Batatastudio
Enlace original: http://tutorialesadobe.com/flash/precarga-externa-basica-flash-as3/

Este post fue creado por unijimpe en el blog http://blog.unijimpe.net.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://feedproxy.google.com/~r/unijimpe/~3/jEbeaIgrdN8/

Post agregado:

Después de algún tiempo tenemos el agrado de presentar la nueva versión de tubePlayer el reproductor de vídeos de Youtube personalizado. Todo esto gracias a los comentarios y sugerencias de los visitantes a este blog, con lo cual hemos logrado un mejor rendimiento del player.

Características

En esta nueva versión se ha reescrito completamente el reproductor utilizando YouTube ActionScript 2.0 Player API el cual corrige algunos problemas de la versión anterior y mejora características solicitadas por nuestros visitantes.

• Reescrito completamente en ActionScript 2.0 con OOP.
• Opción para autoplay de vídeos.
• Opción para el volumen por defecto.
• Se puede desplazar al cualquier parte del vídeo.
• Imagen de previsualización del vídeo.
• Mensaje de error si el vídeo esta bloqueado o eliminado.
• No se muestra publicidad en los vídeos.
• No se muestran las anotaciones en los vídeos.
• Corregido el autoescalado del vídeo de acuerdo al tamaño del player.
• Reproducción en pantalla completa.

ActionScript 3.0 es muy potente pero el API es AS3 tiene el problema que muestra la publicidad en los vídeos, por lo cual decidimos trabajar con AS2 para mostrar los vídeos sin publicidad. Además de ello estamos trabajando para integrar tubePlayer a un plugin para WordPress que permita utilizar este player de forma sencilla en los blogs.

Como utilizar tubePlayer

Primero debes descargar la ultima versión del player y subir el archivo tubeplayer.swf a tu servidor web. Luego lo incluyes en tu página como cualquier SWF pero con tres parámetros por medio de flashVars:

• videoId (Requerido)
  Identificador del vídeo de Youtube a reproducir.
• autoPlay (Opcional)
  Define si el vídeo se reproducirá automáticamente. Acepta valores true o false.
• volume (Opcional)
  Volumen inicial del vídeo. Acepta valores enteros de 0 a 100.

Podemos embeber el video utilizando el tag de HTML :

También podemos utilizar SWFObject para incluir el player:

Pueden ver el player funcionando en tubePlayer 1.0 (beta) demo, donde pueden ingresar rl identificador del vídeo que desean visualizar.

Sugerencias

Este player esta en versión beta y esperamos nos hagan llegar su observaciones y sugerencias para de esta forma lograr un buen player que nos beneficie a todos.

Pueden dejar sus sugerencias en nuestro formulario de comentarios. En el transcurso de esta semana estaremos trabajando en la mejora del player y la otra semana estaremos lanzando la versión final que incluye un plugin para WordPress.

© 2006 - 2011 unijimpe - Utiliza este feed solo para uso personal, partes de este feed pueden ser utilizados mencionando al autor, no esta permitido publicar enteramente este feed para uso comercial sin permiso del autor.

Autor del post: unijimpe
Enlace original: http://feedproxy.google.com/~r/unijimpe/~3/jEbeaIgrdN8/

Este post fue creado por Marlon Ceballos en el blog http://tutorialesadobe.com.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://tutorialesadobe.com/flash/galeria-imagenes-flash-as3-sin-escribir-codigo/

Post agregado:

Este video video-tutorial mostramos cómo realizar una galería de imágenes en Flash CS5 con ActionScript pero sin tener que escribir el código de forma manual.

Click here to view the embedded video.

-

Tienes dudas sobre este tutorial? Puedes publicar tu preguntas en los foros Xpert.

Autor del post: Marlon Ceballos
Enlace original: http://tutorialesadobe.com/flash/galeria-imagenes-flash-as3-sin-escribir-codigo/

Este post fue creado por Daniel Muela en el blog http://muelalab.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://muelalab.com/blog/actionscript/tutorial-galeria-finita-actionscript-3

Post agregado:

Ahora vamos a hacer uno Tutorial de Actionscript3, para realizar una galeria de imagenes Finitas, de cierta forma es un tutorial super basicoooooo, pero sirvie bien para los que estan migrandose o comenzando con AS3, ademas la idea de este tutorial es crear una galaeria simple, pero luego veremos como aplicar un efecto 3D a la misma que le dara un toque mucho mas vistozo! … Por ultimo cabe decir que para realizar este ejemplo necesitas tener como minimo la version de Flash CS3.
Este sera el resultado final:

Creamos un nuevo documento de Flash y Actionscript 3, lo ponemosa 24Frames/seg y con un ancho de 480 y un alto de 200, ahora nos descargamos estas imagenes de prueba que usaremos para nuestro ejemplo, una ves descargas (y descomprimidas) simplemente las arrastramos de la carpeta al escenario de flash… Y ahora procederemos a ordenarlas tomamos de una por una y las colocamos cada una a 10px de separacion entre ellas… (Pueden colocar una en X=0 Y=0, la siguiente en X=110 y Y=0 y luego X=220 y asi sucesivamente) una ves ordenadas las seleccionamos todas y las convertimos en MovieClip precionando F8, selecionamos el punto de control en el centro y ponemos como nombre img_mc….

Imagenes Seleccionadas Y MovieClip

Una ves echo esto, seleccionamos el MC en el escenario y en el panel de propiedades le ponemsocomo nombre de instancia “img_mc”, por ultimo colocamos el MC centrado (x=240 y=100)… Listo tenemos el MC preparado empecemos con el codigo, que solo son unas cuantas lineas, seleccionamos el primer frame de la pelicula y en el panel de acciones (F9) ponemos el siguiente codigo:

var minX:Number=35;
var maxX:Number=445;
var mitadEscenario:Number=240;
img_mc.addEventListener(Event.ENTER_FRAME,mover);

Explicacion: Es muy simple, creamos 3 Variables que contienen datos sencillos, la coordenada menor (minX) que el mc img_mc puede tener, la coordenada mayor (estas dos las sacamos simplemente haciendo que el mc quede 10px separado del inio y 10 del final del escenario) y la mitad del escenario…
Luego al MC img_mc le colocamos un listener que ejecutara la funcion “mover” cada ves que se haga el evento ENTER_FRAME…

Ahora nos falta crear esa funcion “mover” que como su nombre lo dice se encargara de mover el MC img_mc.. asi que agregamos estas lineas debajo de las anteriores:

function mover(e:Event){
	var movX:Number= ((stage.mouseX-mitadEscenario)/mitadEscenario)*15;
	img_mc.x+=movX;
	if(img_mc.x<minX){
		img_mc.x=minX;
	}else if(img_mc.x>maxX){
		img_mc.x=maxX;
	}
}

Explicacion: Primero obtenemos un valor que seran los pixeles que se movera el MC, para esto usamos una simple formula (stage.mousex: nos da la pocicion del Mouse en la coordenada X del escenario) y la mejor manera de explicarla seria con un ejemplo: Si tenemos el mouse en la coordenada 20, (stage.mouseX-mitadEscenario) nos dara como resultado -220 (esta parte siempre nos dara un numero entre -240 y 240, dependiendo la pociocion del Mouse), ahora si ese -220 lo dividimo entre la mitad del escenario -220/240 nos dara como resultado -.91 (igualmente al hacer esta division siempre obtendremos un numero entre -1 y 1, dependiendo de la pocicion del mouse!!!! =O…) por ultimo este numero lo multiplicamos por 15 (podria ser caulquier valor) y de esta forma obtenemos un movimiento de pixeles de -13.75 (simepre obtendremos un numero entre -15 y 15)… como ven de esta forma dependiendo la pociccion del mouse, la galeria se movera mas o menos rapido y en la direccion correcta!!!.. =)
Ya teniendo este valor!! se lo sumamos al valor actual de “img_mc” y asi se movera…
Por ultimo tenemos 2 condiciones que simplemente verifican si la pocicion de “img_mc” se sale de alguno de los limites que establecimos antes (minX o maxX) y si es asi entonces lo pociciona directamente en el limite…

Y listo!! tenemos nuestra galeria funcionando facilmente!! pocas lineas de codigo y da un muy buen efecto! esto en ActionScript3 =)…

Espero les haya gustado el tutorial y ya saben que cualquier duda comentario o sugerencia escribanos y estare atento =)!!!..
La proxima ves veremos como hacerla con un efecto 3D … Gracias y suerte!!

Autor del post: Daniel Muela
Enlace original: http://muelalab.com/blog/actionscript/tutorial-galeria-finita-actionscript-3

Este post fue creado por Daniel Muela en el blog http://muelalab.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://muelalab.com/blog/actionscript/hittest-y-enterframe-en-actionscript3

Post agregado:

Buenas buenas, bueno seguimos con los tutoriales!, ahora veremos como crear un hitTest y un EnterFrame con Actionscript3, lo veremos ambos en un ejemplo y por ahora dejaremos de lado las clases lo haremos lo mas simple posible…
Usaremos el ejemplo de Drag And Drop con AS3 para poder mover el clip1 sobre el clip2, y usaremos el enterFrame para que verifique continuamente cuando estos clips se estan tocando…
El Ejemplo se vera asi:

Empecemos, Primero crearemos dos nuevos MovieClips, sencillo dibujamos dos cuadros seleccionamos uno y lo convertimos en MC precionando F8, les damos cualquier nombre y luego hacemos lo mismo con el otro, una ves hecho esto, les damos un nombre de instancia en el panel de propiedades (Ctrl+F3) a uno le ponemos “miClip” y al otro “miClip2“… listo tenemos dos clips!!
Ahora creamos un campo de texto de tipo Dinamico, y le ponemos como nombre de instancia “texto”, este servira pra mostrarnos que esta pasando… =)..
Ahora seleccionaremos el primer frame de la pelicula (preferiblemente el de la capa superior) y en el panel de acciones (F9) escribimos el siguiente codigo:

function arrastrar(e:Event):void{
	miClip.startDrag();
}
function soltar(e:Event):void{
	miClip.stopDrag();
}
miClip.addEventListener(MouseEvent.MOUSE_DOWN,arrastrar);
miClip.addEventListener(MouseEvent.MOUSE_UP,soltar);

Explicacion: Este codigo hace posible que el MC “miClip” se peuda arrastrar (drag&Drop), la explicacion ya esta en el tutorial de Drag y Drop…

Ahora si probamos la pelicula el MC “miClip” se podria arrastrar, pero ahora encesitamos verificar cuando este sobre el MC “miClip2″, para eso usaremos el enterFrame y hitTest.. asi que debajo del codigo anterior escribimos el siguiente codigo:

miClip.addEventListener(Event.ENTER_FRAME,checa_choque);
function checa_choque(e:Event){
	if(miClip.hitTestObject(miClip2)){
    texto.text="Ah!! Chocaron!!!";
	}else{
	texto.text="No Se Tocan =)!";
	}
}

Explicacion: Como ven añadimos un listener a “miClip” que se encargara de ejecutar la funcion “checa_choque” mientras este el evento “Enter_Frame” (que este es mientras que el clip este en escena), luego la funcion “checa_choque” verifica si el clip “miClip” esta chocando con el objeto “miClip2″ (linea 3), si es asi modifica el texto “texto” para avisarnos que esta chocando, en caso contrario… pues no indica lo contrario XD!!..

Como ven sigue siendo simple, sin embargo es un poco mas de codigo que en ActionScript 2, talves por ahora no vean muchas ventajas en AS3.. pero mientras avancemos en el nivel de programacion veremos las ventajas de ActionScript3… Espero les sea de ayuda y cualquier duda aqui estoy con gusto… dejen sus comentarios!..

Gracias y suerte!!

Autor del post: Daniel Muela
Enlace original: http://muelalab.com/blog/actionscript/hittest-y-enterframe-en-actionscript3

Este post fue creado por Daniel Muela en el blog http://muelalab.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://muelalab.com/blog/actionscript/drag-y-drop-en-actionscript3-y-flash

Post agregado:

Vamos a ver ahora como hacer un drag and drop de un movieclip con actionscript, anteriormente lo habiamos visto con AS2, pero esta ves lo haremos con ActionScript 3, es algo sencillo en realidad, pero nos servira mucho hasta para practicar… El ejemplo se vera asi:

Creamos un nuevo documento de Flash actionscript3 (Archivo->Nuevo->Archivo De Flash (Actionscript3)), Creamos un nuevo Movieclip y en el panel de propiedades le ponemos como nombre de instancia “miClip”. Seleccionamos el primer frame de nuestra pelicula y en el panel de acciones escribimos el siguiente codigo:

function arrastrar(e:Event):void{
 miClip.startDrag();
}
function soltar(e:Event):void{
 miClip.stopDrag();
}
miClip.addEventListener(MouseEvent.MOUSE_DOWN,arrastrar);
miClip.addEventListener(MouseEvent.MOUSE_UP,soltar);

Explicacion: Añadimos 2 Listenners a “miClip” estos se encargaran de ejcutar la funcion “arrastrar” y “soltar” al precionar sobre el MC o soltar el MC respectivamente, luego con la propiedad startDrag y stopDrag hacemos que se arraste el clip miClip.

Como ven es sencillismo, si prueban ahora podran arrastar el MC, pero este codigo solo nos permitiria arrastar el MovieClip “miClip”, el siguiente tutorial de AS3 viene de Claes y Paquetes que es la parte “dura e importante” de AS3, explicare que son y como funcionan y veremos como se utilizan para reutilizar codigo (por ejemplo este mismo codigo epr oaplicado a muchos MC facilmente)..

Sigan visitandonos y opinando! q su opinion es la q cuenta!! encerio que si! xd

gracias y suerte!

Autor del post: Daniel Muela
Enlace original: http://muelalab.com/blog/actionscript/drag-y-drop-en-actionscript3-y-flash