<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MuelaLab Blog &#187; ActionScript</title>
	<atom:link href="http://muelalab.com/blog/category/actionscript/feed" rel="self" type="application/rss+xml" />
	<link>http://muelalab.com/blog</link>
	<description>Tutoriales Diseño Web, flash, Facebook, php, Actionscript.</description>
	<lastBuildDate>Mon, 23 Aug 2010 15:39:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Tutorial Galeria Finita ActionScript 3</title>
		<link>http://muelalab.com/blog/actionscript/tutorial-galeria-finita-actionscript-3</link>
		<comments>http://muelalab.com/blog/actionscript/tutorial-galeria-finita-actionscript-3#comments</comments>
		<pubDate>Tue, 08 Jun 2010 18:13:31 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[ActionScript3]]></category>
		<category><![CDATA[Galeria]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=245</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<p>Ahora vamos a hacer uno Tutorial de <strong>Actionscript3</strong>, para realizar una <strong>galeria de imagenes Finitas</strong>, de cierta forma es un tutorial super basicoooooo, pero sirvie bien para los que estan <strong>migrandose o comenzando con AS3</strong>, 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! <img src='http://muelalab.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> &#8230; Por ultimo cabe decir que para realizar este ejemplo necesitas tener como minimo la version de Flash CS3.<br />
Este sera el resultado final:<br />

<object width="480" height="200">
<param name="movie" value="http://muelalab.com/ejemplos/minitutos/galeriaFinita/galeriaFinita.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<embed type="application/x-shockwave-flash" width="480" height="200" src="http://muelalab.com/ejemplos/minitutos/galeriaFinita/galeriaFinita.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</p>
<p>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 <strong><a href="http://muelalab.com/ejemplos/img_p1.rar">descargamos estas imagenes</a></strong> de prueba que usaremos para nuestro ejemplo, una ves descargas (y descomprimidas) simplemente las arrastramos de la carpeta al escenario de flash&#8230; Y ahora procederemos a ordenarlas tomamos de una por una y las colocamos cada una a 10px de separacion entre ellas&#8230; (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&#8230;.<br />
<div id="attachment_248" class="wp-caption aligncenter" style="width: 310px"><a href="http://muelalab.com/blog/wp-content/uploads/2010/06/seleccionadas.jpg"><img src="http://muelalab.com/blog/wp-content/uploads/2010/06/seleccionadas-300x124.jpg" alt="Imagenes Seleccionadas Y MovieClip" title="Imagen 1" width="300" height="124" class="size-medium wp-image-248" /></a><p class="wp-caption-text">Imagenes Seleccionadas Y MovieClip</p></div></p>
<p>Una ves echo esto, seleccionamos el MC en el escenario y en el panel de propiedades le ponemsocomo nombre de instancia &#8220;img_mc&#8221;, por ultimo colocamos el MC centrado (x=240 y=100)&#8230; 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:</p>
<pre class="brush: as3;">var minX:Number=35;
var maxX:Number=445;
var mitadEscenario:Number=240;
img_mc.addEventListener(Event.ENTER_FRAME,mover);</pre>
<p><strong>Explicacion:</strong> 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&#8230;<br />
Luego al MC img_mc le colocamos un listener que ejecutara la funcion &#8220;mover&#8221; cada ves que se haga el evento ENTER_FRAME&#8230; </p>
<p>Ahora nos falta crear esa funcion &#8220;mover&#8221; que como su nombre lo dice se encargara de mover el MC img_mc.. asi que agregamos estas lineas debajo de las anteriores:</p>
<pre class="brush: as3;">function mover(e:Event){
	var movX:Number= ((stage.mouseX-mitadEscenario)/mitadEscenario)*15;
	img_mc.x+=movX;
	if(img_mc.x&lt;minX){
		img_mc.x=minX;
	}else if(img_mc.x&gt;maxX){
		img_mc.x=maxX;
	}
}</pre>
<p><strong>Explicacion:</strong> 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&#8230;) 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)&#8230; como ven de esta forma dependiendo la pociccion del mouse, la galeria se movera mas o menos rapido y en la direccion correcta!!!.. =)<br />
Ya teniendo este valor!! se lo sumamos al valor actual de &#8220;img_mc&#8221; y asi se movera&#8230;<br />
Por ultimo tenemos 2 condiciones que simplemente verifican si la pocicion de &#8220;img_mc&#8221; se sale de alguno de los limites que establecimos antes (minX o maxX) y si es asi entonces lo pociciona directamente en el limite&#8230;</p>
<p>Y listo!! tenemos nuestra galeria funcionando facilmente!! <strong>pocas lineas de codigo y da un muy buen efecto!</strong> esto en ActionScript3 =)&#8230;</p>
<p>Espero les haya gustado el tutorial y  ya saben que cualquier <strong><em>duda comentario o sugerencia escribanos y estare atento =)!!!..</em></strong><a href="http://muelalab.com/ejemplos/minitutos/galeriaFinita/GaleriaFinita.rar"><img src="http://muelalab.com/blog/wp-content/uploads/2010/05/descargaarchivos.jpg" alt="Descarga De Archivos Muelalab.com" title="Descargar Archivos Muelalab.com" width="243" height="66" class="aligncenter size-full wp-image-100" /></a><br />
La proxima ves veremos como hacerla con un efecto 3D <img src='http://muelalab.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> &#8230; Gracias y suerte!!</p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/actionscript/tutorial-galeria-finita-actionscript-3/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>hitTest y EnterFrame en ActionScript3</title>
		<link>http://muelalab.com/blog/actionscript/hittest-y-enterframe-en-actionscript3</link>
		<comments>http://muelalab.com/blog/actionscript/hittest-y-enterframe-en-actionscript3#comments</comments>
		<pubDate>Sat, 22 May 2010 21:31:42 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[ActionScript3]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[enterFrame]]></category>
		<category><![CDATA[hitTest]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=219</guid>
		<description><![CDATA[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&#8230; Usaremos el ejemplo de Drag And Drop con AS3 para poder mover el clip1 sobre el clip2, [...]]]></description>
			<content:encoded><![CDATA[<p>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&#8230;<br />
Usaremos el ejemplo de <strong><a href="http://muelalab.com/blog/actionscript/drag-y-drop-en-actionscript3-y-flash">Drag And Drop con AS3</a></strong> para poder mover el clip1 sobre el clip2, y usaremos el enterFrame para que verifique continuamente cuando estos clips se estan tocando&#8230;<br />
El Ejemplo se vera asi:<br />

<object width="340" height="200">
<param name="movie" value="http://www.muelalab.com/ejemplos/tutos/ActionScript3/hitTest/hitTest.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<embed type="application/x-shockwave-flash" width="340" height="200" src="http://www.muelalab.com/ejemplos/tutos/ActionScript3/hitTest/hitTest.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</p>
<p>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 &#8220;<strong>miClip</strong>&#8221; y al otro &#8220;<strong>miClip2</strong>&#8220;&#8230; listo tenemos dos clips!!<br />
Ahora creamos un campo de texto de tipo <strong>Dinamico</strong>, y le ponemos como nombre de instancia &#8220;texto&#8221;, este servira pra mostrarnos que esta pasando&#8230; =)..<br />
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:</p>
<pre class="brush: as3;">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);</pre>
<p><strong>Explicacion:</strong> Este codigo hace posible que el MC &#8220;miClip&#8221; se peuda arrastrar (drag&#038;Drop), la explicacion ya esta en el tutorial de Drag y Drop&#8230; </p>
<p>Ahora si probamos la pelicula el MC &#8220;miClip&#8221; se podria arrastrar, pero ahora encesitamos verificar cuando este sobre el MC &#8220;miClip2&#8243;, para eso usaremos el enterFrame y hitTest.. asi que debajo del codigo anterior escribimos el siguiente codigo:</p>
<pre class="brush: as3;">miClip.addEventListener(Event.ENTER_FRAME,checa_choque);
function checa_choque(e:Event){
	if(miClip.hitTestObject(miClip2)){
    texto.text=&quot;Ah!! Chocaron!!!&quot;;
	}else{
	texto.text=&quot;No Se Tocan =)!&quot;;
	}
}</pre>
<p><strong>Explicacion:</strong> Como ven añadimos un listener a &#8220;miClip&#8221; que se encargara de ejecutar la funcion &#8220;checa_choque&#8221; mientras este el evento &#8220;Enter_Frame&#8221; (que este es mientras que el clip este en escena), luego la funcion &#8220;checa_choque&#8221; verifica si el clip &#8220;miClip&#8221; esta chocando con el objeto &#8220;miClip2&#8243; (linea 3), si es asi modifica el texto &#8220;texto&#8221; para avisarnos que esta chocando, en caso contrario&#8230; pues no indica lo contrario XD!!..</p>
<p>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 <strong><em>ventajas de ActionScript3</em></strong>&#8230; Espero les sea de ayuda y cualquier duda aqui estoy con gusto&#8230; dejen sus comentarios!..<br />
<a href="http://www.muelalab.com/ejemplos/tutos/ActionScript3/hitTest/hitTest.rar"><img src="http://muelalab.com/blog/wp-content/uploads/2010/05/descargaarchivos.jpg" alt="Descarga De Archivos Muelalab.com" title="Descargar Archivos Muelalab.com" width="243" height="66" class="aligncenter size-full wp-image-100" /></a></p>
<p>Gracias y suerte!!</p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/actionscript/hittest-y-enterframe-en-actionscript3/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drag Y Drop En ActionScript3 Y Flash</title>
		<link>http://muelalab.com/blog/actionscript/drag-y-drop-en-actionscript3-y-flash</link>
		<comments>http://muelalab.com/blog/actionscript/drag-y-drop-en-actionscript3-y-flash#comments</comments>
		<pubDate>Tue, 18 May 2010 19:44:15 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[ActionScript2]]></category>
		<category><![CDATA[ActionScript3]]></category>
		<category><![CDATA[Drag & Drop]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=207</guid>
		<description><![CDATA[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&#8230; El ejemplo se vera asi: Creamos un nuevo documento de Flash actionscript3 (Archivo-&#62;Nuevo-&#62;Archivo De [...]]]></description>
			<content:encoded><![CDATA[<p>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&#8230; El ejemplo se vera asi:</p>
<p>
<object width="340" height="120">
<param name="movie" value="http://www.muelalab.com/ejemplos/tutos/ActionScript3/dragAndDrop/dragAndDrop.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<embed type="application/x-shockwave-flash" width="340" height="120" src="http://www.muelalab.com/ejemplos/tutos/ActionScript3/dragAndDrop/dragAndDrop.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</p>
<p>Creamos un nuevo documento de Flash actionscript3 (Archivo-&gt;Nuevo-&gt;Archivo De Flash (Actionscript3)), Creamos un nuevo Movieclip y en el panel de propiedades le ponemos como nombre de instancia &#8220;miClip&#8221;. Seleccionamos el primer frame de nuestra pelicula y en el panel de acciones escribimos el siguiente codigo:</p>
<pre class="brush: as3;">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);</pre>
<p style="padding-left: 30px;">Explicacion: Añadimos 2 Listenners a &#8220;miClip&#8221; estos se encargaran de ejcutar la funcion &#8220;arrastrar&#8221; y &#8220;soltar&#8221; al precionar sobre el MC o soltar el MC respectivamente, luego con la propiedad startDrag y stopDrag hacemos que se arraste el clip miClip.</p>
<p>Como ven es sencillismo, si prueban ahora podran arrastar el MC, pero este codigo solo nos permitiria arrastar el MovieClip &#8220;miClip&#8221;, el siguiente tutorial de AS3 viene de Claes y Paquetes que es la parte &#8220;dura e importante&#8221; 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)..</p>
<p style="text-align: center;"><a href="http://www.muelalab.com/ejemplos/tutos/ActionScript3/dragAndDrop/draganddrop.rar"><img class="aligncenter size-full wp-image-100" title="Descargar Archivos Muelalab.com" src="http://muelalab.com/blog/wp-content/uploads/2010/05/descargaarchivos.jpg" alt="Descarga De Archivos Muelalab.com" width="243" height="66" /></a></p>
<p>Sigan visitandonos y opinando! q su opinion es la q cuenta!! encerio que si! xd</p>
<p>gracias y suerte!</p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/actionscript/drag-y-drop-en-actionscript3-y-flash/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Botones, Eventos, getURL en ActionScript3 (Flash)</title>
		<link>http://muelalab.com/blog/actionscript/botones-eventos-geturl-en-actionscript3-flash</link>
		<comments>http://muelalab.com/blog/actionscript/botones-eventos-geturl-en-actionscript3-flash#comments</comments>
		<pubDate>Fri, 14 May 2010 15:46:00 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[ActionScript3]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[MouseEvent]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=170</guid>
		<description><![CDATA[Buenas denuevo, primer tutorial de ActionScript3 en muelalab.com y de aqui muchos mas asi que no dejen de preguntar!&#8230; Ahora veremos como crear un ya no tan simple boton con Flash y actionscript3, el antes y despues veremos el cambio que ha sufrido el codigo de AS2 a AS3.. Y aprenderemos a manejar lso eventos [...]]]></description>
			<content:encoded><![CDATA[<p>Buenas denuevo, primer <em><strong>tutorial de ActionScript3</strong></em> en muelalab.com y de aqui muchos mas asi que no dejen de preguntar!&#8230; Ahora veremos como crear un <span style="text-decoration: line-through;">ya no tan simple</span> boton con Flash y actionscript3, el antes y despues veremos el cambio que ha sufrido el codigo de AS2 a AS3.. Y aprenderemos a manejar lso <em>eventos de boton</em> mas usados.. Aqui esta el resultado del ejemplo que veremos ahora:</p>
<p>
<object width="340" height="120">
<param name="movie" value="http://muelalab.com/ejemplos/tutos/ActionScript3/Eventos/Btnrelease.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<embed type="application/x-shockwave-flash" width="340" height="120" src="http://muelalab.com/ejemplos/tutos/ActionScript3/Eventos/Btnrelease.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</p>
<p><img class="aligncenter size-full wp-image-171" title="actionscript3" src="http://muelalab.com/blog/wp-content/uploads/2010/05/actionscript3.jpg" alt="" width="223" height="72" />Como vemos estamos viendo los eventos al precionar, soltar, pasar por encima o salir de encima&#8230; Creamos un nuevo ducumento de Flash <strong>ActionScript 3</strong> (les pongo una imagen q seguro ni sabian que existia esa opcion =P!!!), Seleccionamos el primer fotograma y Creamos un campo de texto dinamico, le ponemos como nombre de instancia &#8220;campo&#8221; (Por suerte esto es igual para AS2 y AS3), Ahora creamos un boton dibujando un simple rectangulo lo seleccionamos y precionamos F8, seleccionamos de tipo &#8220;boton&#8221; y le ponemos un nobre cualquiera, luego lo volvemos a seleccionar ya en el escenario y en el panel de propiedades (Ctrl+F3) le ponemos como nombre de instancia &#8220;bt1_btn&#8221;&#8230; Por ahora tenemos lo mismo que si usaramos AS2 y con AS2 seleccionariamos el primer frame y usariamos el siguiente codigo para hacer una accion al precionar:</p>
<pre class="brush: as3;">bt1_btn.onRelease=function(){
campo.text=&quot;Modificando el Texto&quot;;
}</pre>
<h5>Botones En ActionScrip 3:</h5>
<p>Para su mala suerte!! si probaramos ahora tendriamos un error espantoso xD!.. Se acabo ese codigo tan simple y mal escrito (segun los expertos), en <strong>AS3</strong> estamos programando orientado a objetos! (OOP)&#8230; deberemos crear objetos, y sus respectivos eventos!.. Manos a la obra!! haremos funcionar ese boton ahora mismo! (seleccionamos el primer frame de la pelicula, en AS3 ya no podemos poner acciones en los propios MC o botones&#8230;) copiamos este codigo en el panel de acciones (F9):</p>
<pre class="brush: as3;">function alSoltar(evento:Event):void{
	campo.text=&quot;Me Soltaste!...&quot;;
}</pre>
<ul>
<li>Explicacion: Primero Creamos una funcion &#8220;alSoltar&#8221; esta funcion tiene 1 parametro de tipo &#8220;<strong>Event</strong>&#8221; (una variable que recibira informacion sobre quien llamo a la funcion, que evento se ejecuto y algunas otras cosas mas)&#8230; y esta misma funcion regresara &#8220;<strong>void</strong>&#8221; (nada), luego vemos que modifica el campo de texto &#8220;campo&#8221; con la propeidad &#8220;.text&#8221; que para nuestra suerte no cambia en AS3&#8230;</li>
</ul>
<p>Ahora necesitaremos hacer que la funcion se ejecute al precionar el boton, pra esto usaremos &#8220;<strong>listener</strong>&#8221; (escuchador-perseguidor-vigilador de eventos)&#8230; para esto pegamos el siguiente codigo debajo del afuncion anterior:</p>
<pre class="brush: as3;">bt1_btn.addEventListener(MouseEvent.CLICK,alSoltar);</pre>
<ul>
<li>Explicacion: Como ven indicamos que al boton &#8220;bt1_btn&#8221; se le añada un Listener, este listener esta pendiente de cuando se haga un Click (<strong>MouseEvent.Click</strong>) sobre el mismo, y cuando se hace el click llama a la funcion &#8220;alSoltar&#8221; del segundo parametro..</li>
</ul>
<p>De esta forma logramos que se haga un llamdo a la funcion, como ven es mas complicado que antes, pero al usar los eventos se nos permitira tener un mejor manejo de acceso de variables al programar en OOP&#8230; Ahora ahi mas eventos que usan de igual forma que el MouseEvent.Click como son:</p>
<ul>
<li><strong>MouseEvent.MOUSE_DOWN</strong>: Al Mantener precionado el raton (onPress AS2)</li>
<li><strong>MouseEvent.MOUSE_MOVE</strong>: Al mover sobre el boton (onRollOver AS2)</li>
<li><strong>MouseEvent.MOUSE_OUT</strong>: Al Salir fuera del boton (onRollOut AS2)</li>
</ul>
<p>Se usan añadiendo varios listeners, uno para cada evento y cambiando la funcion que queramos que se ejecute!!!&#8230;Listo!..</p>
<p>Ahora ya que empesamos a dominar un poquito los botones veremos como seria una funcion para llamar a una <strong>URL en AS3</strong>, para esto vamos a crear primero la funcion y ya ustedes se la asignan para que se ejecute en algun evento, antes usabamos <strong>getURL AS2</strong>, ahora no la cambiaron un poquito, el codigo seria el siguiente:</p>
<pre class="brush: as3;">function muelalab(e:Event):void{
navigateToURL(new URLRequest(&quot;http://www.muelalab.com&quot;));
}</pre>
<p>Explicacion: Se crea la funcion con su nombre &#8220;muelalab&#8221; y parametro de tipo &#8220;Event&#8221;,  luego se usa la funcion &#8220;<strong>navigateToURL</strong>&#8221; y a esta funcion tenemos que hacerle un pedido para llamar a una URL, lo hacemos escribiendo &#8220;<strong>new URLRequest</strong>&#8221; y dentro de esta funcion colocamos el link&#8230;</p>
<p>Listo!&#8230; y por que asi tan dificil?? bueno ahora usamos este  metodo que luego veremos mas ampliamente, pero en si la <strong>novedad</strong> es que podremos enviar un url con datos para formularios GET o POST, o cualquier otro tipo de informacion&#8230;</p>
<p>Bueno esso seria todo, espero les sea de ayuda!.. y cualquier <em>duda/sugerencia/comentario</em> estoy para escucharlos!&#8230; Estaremos colocando tutoriales muy seguido asi q sigan visitandonos, y recomiendenos con sus amigos xD!.. Gracias y suerte!!!&#8230;<br />
<a href="http://muelalab.com/ejemplos/tutos/ActionScript3/Eventos/as3_1.rar"><img src="http://muelalab.com/blog/wp-content/uploads/2010/05/descargaarchivos.jpg" alt="Descarga De Archivos Muelalab.com" title="Descargar Archivos Muelalab.com" width="243" height="66" class="aligncenter size-full wp-image-100" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/actionscript/botones-eventos-geturl-en-actionscript3-flash/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cambiar De ActionScript2 a ActionScript3</title>
		<link>http://muelalab.com/blog/actionscript/cambiar-de-actionscript2-a-actionscript3</link>
		<comments>http://muelalab.com/blog/actionscript/cambiar-de-actionscript2-a-actionscript3#comments</comments>
		<pubDate>Wed, 12 May 2010 14:51:22 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[ActionScript2]]></category>
		<category><![CDATA[ActionScript3]]></category>
		<category><![CDATA[actionscript2]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=150</guid>
		<description><![CDATA[Buenas buenas, desde ahora empezare a colocar tutoriales sobre  AS3 por lo tanto comenzare mencionando las diferencias entre AS2 y AS3, Algunos que estan por aqui pensaran que es un poco tarde ya que ActionScript ya tiene un par de años, sin embargo con mi experiencia en Foros y en mi propio blog nos damos [...]]]></description>
			<content:encoded><![CDATA[<p>Buenas buenas, desde ahora empezare a colocar tutoriales sobre  <strong><em>AS3 </em></strong>por lo tanto comenzare mencionando las diferencias entre <strong><em>AS2 y AS3</em></strong>, Algunos que estan por aqui pensaran que es un poco tarde ya que ActionScript ya tiene un par de años, sin embargo con mi experiencia en Foros y en mi propio blog nos damos cuenta que la mayoria de los usuarios sigue utilizando AS2, algunos por que ni tienen idea que existe AS3, otros por miedo, otros por comodidad&#8230; Pero que no les mientan! <strong><em>ActionScript 2</em></strong> sigue siendo poderoso no se queda para nada atras de <em><strong>ActionScript 3</strong></em>.</p>
<p>Entonces damos el salto o no???  <img src='http://muelalab.com/blog/wp-includes/images/smilies/icon_cry.gif' alt=':cry:' class='wp-smiley' /> <br />
 Yo en mi opinion recomiendo <em><strong>dar el salto de AS2 a AS3</strong></em> si y solo si recien empiesas a usar AS2 (o nunca lo has usado), es decir no sabes muchooo o tambien si crees conocer mucho de AS2. Si estas a un nivel intermedio donde porfin comienzas a comprender AS2 no lo hagas! mejor sigue experimentando con AS2 que como te digo es <em><strong>igualmente poderoso</strong></em> (amenos que haga un codigo muy complejo!! talves se note la diferencia de algunos segundos), y luego cuando lo comprendas mejor haces el salto (y veras q no es tan dificil).</p>
<h3>Que pasa?? cual es la diferencia??</h3>
<p><em>Diferencias AS3 y AS2:</em></p>
<ul>
<li>La principal diferencia es que ActionScript 3 esta mucho mas orientado a objetos (OOP), que si nos da un mejor rendimiento, pero es necesario el manejo de <em>Clases y Objetos</em> (que te complica un poco si no esta familiarisado con ellos). Mientras que en AS2 no es necesario el manejo de estos, y en realidad es <em>mucho mas sencillo</em>.</li>
<li>Muchas funciones o palabras claves se cambiaron para AS3 otras se eliminarion, porsupuesto que no es lo mismo programar en AS2 y AS3 pero es como pasar de C a C++, aqui tienen un enlace que les da <a href="http://livedocs.adobe.com/flex/2/langref/migration.html" target="_blank">referencia a las nuevas funciones y metodos de AS3</a></li>
<li>AS3 Ideal para utilizar Flex 2.0 o posterior</li>
<li>AS3 corre bajo la nueva maquina virtual de ActionScript AVM2 que le da un rendimiento hasta 10veces mayor.</li>
</ul>
<p>Como ven aunque yo apoyo AS2 la puntuacion a favor la tiene AS3, sin embargo repito una vez mas, aun hoy en dia empresas de diseño grandes utilizan AS2 el por que es simple, AS2 es facil y eficiente, suficientemente poderoso como para crear juegos (y muy buenos!), no se queda atras de AS3. Lo que si es que no podemos escapar de la tecnologia y los avanzes y AS3 es el avance&#8230; Por lo tanto <em><strong>has el salto</strong></em>!! lo antes posible&#8230; pero solo cuando te sientas preparado aun <strong><em>no hay apuro</em></strong>.</p>
<p>Bueno espero les ayude a formarse una opinion y como les digo yo seguire escribiendo de AS2, pero agregare AS3, asi que quienes quieran hacer el salto, peuden dejarme sus <strong><em>dudas/comentarios</em></strong> o si queiren que les ayude a migrar un codigo de AS2 a AS3 y con gusto estare por aca <em>ayudandoles</em> con su problema =)&#8230;</p>
<p>Gracias y suerte!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/actionscript/cambiar-de-actionscript2-a-actionscript3/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Publicar En Muro Facebook Con Flash Y ActionScript2</title>
		<link>http://muelalab.com/blog/actionscript/publicar-en-muro-facebook-con-flash-y-actionscript2</link>
		<comments>http://muelalab.com/blog/actionscript/publicar-en-muro-facebook-con-flash-y-actionscript2#comments</comments>
		<pubDate>Tue, 11 May 2010 04:10:25 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[actionscript2]]></category>
		<category><![CDATA[FBJS]]></category>
		<category><![CDATA[FBML]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=128</guid>
		<description><![CDATA[Hola hola una vez mas desde muelalab.com!!&#8230; Ahora vengo con un tutorial mas =).. esta vez para publicar en el muro de facebook con Flash!! en si comenzaremos a ver como se &#8220;conectan&#8221; estos dos grandes Flash y Facebook&#8230; pueden ver el ejemplo funcionando en facebook Flash Y Facebook Esto se logra haciendo una conexion [...]]]></description>
			<content:encoded><![CDATA[<p>Hola hola una vez mas desde muelalab.com!!&#8230; Ahora vengo con un tutorial mas =).. esta vez para <em>publicar en el muro de facebook con Flash</em>!! en si comenzaremos a ver como se &#8220;conectan&#8221; estos dos grandes <em><strong>Flash y Facebook</strong></em>&#8230; pueden ver el ejemplo funcionando en facebook <strong><a href="http://apps.facebook.com/conflash/" target="_blank">Flash Y Facebook</a></strong></p>
<p>Esto se logra haciendo una conexion entre el swf y facebook (<strong>php</strong>) parecida a la <a href="http://muelalab.com/blog/actionscript/localconnection-conexion-entre-swf-distintos" target="_blank">conexion entre dos SWF</a><strong><br />
 </strong></p>
<p><strong>Empesemos con el Flash:</strong><br />
 Abrimos un nuevo documento de <strong><em>Flash ActionScript2</em></strong>, seleccionamos el primer frame y en el panel de acciones (F9) pegamos este codigo:</p>
<p>
<pre class="brush: as3;">conexion = new LocalConnection();
nombreConexion = _root.fb_local_connection;
function callFBJS(){
if(nombreConexion){
conexion.send(nombreConexion, &quot;callFBJS&quot;, &quot;publicarMensaje&quot;, [&quot;Muelalab.com&quot;]);
}}
callFBJS();</pre>
</p>
<p style="padding-left: 30px;"><strong>Explicacion:</strong><br />
 Creamos una nueva conexion Local en la variable &#8220;conexion&#8221;, en la variable &#8220;nombreConexion&#8221; guardamos el nombre de la conexion <em>siempre</em> tendra que ser &#8220;<strong><em>_root.fb_local_connection</em></strong>;&#8221;, este es el nombre de la conexion hacia facebook y siempre sera asi&#8230; Luego se crea una funcion &#8220;callFBJS&#8221; (tambien esta siempre se debera llamar asi), aqui simplemente hacemos una verificacion para checar que se haya logrado hacer la conexion y si es asi entonces envia (.send) algunos parametros, los primeros 2 siempre deberan ser el nombre de la conexion y el tipo &#8220;callFBJS&#8221; (vamos a hacer una llamada a una funcion FBJS), el tercer parametro es el nombre de la funcion <strong>FBJS</strong> que ejecutaremos en nuestro csaso la llamamos &#8220;publicarMensaje&#8221; y por ultimo un array con los datos que queramos enviar, en nuestro ejemplo enviaremos &#8220;Muelalab.com&#8221;.. listo! ese es todo el SWF, ahora vamos por el php&#8230;</p>
<p><strong>Ahora el PHP:</strong><br />
 Creamos un nuevo archivo php, y vamo a colocar el siguiente codigo:</p>
<p>
<pre class="brush: php;">&lt;fb:fbjs-bridge/&gt;
&lt;fb:swf
	swfsrc='http://muelalab.com/facebook/tutos/flash1/flashfacebook1.swf'
	width='400' height='120' /&gt;
&lt;script&gt;
function publicarMensaje(valor){
var mensaje='Mensaje De Prueba: ';
var mostrar = mensaje+valor;
Facebook.streamPublish(mostrar);
}
&lt;/script&gt;</pre>
</p>
<p style="padding-left: 30px;"><strong>Explicacion:</strong><br />
 Se crea un puente (conexion) entre Flash y facebook usando el tag FBML &#8220;<fb:fbjs-bridge/>&#8221; esto permite enviar y recibir datos desde flash, este puente siempre se debe colocar antes de insertar el swf,  luego insertamos el swf de la manera mas simple, solomente indicando la ruta del swf y el tamaño en largo y ancho&#8230; si probaramos ahora veriamos el swf, pero solo eso&#8230; Entonces creamos la funcion <strong><em>FBJS (Facebook JavaScript)</em></strong> esta funcion tiene como nombre el que indicamos en el swf en el tercer parametro &#8220;publicarMensaje&#8221; (ooh ya entienden? xD), y recibe como parametros en la varible &#8220;valor&#8221; los valores que le haymos enviado en el 4to parametro&#8230; y simplemente usando la funcion &#8220;<em><strong>streamPublish</strong></em>&#8221; de FBJS hacemos que muestre el cuadro de publicacion con el mensaje recibido desde Flash (valor) =)&#8230;</p>
<p style="text-align: center;"><a href="http://muelalab.com/facebook/tutos/flash1/flashfacebook.rar"><img class="aligncenter size-full wp-image-100" title="descargaarchivos" src="http://muelalab.com/blog/wp-content/uploads/2010/05/descargaarchivos.jpg" alt="Descarga De Archivos Muelalab.com" width="243" height="66" /></a></p>
<p>Listo, recuerden que para probar esto deben <a href="http://muelalab.com/blog/aplicaciones/tutorial-aplicacion-facebook-configuracion" target="_blank"><strong><em>configurar la aplicacion facebook</em></strong></a>, que sea de tipo &#8220;Canvas&#8221; y pues logicamente poner la ruta de sus archivos&#8230; subir los archivos a su servidor y probar =)&#8230; (les deje el ejemplo de como se ve al inicio del post)&#8230;</p>
<p>Bueno espero q esto les sea de ayuda y saben que estoy atento a todos sus <em><strong>comentarios</strong>! asi que no duden en escribirme..</em></p>
<p>Gracias y suerte!!!!!!&#8230;.</p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/actionscript/publicar-en-muro-facebook-con-flash-y-actionscript2/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Preloader Externo Multiple</title>
		<link>http://muelalab.com/blog/actionscript/preloader-externo-multiple</link>
		<comments>http://muelalab.com/blog/actionscript/preloader-externo-multiple#comments</comments>
		<pubDate>Sun, 09 May 2010 18:39:18 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Externo]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=88</guid>
		<description><![CDATA[Buenas buenas, bueno ahora vamos a ver como hacer un preloader de archivos externos con la diferencia de que cargara varios archivos de forma automatica. Su uso es muy variado, lo vemos comunmente en juegos donde se nos indica que se estan cargando las texturas y al finalizar la carga, no indica que se estan [...]]]></description>
			<content:encoded><![CDATA[<p>Buenas buenas, bueno ahora vamos a ver como hacer un <a title="Preloader Archivos Externos Flash" href="http://muelalab.com/blog/actionscript/preloader-de-archivos-externos" target="_blank">preloader de archivos externos</a> con la diferencia de que <em>cargara</em> varios <em>archivos</em> de forma <em>automatica</em>.</p>
<p>Su uso es muy variado, lo vemos comunmente en juegos donde se nos indica que se estan cargando las texturas y al finalizar la carga, no indica que se estan cargando ahora los puntuajes, etc etc.. y cuando finaliza de cargar todo es cuando da inicio al juego (es solo un ejemplo).. Y Bueno de la vista nace el amor, aqui esta el ejemplo (notese que comienza a cargar cada una de las imagenes, y al final nos indica que esta todo listo):</p>
<p>
<object width="400" height="250">
<param name="movie" value="http://muelalab.com/ejemplos/tutos/pmultipleexterno/pmultipleexterno.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<embed type="application/x-shockwave-flash" width="400" height="250" src="http://muelalab.com/ejemplos/tutos/pmultipleexterno/pmultipleexterno.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</p>
<p><a href="http://muelalab.com/ejemplos/tutos/pmultipleexterno/pmultipleexterno.rar" target="_blank"><img class="aligncenter size-full wp-image-100" title="descargaarchivos" src="http://muelalab.com/blog/wp-content/uploads/2010/05/descargaarchivos.jpg" alt="Descarga De Archivos Muelalab.com" width="243" height="66" /></a>Bueno vamos a hacerlo&#8230;:</p>
<p>Abrimos un nuevo documento de <em><strong>Flash (AS2)</strong></em>, creamos un nuevo MC vacio (Ctrl+f8)  y lo llamos contenedor, esto nos llevara a la linea de tiempo de este MC, asi que regresamos a la linea de tiempo principal (escena1), ahora arrasttrramos de la biblioteca (Ctrl+L) 4 veces el mc &#8220;contenedor&#8221; al escenario, seleccionamos uno y en el panel de propiedades (Ctrl+F3) le ponemos como nombre de <a href="http://muelalab.com/blog/wp-content/uploads/2010/05/proptexto.jpg"><img class="alignleft size-full wp-image-101" title="proptexto" src="http://muelalab.com/blog/wp-content/uploads/2010/05/proptexto.jpg" alt="Propiedades De Texto" width="262" height="136" /></a>instancia &#8220;cargando&#8221;, luego seleccionamos otro mc y ponemos como nombre de instancia &#8220;con0&#8243;, al otro &#8220;con1&#8243; y otro &#8220;con2&#8243;, estos ultimos los usaremos para cargar ahi las imagenes, y el primero para que verifique la carga. Ahora creamos un campo de texto de tipo dinamico con nombre de instancia &#8220;carga_txt&#8221;. Ahora abrimos el panel de acciones (F9) y escribimos el siguiente codigo:</p>
<p>
<pre class="brush: as3;">banner=[&quot;b1.jpg&quot;,&quot;b2.jpg&quot;,&quot;b3.jpg&quot;];
carga=-1;
function precarga(){
	carga++;
if(banner[carga]!=undefined){
	mc=eval(&quot;con&quot;+carga);
	mc.loadMovie(banner[carga]);
	_root.cargando.onEnterFrame=function(){
		bt=mc.getBytesTotal();
		bl=mc.getBytesLoaded();
		_root.carga_txt.text=&quot;(&quot;+banner[_root.carga]+&quot;)  -  &quot;;
		_root.carga_txt.text+=Math.round(bl/1024)+&quot;Kb / &quot;+Math.round(bt/1024)+&quot;Kb&quot;;
		if(bt&gt;4000 &amp;&amp; bl&gt;=bt){
			delete this.onEnterFrame;
			_root.precarga();
		}
	}
}else{
_root.carga_txt.text=&quot;Se Ha Cargado Todo&quot;;
}
}</pre>
</p>
<p style="padding-left: 30px;"><strong>Como Funciona:</strong><br />
 Primero definimos un array &#8220;banner&#8221;, este array contendra todos los nombres de lso archivos que se vana a cargar, de 1 a ilimitado&#8230; lo nombres pueden ser cualquier cosa no es necesario que se parescan (como en mi ejemplo), simplemente se escribe el nombre del archivo entre comillas, separados por comas. Pueden ser (.jpg .swf .png etc)..<br />
 Luego se define una variable &#8220;carga&#8221; en -1, enseguida tenemos una funcion &#8220;precarga&#8221; esta funcion es la que debemos llamar para comenzar la precarga, vamosa explicarla:</p>
<p style="padding-left: 30px;">Al ser llamada aumenta la variable carga (carga++), de -1 pasa a 0, se hace una condicion que verifica si el elemento &#8220;carga&#8221; de &#8220;banner&#8221; es diferente de undefined, esto es para verificar que aun haya elementos en el array, por ejemplo si carga esta en 0 banner[carga] sera igual a banner[0] osea a &#8220;b1.jpg&#8221; por lo tanto no es <em>undefined (que no exite el elemento)</em>, mientras haya elementos entra en esa condicionm luego usamos la funcion <strong><em>&#8220;eval&#8221;</em></strong> esta funcion le mandamos la expresion &#8220;con&#8221;+carga, lo que hace eval es guardar en la variable &#8220;mc&#8221; la ruta de &#8220;con0&#8243; (en caso de que nuestra variable carga este en 0), asi ahora podemos usar &#8220;mc&#8221; para referirnos al &#8220;con0&#8243; y ahi cargar la imagen 0.<br />
 La linea 7 usa la funcion loadMovie para cargar el elemento actual (&#8220;b1.jpg&#8221;), luego mientras el mc &#8220;cargando este en el escenario se ejecutara una funcion, esta funcion obtiene los bytescargados (bl) y lso bytestotales (bt) que hay actualmente en el &#8220;mc&#8221; (con0), luego meustra en el campo de texto el nombre del archivo seguido de los Kb cargados y totales (dividimos bl y bt entre 1024 por que 1Kb equivale a 1024bytes, y las variables bl y bt estan en bytes)&#8230;</p>
<p style="padding-left: 30px;">Despues en la linea 13 se hace uan verificacion, se verifica que el archivo pese mas de 4Kb (esto no seria necesario, pero se lso recomeindo ponr siempre), y luego lo importante.. verifica si los bytescargaos son mayores o iguales a los bytestotales (bl>=bt) es decir que ya se haya cargado el archivo&#8230; si la condicion es cierta (se ha cargado el archivo) detiene el enterframe (delete) para que ya sno se ejecute mas, y simplemente vuelkve a llamar a la funcion precarga(), asi de esta forma al volver a llamar la funcion la funcion suma 1 a carga, y ahroa tenedremos el sigueinte contenedor &#8220;con1&#8243; y el siguiente elemento &#8220;b2.jpg&#8221; =)!!!&#8230; y se ahra la carga de ese archivo en ese contenedor.. por ultimo si se llama a la funcion precarga, pero ya no ahi mas archivos (lo que verificamos en la linea 5), entonces se nos muestra un mensaje diciendo que los archivos han sido cargados completamente (aqui se podrian poner otras acciones, como empesar el juego por ejemplo  <img src='http://muelalab.com/blog/wp-includes/images/smilies/icon_surprised.gif' alt=':-o' class='wp-smiley' />  )</p>
<p>Y es todo! hemos terminado&#8230; Espero que haya quedado muy claro, recuerde que igual peuden descargarse lso archivos para que puedan ver perfectamente como esta hecho&#8230; saben que si tiene <strong><em>dudas/comentarios/sugenrencias y/o agradecimientos</em></strong>, pueden dejar su comentario que la verdad es muiy <em>importante para mi</em>&#8230;</p>
<p>Gracias y suerte!!</p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/actionscript/preloader-externo-multiple/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Componente CheckBox</title>
		<link>http://muelalab.com/blog/flash-general/componente-checkbox</link>
		<comments>http://muelalab.com/blog/flash-general/componente-checkbox#comments</comments>
		<pubDate>Fri, 15 Jan 2010 21:00:10 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash General]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=63</guid>
		<description><![CDATA[Buenas!&#8230; bueno aqui dejando un tutorial mas!.. Esta ves se trata sobre el componente &#8220;CheckBox&#8221;, que es muy utilizado, sin embargo no habiamos hablado de el.. Con los CheckBox, podemos por ejemplo, dar una lista de &#8220;opciones&#8221; y dar al usuario la opcion de escojer lo que el quiera.. Para aprender a utilizarlos vamos a [...]]]></description>
			<content:encoded><![CDATA[<p>Buenas!&#8230; bueno aqui dejando un tutorial mas!.. Esta ves se trata sobre el componente &#8220;CheckBox&#8221;, que es muy utilizado, sin embargo no habiamos hablado de el..<br />
Con los CheckBox, podemos por ejemplo, dar una lista de &#8220;opciones&#8221; y dar al usuario la opcion de escojer lo que el quiera..<br />
Para aprender a utilizarlos vamos a realizar el siguiente ejemplo:</p>
<div align="center">
<object width="300" height="150">
<param name="movie" value="http://muelalab.com/ejemplos/tutos/CheckBox/checkbox.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<embed type="application/x-shockwave-flash" width="300" height="150" src="http://muelalab.com/ejemplos/tutos/CheckBox/checkbox.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</div>
<p>Como ven, en este ejemplo les doy una lista de productos, con su precios y tu como usuario puedes seleecionar los productos q deses y al precionar pagar te da el precio total a pagar..<br />
Bueno pues empecemos:<br />
<img align="right" src="http://www.muelalab.com/ejemplos/tutos/CheckBox/checkbox.jpg" />Abrimos un Nuevo Documento en Flash, y vamos a prepar los obejtos, empesaremos colocando los CheckBox, para esto abrimos los componentes (Ctrl+F7) o en Ventana->Componentes&#8230;<br />
Una ves ahi arrastraremos el componente &#8220;CheckBox&#8221; al escenario, ahora nos aparecera en la biblioteca (Ctrl+L) y en el escenario..<br />
Vamos a seleccionarlo en el escenario y en el panel de propiedades (Ctrl+F3), cambiaremos el nombre de instancia a &#8220;c0&#8243;.<br />
<img align="right" src="http://www.muelalab.com/ejemplos/tutos/CheckBox/insprop.jpg" />Ahora abrimos el <strong>&#8220;inspector de componentes&#8221;</strong> (Mayus+F7) o Ventana->Inspector de componentes, y en la pestaña parametros, tenemos 3 valores, el primero es &#8220;Value&#8221; este es el texto que mostrara, aqui colocaremos &#8220;Manzana &#8211; $10&#8243;, luego tenemos &#8220;LabelPlacement&#8221;, esto es la pocicion del texto, en mi caso la tengo a la derecha (right) y por ultimo tenemos &#8220;selected&#8221; este nos permite mostrar el checkbox selecionado o no seleccionado al inicio. Lo dejamos en False.</p>
<p>Bueno ya tenemos un checkbox listo, ahora lo seleccionamos y copiamos, y pegamos XD!, para tener 4 en el escenario, a cda uno hagan el proceso de cambiar el &#8220;Value&#8221; en lso parametros por lo q gusten.. y cambiar el nombre de instancia a &#8220;c1&#8243;,&#8221;c2&#8243;,&#8221;c3&#8243; (es decir cada checkbox tendra el nombre de instancia diferente, por el numero, asi tendremos del c0 al c3)</p>
<p>Listo!? Bueno ya casi acabamos ee! Ahoracreamos un boton, para el ejemplo no <img align="left" src="http://www.muelalab.com/ejemplos/tutos/CheckBox/texto.jpg" />tiene q ser bonito XD!, dibujan un rectangulo, lo seleccionan y precionan F8, ahi seleccionan tipo &#8220;boton&#8221; y dan aceptar&#8230; seleccionan el boton y en el panel de propeidades (Ctrl+F3) le ponen como nombre de instancia &#8220;miboton&#8221;.. Ahora creamos un campo de texto, y en el panel de propeidades lo cambiamos aa tipo &#8220;dinamico&#8221; y ponemso como nombre de instancia &#8220;total&#8221;.</p>
<p>Ahora si, veremos el codigo.. Seleccionamos el primer frame de nustra pelicula y en el panel de acciones (Ctrl+F3) escribimos el siguiente codigo:</p>
<pre lang="actionscript">precios=[10,8,12,15];
miboton.onRelease=function(){
precio=0;
for(a=0;a<=3;a++){
box=eval("c"+a);
if(box.selected==true){
precio+=precios[a];}}
total.text="$"+precio;}</pre>
<p><strong>Explicacion:</strong> Creamosun array "precios", con los precios que queramos (podria ser palabras o frases en caso de algun otro tipo de lista), estos valores corresponden a los checkbox, el 10 corresponde al c0, el 8 al c1 y asi respectivamente...<br />
Luego se crea una funcion que<span id="more-63"></span> se ejecutara al precionar (onRelease) "miboton", en esta funciono tenemos un variable "precio=0" que nos servira para llevar la cuenta, luergo iniciamos un for, el for es un ciclo que en este caso iniciara en 0 (a=0) y se ejecutara mientras a<=3, cada ciclo a "a" se le aumenta 1 (++).... (lso for son lo mas comun en programacion deberian conocerlos, si no!, avisenem y hago un tutorial de fors XD)<br />
Luego en cada ciclo, a la variable "box" le asignaremos la ruta del checkbox actual, lo ahcemos con "eval" y luego le pasamos el nombre de instancia ("c"+a), como a empiesa valiendo 0 seria "c0", al sigueiten ciclo "a" valdra 1, asi q sera "c1" y asi sucecivamente hasta q a sea menor o igual a 3, y asi se acabaran lso ciclos.<br />
Ahora con uan condicion "if" y la propiedad "selected" hacemos una comparacion, Si box esta seleccionada (selected==true), entonces a lavariable precio le sumaremos el valor correspondiente.. esto lo hacemos obteneidno del array "precios" el valor "a" q como dijimos si a=0 entonces sera el 10, si es 1 sera el 8, etc....<br />
De esta forma en cada ciclo se hace la condicion con el checkbox correspondiente... ssi esta seleccionado se le suma el costo en la variable "precio".. Por ultimo al terminar el For, se muestra en el campo de texto "total" el signo "$" seguido del precio que se obtuvo..</p>
<div align="center"><a href="http://www.muelalab.com/ejemplos/tutos/CheckBox/checkbox.fla"><img alt="Descarga Los Archivos" src="http://www.muelalab.com/images/des_arc2.jpg" /></a></div>
<p>Listo!! XD, echenle cabeza en realidad es muy sencillo, si probamos la pelicula! Ctrl+Enter, podremos ver como funcionan nuestro ejemplo <img src='http://muelalab.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> ...<br />
Espero q les sea de ayuda! y ya saben q cualquier duda, comentario.. PORFAVOR! XD no duden en escribirnolo.... Recuerden q igualmente les deje los archivo del ejemplo, apra q puedan checarlos..<br />
Suerte y sigan visitandonos!...</p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/flash-general/componente-checkbox/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>LocalConnection &#8211; Conexion entre swf distintos.</title>
		<link>http://muelalab.com/blog/actionscript/localconnection-conexion-entre-swf-distintos</link>
		<comments>http://muelalab.com/blog/actionscript/localconnection-conexion-entre-swf-distintos#comments</comments>
		<pubDate>Tue, 22 Dec 2009 22:06:02 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=62</guid>
		<description><![CDATA[Bienvenidos!.. bueno aqui dejando un tutorial mas&#8230; me tarde un poco por que e estado haciendo la web nueva (q porcierto no e terminado lol) y pues ay saben ya es epoca de posadas y descasar =P xD&#8230; Bueno esta ves sera sbore localConnection, es una clase que nos permite enviar instrucciones/datos entre distintos swf. [...]]]></description>
			<content:encoded><![CDATA[<p>Bienvenidos!.. bueno aqui dejando un tutorial mas&#8230; me tarde un poco por que e estado haciendo la <a href="http://www.muelalab.com/web" target="_blank">web nueva</a> (q porcierto no e terminado lol) y pues ay saben ya es epoca de posadas y descasar =P xD&#8230;<br />
Bueno esta ves sera sbore <b>localConnection</b>, es una clase que nos permite enviar instrucciones/datos entre distintos swf.<br />
Su uso podria ser en una pagina desarrollada en HTML, donde posiblemente pueda haber un menu en flash y talves algun banner&#8230; podria ser cualquier cosa, y neesiatmos comunicar esos swf distintos.</p>
<p>En realidad su uso es muy sencillo.. y pues aqui les dejo un ejemplo:<br />
<b>envia_lc</b></p>
<div align="center">
<object width="300" height="150">
<param name="movie" value="http://muelalab.com/ejemplos/tutos/localconect/envia_lc.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<embed type="application/x-shockwave-flash" width="300" height="150" src="http://muelalab.com/ejemplos/tutos/localconect/envia_lc.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</div>
<p><b>recibe_lc</b></p>
<div align="center">
<object width="300" height="60">
<param name="movie" value="http://muelalab.com/ejemplos/tutos/localconect/recibe_lc.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="window"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<embed type="application/x-shockwave-flash" width="300" height="60" src="http://muelalab.com/ejemplos/tutos/localconect/recibe_lc.swf" quality="high" bgcolor="#FFFFFF" wmode="window" menu="false" ></embed>
</object>
</div>
<div align="center"><a href="http://www.muelalab.com/ejemplos/tutos/localconect/localconect.rar"><img alt="Descarga Los Archivos" src="http://www.muelalab.com/images/des_arc2.jpg" /></a></div>
<p>Empesemos, vamos a crear dos nuevos documentos FLA que usaremos para enviar datos y otro para recibirlos (igualmente se pueden enviar y recibir datos en el mismo swf).<br />
Primero haremos el enviar datos (envia_lc).<br />
Seleecionamos el primer frame de este fla, y en el panel de acciones (F9), escribimos el siguiente codigo:</p>
<pre lang="actionscript">_root.envia_lc = new LocalConnection();
_root.envia_lc.send("recibe_lc","mostrar", "Texto que enviaremos");</pre>
<p><strong>Explicacion:</strong> mas que sencillo xd&#8230; creamos una variable en el _root (linea de tiempo principal) que llamamos &#8220;envia_lc&#8221; y en esta variable creamos una nueva clase localConnection. Luego en la segunda linea, usamos el metodo send (enviar) sobre la variable &#8220;envia_lc&#8221; de localConnection, que nos pide 3 parametros. Nos pide el nombre de la conexion que debe buscar (recibe_lc) que esta la crearemos en el otro archivo fla, luego nos pide la funcion que se ejecutara (&#8220;mostrar&#8221;) y por ultimo un tercer parametro que sera opcional &#8220;Texto que enviaremos&#8221;, y es un dato que recivira la funcion &#8220;mostrar&#8221;&#8230;</p>
<p>Bueno eso seria todo en el archivo envia_lc, ahora crearemos el archivo &#8220;recibe_lc&#8221;<br />
En este archivo fla, crearemos la conexion que sera la que busca el archivo &#8220;envia_lc&#8221;, Primer en el primer frame creamos un campo de texto de tipo dinamico que llamaremos &#8220;texto_txt&#8221;, luego seleccionamos el primer frame y en el panel de acciones (F9) escribimos le sigueitne codigo:</p>
<pre lang="actionscript">recibe_lc = new LocalConnection();
recibe_lc.mostrar = function(datos){
_root.texto_txt.text=datos;}
recibe_lc.connect("recibe_lc");</pre>
<p><strong>Explicacion:</strong> se crea uan variable &#8220;recibe_lc&#8221; de tipo localConnection&#8230; ahora a esta variable le asignamos una funcion &#8220;mostrar&#8221; (que es la funcion que mandamos ejecutar en el archivo &#8220;envia_lc&#8221;, como ven este funcion va a recibir &#8220;datos&#8221; (que es el tercer parametro del archivo &#8220;envia_lc&#8221;), y la accion que ejecuta esta funcion es mostrar &#8220;datos&#8221; en el campo de texto &#8220;texto_txt&#8221;.<br />
Por ultimo se realiza la conexion, con el metodo &#8220;connect&#8221; que nos pide un nombre para la conexion que en este caso le puse &#8220;recibe_lc&#8221; (este es el que debe ir en el primer parametro de la funcion &#8220;envia_lc&#8221;)..</p>
<p>Y como ven ya todo quedo enlazado, ahora abrimso ambos (Ctrl+Enter) y veremos que el texto se envia y se muestra en &#8220;recibe_lc&#8221;.. (Ahi que abrir primero el archivo &#8220;recibe_lc&#8221;)<br />
Por ultimo pra que funcione con botones, es simplemente colocando el metodo send, del archivo &#8220;envia_lc&#8221; dentro de las acciones de un boton, pro ejemplo asi:</p>
<pre lang="actionscript">on(release){
_root.envia_lc.send("recibe_lc","mostrar", "Datos a enviar");}</pre>
<p>Se puede enviar tantos datos como queramos, si quedan con dudas pues saben que siempre les dejo el codigo fuente, descarguenlo y revisenlo&#8230; <img src='http://muelalab.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Espero les sea de ayuda! y pues sigan visitandonos!<br />
Felizes Dias! ^^</p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/actionscript/localconnection-conexion-entre-swf-distintos/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Mostrar Pantalla Completa</title>
		<link>http://muelalab.com/blog/actionscript/mostrar-pantalla-completa</link>
		<comments>http://muelalab.com/blog/actionscript/mostrar-pantalla-completa#comments</comments>
		<pubDate>Sun, 29 Nov 2009 01:39:58 +0000</pubDate>
		<dc:creator>Daniel Muela</dc:creator>
				<category><![CDATA[ActionScript]]></category>

		<guid isPermaLink="false">http://muelalab.com/blog/?p=59</guid>
		<description><![CDATA[Buenas! bueno ahora veremos como mostrar nuestro flash en pantalla completa! (fullscreen).. esto es muy usado para juegos, videos y presentanciones principalmente. En si es muy sencillo, 0 complicaciones. Para acceder a el modo de pantalla se utiliza la propiedad &#8220;displayState&#8221; del evento Stage.. y en esta misma es oslo asignar si queremos que este [...]]]></description>
			<content:encoded><![CDATA[<p>Buenas! bueno ahora veremos como mostrar nuestro flash en pantalla completa! (fullscreen).. esto es muy usado para juegos, videos y presentanciones principalmente.<br />
En si es muy sencillo, 0 complicaciones.<br />
Para acceder a el modo de pantalla se utiliza la propiedad &#8220;displayState&#8221; del evento Stage.. y en esta misma es oslo asignar si queremos que este en modo &#8220;normal&#8221; o &#8220;fullscreen&#8221;.<br />
Ademas ahi que ajustar la &#8220;Scala&#8221; del swf a sin escala&#8230; pra que pueda cambiar de tamaño, esto se hace con la propiedad scaleMode..</p>
<div align="center"><a href="http://www.muelalab.com/ejemplos/tutos/fullscreen/index.html" target="_blank">Click Para Ver El Ejemplo</a></div>
<p>&nbsp;</p>
<div align="center"><a href="http://www.muelalab.com/ejemplos/tutos/fullscreen/fullscreen.rar"><img alt="Descarga Los Archivos" src="http://www.muelalab.com/images/des_arc2.jpg" /></a></div>
<p>Bueno el codigo es sencillo, se coloca en la linea de tiempo principal, y es el siguiente:</p>
<pre lang="actionscript">Stage.scaleMode="noScale";
function cambiar(){
if(Stage.displayState=="normal"){
Stage.displayState="fullScreen";
}else{Stage.displayState="normal";}}</pre>
<p><strong>Explicacion:</strong> Bueno primero como les decia ajustamos la escala del escenario a &#8220;noScale&#8221; (sin escala), luego tenemos funcion que llamamos &#8220;cambiar&#8221; en esta ahi una condicion, SI se esta visualizando (Stage.displayState) es Igual a &#8220;normal&#8221;, entonces lo cambia a &#8220;fullscreen&#8221; (pantalla completa), SI NO (else) entonces lo cambia la pantalla a &#8220;normal&#8221;</p>
<p>Entonces para cambiar la pantalla solo debemos llamr a la funcion, pra esto por ejemplo desde un boton la llamariamos de esta forma:</p>
<pre lang="actionscript">on(release){
_root.cambiar();}</pre>
<p>Aqui simplemente llamamos a la funcion, que se encarga de cambiar la vista de pantalla..<br />
Por utlimo deben ajustar una opcion en el flash, dan click en el Escenario y se van al panel de propiedades (Ctrl+F3) ahi seleccionan cinfiguracion, y en la pestaña HTML, cambian el valor de &#8220;Dimensiones&#8221; a porcentajae y los porcentajes los ponen en 100% ambos&#8230;<br />
<img src="http://www.muelalab.com/ejemplos/tutos/fullscreen/confi.jpg" align="center" /></p>
<p>Esto seria todo ahora pueden probar su swf (tienen que probarlo desde la PC o en la web) y listo deberia funcionar!..<br />
Espero les ayude! y nos estamos viendo! Suerte ^^!!</p>
]]></content:encoded>
			<wfw:commentRss>http://muelalab.com/blog/actionscript/mostrar-pantalla-completa/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
