<?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>DeCabeza.net &#187; ActionScript2</title>
	<atom:link href="http://www.decabeza.net/tag/actionscript2/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.decabeza.net</link>
	<description>Todo sobre el mundo del desarrollo web</description>
	<lastBuildDate>Mon, 30 Jan 2012 23:52:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Banners Katherine Jenkins</title>
		<link>http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/</link>
		<comments>http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 16:20:42 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[Multimediales]]></category>
		<category><![CDATA[ActionScript2]]></category>
		<category><![CDATA[banners]]></category>
		<category><![CDATA[Warner Music]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/?p=1121</guid>
		<description><![CDATA[Banners publicitarios de Katherine Jenkins desarrollados para la discográfica Warner Music Argentina, para ser publicados en InfoBae.com Tecnologías usadas: ActionScrip 2 Share this on Facebook Tweet This! Share this on LinkedIn Add this to Google Bookmarks Stumble upon something good? Share it on StumbleUpon Share this on Reddit Email this via Gmail Email this to a friend? Send this page to Print Friendly]]></description>
			<content:encoded><![CDATA[<p>Banners publicitarios de Katherine Jenkins desarrollados para la discográfica <a href="http://www.warnermusic.com.ar">Warner Music Argentina</a>, para ser publicados en <a href="http://www.infobae.com">InfoBae.com</a><br />
<strong> Tecnologías usadas:</strong> ActionScrip 2</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Banners+Katherine+Jenkins&amp;link=http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/&amp;notes=Banners%20publicitarios%20de%20Katherine%20Jenkins%20desarrollados%20para%20la%20discogr%C3%A1fica%20Warner%20Music%20Argentina%2C%20para%20ser%20publicados%20en%20InfoBae.com%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20ActionScrip%202&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Banners+Katherine+Jenkins&amp;link=http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/&amp;notes=Banners%20publicitarios%20de%20Katherine%20Jenkins%20desarrollados%20para%20la%20discogr%C3%A1fica%20Warner%20Music%20Argentina%2C%20para%20ser%20publicados%20en%20InfoBae.com%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20ActionScrip%202&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Banners+Katherine+Jenkins&amp;link=http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/&amp;notes=Banners%20publicitarios%20de%20Katherine%20Jenkins%20desarrollados%20para%20la%20discogr%C3%A1fica%20Warner%20Music%20Argentina%2C%20para%20ser%20publicados%20en%20InfoBae.com%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20ActionScrip%202&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=Banners+Katherine+Jenkins&amp;link=http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/&amp;notes=Banners%20publicitarios%20de%20Katherine%20Jenkins%20desarrollados%20para%20la%20discogr%C3%A1fica%20Warner%20Music%20Argentina%2C%20para%20ser%20publicados%20en%20InfoBae.com%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20ActionScrip%202&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Banners+Katherine+Jenkins&amp;link=http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/&amp;notes=Banners%20publicitarios%20de%20Katherine%20Jenkins%20desarrollados%20para%20la%20discogr%C3%A1fica%20Warner%20Music%20Argentina%2C%20para%20ser%20publicados%20en%20InfoBae.com%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20ActionScrip%202&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=Banners+Katherine+Jenkins&amp;link=http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/&amp;notes=Banners%20publicitarios%20de%20Katherine%20Jenkins%20desarrollados%20para%20la%20discogr%C3%A1fica%20Warner%20Music%20Argentina%2C%20para%20ser%20publicados%20en%20InfoBae.com%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20ActionScrip%202&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=Banners+Katherine+Jenkins&amp;link=http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/&amp;notes=Banners%20publicitarios%20de%20Katherine%20Jenkins%20desarrollados%20para%20la%20discogr%C3%A1fica%20Warner%20Music%20Argentina%2C%20para%20ser%20publicados%20en%20InfoBae.com%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20ActionScrip%202&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=Banners%20Katherine%20Jenkins&amp;link=http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/&amp;notes=Banners%20publicitarios%20de%20Katherine%20Jenkins%20desarrollados%20para%20la%20discogr%C3%A1fica%20Warner%20Music%20Argentina%2C%20para%20ser%20publicados%20en%20InfoBae.com%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20ActionScrip%202&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=Banners+Katherine+Jenkins&amp;link=http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/&amp;notes=Banners%20publicitarios%20de%20Katherine%20Jenkins%20desarrollados%20para%20la%20discogr%C3%A1fica%20Warner%20Music%20Argentina%2C%20para%20ser%20publicados%20en%20InfoBae.com%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20ActionScrip%202&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2010/04/13/banners-katherine-jenkins/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Renault Koleos</title>
		<link>http://www.decabeza.net/2009/09/23/renault-koleos-2222/</link>
		<comments>http://www.decabeza.net/2009/09/23/renault-koleos-2222/#comments</comments>
		<pubDate>Thu, 24 Sep 2009 00:19:05 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[Multimediales]]></category>
		<category><![CDATA[ActionScript2]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/?p=638</guid>
		<description><![CDATA[Desarrollo de aplicación web de registro de participantes y sorteo automático. También diseño y desarrollo del Adminitrador de la aplicación, donde se ven los ganadores y varios reportes relacionados. Tecnologías usadas: Flash, AS2, XML, PHP, MySQL. Share this on Facebook Tweet This! Share this on LinkedIn Add this to Google Bookmarks Stumble upon something good? Share it on StumbleUpon Share this on Reddit Email this via Gmail Email this to a friend? Send this page to Print Friendly]]></description>
			<content:encoded><![CDATA[<p>Desarrollo de aplicación web de registro de participantes y sorteo automático. También diseño y desarrollo del Adminitrador de la aplicación, donde se ven los ganadores y varios reportes relacionados.<br />
<strong> Tecnologías usadas:</strong> Flash, AS2, XML, PHP, MySQL.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Renault+Koleos&amp;link=http://www.decabeza.net/2009/09/23/renault-koleos-2222/&amp;notes=Desarrollo%20de%20aplicaci%C3%B3n%20web%20de%20registro%20de%20participantes%20y%20sorteo%20autom%C3%A1tico.%20Tambi%C3%A9n%20dise%C3%B1o%20y%20desarrollo%20del%20Adminitrador%20de%20la%20aplicaci%C3%B3n%2C%20donde%20se%20ven%20los%20ganadores%20y%20varios%20reportes%20relacionados.%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20Flash%2C%20AS2%2C%20XML%2C%20PHP%2C%20MySQL.&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Renault+Koleos&amp;link=http://www.decabeza.net/2009/09/23/renault-koleos-2222/&amp;notes=Desarrollo%20de%20aplicaci%C3%B3n%20web%20de%20registro%20de%20participantes%20y%20sorteo%20autom%C3%A1tico.%20Tambi%C3%A9n%20dise%C3%B1o%20y%20desarrollo%20del%20Adminitrador%20de%20la%20aplicaci%C3%B3n%2C%20donde%20se%20ven%20los%20ganadores%20y%20varios%20reportes%20relacionados.%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20Flash%2C%20AS2%2C%20XML%2C%20PHP%2C%20MySQL.&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Renault+Koleos&amp;link=http://www.decabeza.net/2009/09/23/renault-koleos-2222/&amp;notes=Desarrollo%20de%20aplicaci%C3%B3n%20web%20de%20registro%20de%20participantes%20y%20sorteo%20autom%C3%A1tico.%20Tambi%C3%A9n%20dise%C3%B1o%20y%20desarrollo%20del%20Adminitrador%20de%20la%20aplicaci%C3%B3n%2C%20donde%20se%20ven%20los%20ganadores%20y%20varios%20reportes%20relacionados.%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20Flash%2C%20AS2%2C%20XML%2C%20PHP%2C%20MySQL.&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=Renault+Koleos&amp;link=http://www.decabeza.net/2009/09/23/renault-koleos-2222/&amp;notes=Desarrollo%20de%20aplicaci%C3%B3n%20web%20de%20registro%20de%20participantes%20y%20sorteo%20autom%C3%A1tico.%20Tambi%C3%A9n%20dise%C3%B1o%20y%20desarrollo%20del%20Adminitrador%20de%20la%20aplicaci%C3%B3n%2C%20donde%20se%20ven%20los%20ganadores%20y%20varios%20reportes%20relacionados.%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20Flash%2C%20AS2%2C%20XML%2C%20PHP%2C%20MySQL.&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Renault+Koleos&amp;link=http://www.decabeza.net/2009/09/23/renault-koleos-2222/&amp;notes=Desarrollo%20de%20aplicaci%C3%B3n%20web%20de%20registro%20de%20participantes%20y%20sorteo%20autom%C3%A1tico.%20Tambi%C3%A9n%20dise%C3%B1o%20y%20desarrollo%20del%20Adminitrador%20de%20la%20aplicaci%C3%B3n%2C%20donde%20se%20ven%20los%20ganadores%20y%20varios%20reportes%20relacionados.%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20Flash%2C%20AS2%2C%20XML%2C%20PHP%2C%20MySQL.&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=Renault+Koleos&amp;link=http://www.decabeza.net/2009/09/23/renault-koleos-2222/&amp;notes=Desarrollo%20de%20aplicaci%C3%B3n%20web%20de%20registro%20de%20participantes%20y%20sorteo%20autom%C3%A1tico.%20Tambi%C3%A9n%20dise%C3%B1o%20y%20desarrollo%20del%20Adminitrador%20de%20la%20aplicaci%C3%B3n%2C%20donde%20se%20ven%20los%20ganadores%20y%20varios%20reportes%20relacionados.%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20Flash%2C%20AS2%2C%20XML%2C%20PHP%2C%20MySQL.&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=Renault+Koleos&amp;link=http://www.decabeza.net/2009/09/23/renault-koleos-2222/&amp;notes=Desarrollo%20de%20aplicaci%C3%B3n%20web%20de%20registro%20de%20participantes%20y%20sorteo%20autom%C3%A1tico.%20Tambi%C3%A9n%20dise%C3%B1o%20y%20desarrollo%20del%20Adminitrador%20de%20la%20aplicaci%C3%B3n%2C%20donde%20se%20ven%20los%20ganadores%20y%20varios%20reportes%20relacionados.%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20Flash%2C%20AS2%2C%20XML%2C%20PHP%2C%20MySQL.&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=Renault%20Koleos&amp;link=http://www.decabeza.net/2009/09/23/renault-koleos-2222/&amp;notes=Desarrollo%20de%20aplicaci%C3%B3n%20web%20de%20registro%20de%20participantes%20y%20sorteo%20autom%C3%A1tico.%20Tambi%C3%A9n%20dise%C3%B1o%20y%20desarrollo%20del%20Adminitrador%20de%20la%20aplicaci%C3%B3n%2C%20donde%20se%20ven%20los%20ganadores%20y%20varios%20reportes%20relacionados.%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20Flash%2C%20AS2%2C%20XML%2C%20PHP%2C%20MySQL.&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=Renault+Koleos&amp;link=http://www.decabeza.net/2009/09/23/renault-koleos-2222/&amp;notes=Desarrollo%20de%20aplicaci%C3%B3n%20web%20de%20registro%20de%20participantes%20y%20sorteo%20autom%C3%A1tico.%20Tambi%C3%A9n%20dise%C3%B1o%20y%20desarrollo%20del%20Adminitrador%20de%20la%20aplicaci%C3%B3n%2C%20donde%20se%20ven%20los%20ganadores%20y%20varios%20reportes%20relacionados.%0D%0A%20Tecnolog%C3%ADas%20usadas%3A%20Flash%2C%20AS2%2C%20XML%2C%20PHP%2C%20MySQL.&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2009/09/23/renault-koleos-2222/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Llega Adobe Flash Platform Services</title>
		<link>http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/</link>
		<comments>http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/#comments</comments>
		<pubDate>Mon, 21 Sep 2009 16:14:22 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[AIR]]></category>
		<category><![CDATA[Novedades]]></category>
		<category><![CDATA[Utilidades]]></category>
		<category><![CDATA[ActionScript2]]></category>
		<category><![CDATA[ActionScript3]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Platform]]></category>
		<category><![CDATA[Services]]></category>
		<category><![CDATA[Servicios]]></category>
		<category><![CDATA[social]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/?p=623</guid>
		<description><![CDATA[Adobe Flash Platform Services es una nueva herramienta que nos permite a los desarrolladores añadir capacidades sociales y de colaboración a las aplicaciones, o sea agregar nuestras aplicaciones hechas en flash en redes sociales de forma muy simple. Ya que agrega un panel para linkear fácilmente a las redes sociales más utilizadas. Además permite a las empresas distribuir y monetizar sus aplicaciones. Adobe Flash Platform Services es escalables y de fácil implementación. Ya que contamos con componentes para Flash CS4, Dreamweaver CS4, Flex / Flash Builder y también una clase por si no queremos usar los componentes. En resumen nos permite (extraido de Adobe.com): - Crear aplicaciones atractivas, con la integración de redes sociales y la colaboración en tiempo real - Distribuir sus aplicaciones a los clientes en los medios de comunicación social, dispositivos móviles y de escritorio - Seguir la distribución y la participación a través de análisis detallados. - Gana dinero con sus aplicaciones Vale la pena investigarlo bien. Yo estoy en eso, cuando le tome la mano voy a explicar más sobre el tema ya que parece muy interesante. Pueden ver algunos tutoriales en esta página: http://www.adobe.com/devnet/flashplatform/services/distribution/#tutorials Share this on Facebook Tweet This! Share this on LinkedIn Add this to Google Bookmarks Stumble upon something good? Share it on StumbleUpon Share this on Reddit Email this via Gmail Email this to a friend? Send this page to Print Friendly]]></description>
			<content:encoded><![CDATA[<p><a target="_blank" href="http://www.adobe.com/devnet/flashplatform/services/">Adobe Flash Platform Services </a>es una nueva herramienta que nos permite a los desarrolladores añadir capacidades sociales y de colaboración a las aplicaciones, o sea agregar nuestras aplicaciones hechas en flash en redes sociales de forma muy simple. Ya que agrega un panel para linkear fácilmente a las redes sociales más utilizadas.</p>
<p>Además permite a las empresas distribuir y monetizar sus aplicaciones. <a target="_blank" href="http://www.adobe.com/devnet/flashplatform/services/">Adobe Flash Platform Services </a> es escalables y de fácil implementación. Ya que contamos con <a target="_blank" href="https://www.adobe.com/cfusion/entitlement/index.cfm?e=distribution">componentes para Flash CS4, Dreamweaver CS4, Flex / Flash Builder</a> y también una clase por si no queremos usar los componentes.</p>
<p><strong>En resumen nos permite</strong> (extraido de Adobe.com):<br />
<strong>- </strong>Crear aplicaciones atractivas, con la integración de redes sociales y la colaboración en tiempo real<br />
<strong>- </strong>Distribuir sus aplicaciones a los clientes en los medios de comunicación social, dispositivos móviles y de escritorio<br />
<strong>- </strong>Seguir la distribución y la participación a través de análisis detallados.<br />
<strong>- </strong>Gana dinero con sus aplicaciones </p>
<p>Vale la pena investigarlo bien. Yo estoy en eso, cuando le tome la mano voy a explicar más sobre el tema ya que parece muy interesante.</p>
<p>Pueden ver algunos tutoriales en esta página: <a target="_blank" href="http://www.adobe.com/devnet/flashplatform/services/distribution/#tutorials">http://www.adobe.com/devnet/flashplatform/services/distribution/#tutorials</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Llega+Adobe+Flash+Platform+Services&amp;link=http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/&amp;notes=Adobe%20Flash%20Platform%20Services%20es%20una%20nueva%20herramienta%20que%20nos%20permite%20a%20los%20desarrolladores%20a%C3%B1adir%20capacidades%20sociales%20y%20de%20colaboraci%C3%B3n%20a%20las%20aplicaciones%2C%20o%20sea%20agregar%20nuestras%20aplicaciones%20hechas%20en%20flash%20en%20redes%20sociales%20de%20forma%20muy%20simple.%20Ya%20que%20agrega%20un%20panel%20para%20linkear%20f%C3%A1cilmente%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Llega+Adobe+Flash+Platform+Services&amp;link=http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/&amp;notes=Adobe%20Flash%20Platform%20Services%20es%20una%20nueva%20herramienta%20que%20nos%20permite%20a%20los%20desarrolladores%20a%C3%B1adir%20capacidades%20sociales%20y%20de%20colaboraci%C3%B3n%20a%20las%20aplicaciones%2C%20o%20sea%20agregar%20nuestras%20aplicaciones%20hechas%20en%20flash%20en%20redes%20sociales%20de%20forma%20muy%20simple.%20Ya%20que%20agrega%20un%20panel%20para%20linkear%20f%C3%A1cilmente%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Llega+Adobe+Flash+Platform+Services&amp;link=http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/&amp;notes=Adobe%20Flash%20Platform%20Services%20es%20una%20nueva%20herramienta%20que%20nos%20permite%20a%20los%20desarrolladores%20a%C3%B1adir%20capacidades%20sociales%20y%20de%20colaboraci%C3%B3n%20a%20las%20aplicaciones%2C%20o%20sea%20agregar%20nuestras%20aplicaciones%20hechas%20en%20flash%20en%20redes%20sociales%20de%20forma%20muy%20simple.%20Ya%20que%20agrega%20un%20panel%20para%20linkear%20f%C3%A1cilmente%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=Llega+Adobe+Flash+Platform+Services&amp;link=http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/&amp;notes=Adobe%20Flash%20Platform%20Services%20es%20una%20nueva%20herramienta%20que%20nos%20permite%20a%20los%20desarrolladores%20a%C3%B1adir%20capacidades%20sociales%20y%20de%20colaboraci%C3%B3n%20a%20las%20aplicaciones%2C%20o%20sea%20agregar%20nuestras%20aplicaciones%20hechas%20en%20flash%20en%20redes%20sociales%20de%20forma%20muy%20simple.%20Ya%20que%20agrega%20un%20panel%20para%20linkear%20f%C3%A1cilmente%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Llega+Adobe+Flash+Platform+Services&amp;link=http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/&amp;notes=Adobe%20Flash%20Platform%20Services%20es%20una%20nueva%20herramienta%20que%20nos%20permite%20a%20los%20desarrolladores%20a%C3%B1adir%20capacidades%20sociales%20y%20de%20colaboraci%C3%B3n%20a%20las%20aplicaciones%2C%20o%20sea%20agregar%20nuestras%20aplicaciones%20hechas%20en%20flash%20en%20redes%20sociales%20de%20forma%20muy%20simple.%20Ya%20que%20agrega%20un%20panel%20para%20linkear%20f%C3%A1cilmente%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=Llega+Adobe+Flash+Platform+Services&amp;link=http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/&amp;notes=Adobe%20Flash%20Platform%20Services%20es%20una%20nueva%20herramienta%20que%20nos%20permite%20a%20los%20desarrolladores%20a%C3%B1adir%20capacidades%20sociales%20y%20de%20colaboraci%C3%B3n%20a%20las%20aplicaciones%2C%20o%20sea%20agregar%20nuestras%20aplicaciones%20hechas%20en%20flash%20en%20redes%20sociales%20de%20forma%20muy%20simple.%20Ya%20que%20agrega%20un%20panel%20para%20linkear%20f%C3%A1cilmente%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=Llega+Adobe+Flash+Platform+Services&amp;link=http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/&amp;notes=Adobe%20Flash%20Platform%20Services%20es%20una%20nueva%20herramienta%20que%20nos%20permite%20a%20los%20desarrolladores%20a%C3%B1adir%20capacidades%20sociales%20y%20de%20colaboraci%C3%B3n%20a%20las%20aplicaciones%2C%20o%20sea%20agregar%20nuestras%20aplicaciones%20hechas%20en%20flash%20en%20redes%20sociales%20de%20forma%20muy%20simple.%20Ya%20que%20agrega%20un%20panel%20para%20linkear%20f%C3%A1cilmente%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=Llega%20Adobe%20Flash%20Platform%20Services&amp;link=http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/&amp;notes=Adobe%20Flash%20Platform%20Services%20es%20una%20nueva%20herramienta%20que%20nos%20permite%20a%20los%20desarrolladores%20a%C3%B1adir%20capacidades%20sociales%20y%20de%20colaboraci%C3%B3n%20a%20las%20aplicaciones%2C%20o%20sea%20agregar%20nuestras%20aplicaciones%20hechas%20en%20flash%20en%20redes%20sociales%20de%20forma%20muy%20simple.%20Ya%20que%20agrega%20un%20panel%20para%20linkear%20f%C3%A1cilmente%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=Llega+Adobe+Flash+Platform+Services&amp;link=http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/&amp;notes=Adobe%20Flash%20Platform%20Services%20es%20una%20nueva%20herramienta%20que%20nos%20permite%20a%20los%20desarrolladores%20a%C3%B1adir%20capacidades%20sociales%20y%20de%20colaboraci%C3%B3n%20a%20las%20aplicaciones%2C%20o%20sea%20agregar%20nuestras%20aplicaciones%20hechas%20en%20flash%20en%20redes%20sociales%20de%20forma%20muy%20simple.%20Ya%20que%20agrega%20un%20panel%20para%20linkear%20f%C3%A1cilmente%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2009/09/21/llega-adobe-flash-platform-services/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>txtTiper – otra Clase para mostrar textos en ActionScript2</title>
		<link>http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/</link>
		<comments>http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 19:56:38 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Tutoriales escritos]]></category>
		<category><![CDATA[ActionScript2]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[texto]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/?p=579</guid>
		<description><![CDATA[La semana pasada subí una clase para mostrar texto en ActionScript2 (txtRandom) de forma random con cada caracter. Esta semana tuve que desarrollar otrá clase que también sirve para mostrar texto, pero al estilo máquina de escribir, algo muy utilizado. La gran diferencia con la demás clases que hacen lo mismo es que esta reescribe sobre lo que ya estaba escrito, sin empezar de cero. Acá va la clase completa, que al igual que la Clase txtRandom es estática, así es más simple de utilizar. ?Ver código ACTIONSCRIPT1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 class txtTiper &#123; static private var animaciones:Array = new Array&#40;&#41;; &#160; function txtTiper&#40;&#41; &#123; &#125; &#160; static public function setText&#40;_trg, _txt:String, _comodin:String&#41;:Void &#123; for &#40;var i:Number = 0; i &#60; animaciones.length; i++&#41; &#123; if &#40;_trg == animaciones&#91;i&#93;&#41; &#123; var flag = true; var tmp = animaciones&#91;i&#93;; &#125; &#125; if &#40;!flag&#41; &#123; var tmp = animaciones&#91;animaciones.length&#93; = _trg; &#125; &#160; tmp.strArray = new Array&#40;&#41;; tmp.buffer = ''; tmp.originalStr = _txt; tmp.comodin = _comodin; tmp.textoArr = splitStr&#40;tmp&#41;; tmp.autoSize=true tmp.html=false tmp.strBuffer = tmp.text.substr&#40;0, tmp.text.length - 1&#41;; &#160; clearInterval&#40;tmp.fInt&#41;; tmp.fInt = setInterval&#40;eFrame, 50, tmp&#41;; &#125; &#160; static public function splitStr&#40;_tmp&#41; &#123; ...]]></description>
			<content:encoded><![CDATA[<p>La semana pasada subí una clase para mostrar texto en ActionScript2 (<a href="http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/">txtRandom</a>) de forma random con cada caracter.<br />
Esta semana tuve que desarrollar otrá clase que también sirve para mostrar texto, pero al estilo máquina de escribir, algo muy utilizado.<br />
La gran diferencia con la demás clases que hacen lo mismo es que esta reescribe sobre lo que ya estaba escrito, sin empezar de cero.</p>
<p>
<object width="420" height="80">
<param name="movie" value="http://www.decabeza.net/wp-content/uploads/2009/08/txtTiper.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="transparent"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="420" height="80" src="http://www.decabeza.net/wp-content/uploads/2009/08/txtTiper.swf" quality="high" bgcolor="#FFFFFF" wmode="transparent" menu="false" ></embed>
</object>
<br />
<span id="more-579"></span><br />
Acá va la clase completa, que al igual que la Clase <a href="http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/">txtRandom </a>es estática, así es más simple de utilizar.</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p579code3'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p5793"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
</pre></td><td class="code" id="p579code3"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">class</span> txtTiper
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> animaciones:<span style="color: #0066CC;">Array</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">Array</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
	<span style="color: #000000; font-weight: bold;">function</span> txtTiper<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> setText<span style="color: #66cc66;">&#40;</span>_trg, _txt:<span style="color: #0066CC;">String</span>, _comodin:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i <span style="color: #66cc66;">&lt;</span> animaciones.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>_trg == animaciones<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				<span style="color: #000000; font-weight: bold;">var</span> flag = <span style="color: #000000; font-weight: bold;">true</span>;
				<span style="color: #000000; font-weight: bold;">var</span> tmp = animaciones<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">!</span>flag<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #000000; font-weight: bold;">var</span> tmp = animaciones<span style="color: #66cc66;">&#91;</span>animaciones.<span style="color: #0066CC;">length</span><span style="color: #66cc66;">&#93;</span> = _trg;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		tmp.<span style="color: #006600;">strArray</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">Array</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		tmp.<span style="color: #006600;">buffer</span> = <span style="color: #ff0000;">''</span>;
		tmp.<span style="color: #006600;">originalStr</span> = _txt;
		tmp.<span style="color: #006600;">comodin</span> = _comodin;
		tmp.<span style="color: #006600;">textoArr</span> = splitStr<span style="color: #66cc66;">&#40;</span>tmp<span style="color: #66cc66;">&#41;</span>;
		tmp.<span style="color: #0066CC;">autoSize</span>=<span style="color: #000000; font-weight: bold;">true</span>
		tmp.<span style="color: #0066CC;">html</span>=<span style="color: #000000; font-weight: bold;">false</span>
		tmp.<span style="color: #006600;">strBuffer</span> = tmp.<span style="color: #0066CC;">text</span>.<span style="color: #0066CC;">substr</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">0</span>, tmp.<span style="color: #0066CC;">text</span>.<span style="color: #0066CC;">length</span> - <span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
		<span style="color: #0066CC;">clearInterval</span><span style="color: #66cc66;">&#40;</span>tmp.<span style="color: #006600;">fInt</span><span style="color: #66cc66;">&#41;</span>;
		tmp.<span style="color: #006600;">fInt</span> = <span style="color: #0066CC;">setInterval</span><span style="color: #66cc66;">&#40;</span>eFrame, <span style="color: #cc66cc;">50</span>, tmp<span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> splitStr<span style="color: #66cc66;">&#40;</span>_tmp<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i=<span style="color: #cc66cc;">0</span>; i<span style="color: #66cc66;">&lt;</span>=_tmp.<span style="color: #006600;">originalStr</span>.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			_tmp.<span style="color: #006600;">strArray</span>.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">originalStr</span>.<span style="color: #0066CC;">charAt</span><span style="color: #66cc66;">&#40;</span>i<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> eFrame<span style="color: #66cc66;">&#40;</span>_tmp<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #0066CC;">text</span> == _tmp.<span style="color: #006600;">originalStr</span> + _tmp.<span style="color: #006600;">comodin</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			_tmp.<span style="color: #0066CC;">text</span> = _tmp.<span style="color: #006600;">originalStr</span>;
			_tmp.<span style="color: #006600;">strBuffer</span> = _tmp.<span style="color: #006600;">originalStr</span>;
			<span style="color: #0066CC;">clearInterval</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">fInt</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #b1b100;">return</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #000000; font-weight: bold;">var</span> tmpstr = <span style="color: #ff0000;">''</span>;
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">strBuffer</span>.<span style="color: #0066CC;">length</span> <span style="color: #66cc66;">&gt;</span> <span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			_tmp.<span style="color: #006600;">strBuffer</span> = _tmp.<span style="color: #006600;">strBuffer</span>.<span style="color: #0066CC;">substr</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">1</span>, _tmp.<span style="color: #006600;">strBuffer</span>.<span style="color: #0066CC;">length</span> - <span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #66cc66;">&#123;</span>
			_tmp.<span style="color: #006600;">strBuffer</span> = <span style="color: #ff0000;">&quot;&quot;</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">strArray</span>.<span style="color: #0066CC;">length</span> <span style="color: #66cc66;">&gt;</span> <span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #000000; font-weight: bold;">var</span> newElement = _tmp.<span style="color: #006600;">strArray</span>.<span style="color: #006600;">shift</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			_tmp.<span style="color: #006600;">buffer</span> += newElement;
			tmpstr += _tmp.<span style="color: #006600;">buffer</span> + _tmp.<span style="color: #006600;">comodin</span>;
		<span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span>
			tmpstr = _tmp.<span style="color: #006600;">originalStr</span> + _tmp.<span style="color: #006600;">comodin</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		_tmp.<span style="color: #0066CC;">text</span> = tmpstr + _tmp.<span style="color: #006600;">strBuffer</span>;
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>Con solo estas dos lineas ya anda nuestro proyecto.</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p579code4'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p5794"><td class="line_numbers"><pre>1
2
</pre></td><td class="code" id="p579code4"><pre class="actionscript" style="font-family:monospace;"><span style="color: #0066CC;">import</span> txtTiper;
txtTiper.<span style="color: #006600;">setText</span><span style="color: #66cc66;">&#40;</span>prueba_txt, <span style="color: #ff0000;">&quot;texto a mostrar&quot;</span>, <span style="color: #ff0000;">&quot;|&quot;</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p><em>1º parámetro:</em> el nombre de instancia del Textfiled a usa.<br />
<em>2º parámetro:</em> el texto a mostrar.<br />
<em>3º parámetro:</em> el comodín o caracter que va al final del texto al escribirse.</p>
<p>Espero les sirva y guste.</p>
<p><a href="http://www.decabeza.net/wp-content/uploads/2009/08/txtTiper.rar"><img src="http://www.decabeza.net/wp-content/uploads/2008/12/darchivos.gif" style="border:0;" alt="darchivos" title="darchivos" width="214" height="48" class="alignnone size-full wp-image-548" /></a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=txtTiper+%E2%80%93+otra+Clase+para+mostrar+textos+en+ActionScript2&amp;link=http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/&amp;notes=La%20semana%20pasada%20sub%C3%AD%20una%20clase%20para%20mostrar%20texto%20en%20ActionScript2%20%28txtRandom%29%20de%20forma%20random%20con%20cada%20caracter.%0D%0AEsta%20semana%20tuve%20que%20desarrollar%20otr%C3%A1%20clase%20que%20tambi%C3%A9n%20sirve%20para%20mostrar%20texto%2C%20pero%20al%20estilo%20m%C3%A1quina%20de%20escribir%2C%20algo%20muy%20utilizado.%0D%0ALa%20gran%20diferencia%20con%20la%20dem%C3%A1s%20clases%20q&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=txtTiper+%E2%80%93+otra+Clase+para+mostrar+textos+en+ActionScript2&amp;link=http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/&amp;notes=La%20semana%20pasada%20sub%C3%AD%20una%20clase%20para%20mostrar%20texto%20en%20ActionScript2%20%28txtRandom%29%20de%20forma%20random%20con%20cada%20caracter.%0D%0AEsta%20semana%20tuve%20que%20desarrollar%20otr%C3%A1%20clase%20que%20tambi%C3%A9n%20sirve%20para%20mostrar%20texto%2C%20pero%20al%20estilo%20m%C3%A1quina%20de%20escribir%2C%20algo%20muy%20utilizado.%0D%0ALa%20gran%20diferencia%20con%20la%20dem%C3%A1s%20clases%20q&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=txtTiper+%E2%80%93+otra+Clase+para+mostrar+textos+en+ActionScript2&amp;link=http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/&amp;notes=La%20semana%20pasada%20sub%C3%AD%20una%20clase%20para%20mostrar%20texto%20en%20ActionScript2%20%28txtRandom%29%20de%20forma%20random%20con%20cada%20caracter.%0D%0AEsta%20semana%20tuve%20que%20desarrollar%20otr%C3%A1%20clase%20que%20tambi%C3%A9n%20sirve%20para%20mostrar%20texto%2C%20pero%20al%20estilo%20m%C3%A1quina%20de%20escribir%2C%20algo%20muy%20utilizado.%0D%0ALa%20gran%20diferencia%20con%20la%20dem%C3%A1s%20clases%20q&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=txtTiper+%E2%80%93+otra+Clase+para+mostrar+textos+en+ActionScript2&amp;link=http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/&amp;notes=La%20semana%20pasada%20sub%C3%AD%20una%20clase%20para%20mostrar%20texto%20en%20ActionScript2%20%28txtRandom%29%20de%20forma%20random%20con%20cada%20caracter.%0D%0AEsta%20semana%20tuve%20que%20desarrollar%20otr%C3%A1%20clase%20que%20tambi%C3%A9n%20sirve%20para%20mostrar%20texto%2C%20pero%20al%20estilo%20m%C3%A1quina%20de%20escribir%2C%20algo%20muy%20utilizado.%0D%0ALa%20gran%20diferencia%20con%20la%20dem%C3%A1s%20clases%20q&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=txtTiper+%E2%80%93+otra+Clase+para+mostrar+textos+en+ActionScript2&amp;link=http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/&amp;notes=La%20semana%20pasada%20sub%C3%AD%20una%20clase%20para%20mostrar%20texto%20en%20ActionScript2%20%28txtRandom%29%20de%20forma%20random%20con%20cada%20caracter.%0D%0AEsta%20semana%20tuve%20que%20desarrollar%20otr%C3%A1%20clase%20que%20tambi%C3%A9n%20sirve%20para%20mostrar%20texto%2C%20pero%20al%20estilo%20m%C3%A1quina%20de%20escribir%2C%20algo%20muy%20utilizado.%0D%0ALa%20gran%20diferencia%20con%20la%20dem%C3%A1s%20clases%20q&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=txtTiper+%E2%80%93+otra+Clase+para+mostrar+textos+en+ActionScript2&amp;link=http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/&amp;notes=La%20semana%20pasada%20sub%C3%AD%20una%20clase%20para%20mostrar%20texto%20en%20ActionScript2%20%28txtRandom%29%20de%20forma%20random%20con%20cada%20caracter.%0D%0AEsta%20semana%20tuve%20que%20desarrollar%20otr%C3%A1%20clase%20que%20tambi%C3%A9n%20sirve%20para%20mostrar%20texto%2C%20pero%20al%20estilo%20m%C3%A1quina%20de%20escribir%2C%20algo%20muy%20utilizado.%0D%0ALa%20gran%20diferencia%20con%20la%20dem%C3%A1s%20clases%20q&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=txtTiper+%E2%80%93+otra+Clase+para+mostrar+textos+en+ActionScript2&amp;link=http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/&amp;notes=La%20semana%20pasada%20sub%C3%AD%20una%20clase%20para%20mostrar%20texto%20en%20ActionScript2%20%28txtRandom%29%20de%20forma%20random%20con%20cada%20caracter.%0D%0AEsta%20semana%20tuve%20que%20desarrollar%20otr%C3%A1%20clase%20que%20tambi%C3%A9n%20sirve%20para%20mostrar%20texto%2C%20pero%20al%20estilo%20m%C3%A1quina%20de%20escribir%2C%20algo%20muy%20utilizado.%0D%0ALa%20gran%20diferencia%20con%20la%20dem%C3%A1s%20clases%20q&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=txtTiper%20%E2%80%93%20otra%20Clase%20para%20mostrar%20textos%20en%20ActionScript2&amp;link=http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/&amp;notes=La%20semana%20pasada%20sub%C3%AD%20una%20clase%20para%20mostrar%20texto%20en%20ActionScript2%20%28txtRandom%29%20de%20forma%20random%20con%20cada%20caracter.%0D%0AEsta%20semana%20tuve%20que%20desarrollar%20otr%C3%A1%20clase%20que%20tambi%C3%A9n%20sirve%20para%20mostrar%20texto%2C%20pero%20al%20estilo%20m%C3%A1quina%20de%20escribir%2C%20algo%20muy%20utilizado.%0D%0ALa%20gran%20diferencia%20con%20la%20dem%C3%A1s%20clases%20q&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=txtTiper+%E2%80%93+otra+Clase+para+mostrar+textos+en+ActionScript2&amp;link=http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/&amp;notes=La%20semana%20pasada%20sub%C3%AD%20una%20clase%20para%20mostrar%20texto%20en%20ActionScript2%20%28txtRandom%29%20de%20forma%20random%20con%20cada%20caracter.%0D%0AEsta%20semana%20tuve%20que%20desarrollar%20otr%C3%A1%20clase%20que%20tambi%C3%A9n%20sirve%20para%20mostrar%20texto%2C%20pero%20al%20estilo%20m%C3%A1quina%20de%20escribir%2C%20algo%20muy%20utilizado.%0D%0ALa%20gran%20diferencia%20con%20la%20dem%C3%A1s%20clases%20q&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2009/08/25/txttiper-%e2%80%93-otra-clase-para-mostrar-textos-en-actionscript2/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>txtRandom &#8211; Clase para mostrar textos en AS2</title>
		<link>http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/</link>
		<comments>http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/#comments</comments>
		<pubDate>Wed, 19 Aug 2009 04:26:16 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Tutoriales escritos]]></category>
		<category><![CDATA[ActionScript2]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/?p=391</guid>
		<description><![CDATA[Hace unos días desarrollé esta simple clase para mostrar textos cortos en un proyecto de AS2. El efecto que busqué fue mostrar cada caracter de la frase con un random de caracteres (efecto ya muy común). Pero a diferencia de los demás que hay por todos lados esta clase hace un random de que caracter empieza a mostrar en distintas posiciones y no del primero al último. Para que se entienda mejor acá hay un SWF con la muestra. Cada 3 segundos se reinicia el efecto para que puedan verlo bien. Acá va la clase entera. ?Ver código ACTIONSCRIPT1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 class txtRandom &#123; static var alfabetos:Array; static var animaciones:Array = new Array&#40;&#41;; &#160; function txtRandom&#40;&#41;&#123;&#125; &#160; static public function crearAlfabetos&#40;&#41;:Void &#123; alfabetos = new Array&#40;&#41;; alfabetos&#91;0&#93; = &#34;qwertyuiopasdfghjklzxcvbnm&#34;; alfabetos&#91;1&#93; = &#34;1234567890&#34;; alfabetos&#91;2&#93; = &#34;!@#$%^7*()+&#38;lt;&#38;gt;/?[]{}\&#124;&#34;; alfabetos&#91;3&#93; = &#34;qwertyuiopasdfghjklzxcvbnm1234567890&#34;; alfabetos&#91;4&#93; = &#34;qwertyuiopasdfghjklzxcvbnm1234567890!@#$%^7*()+&#38;lt;&#38;gt;/?[]{}\&#124;&#34;; &#125; &#160; static public function setText&#40;_trg, _txt:String, _comodin:String, _alf:Number, _rndTime:Number, _ltrTime:Number&#41;:Void &#123; crearAlfabetos&#40;&#41;; for &#40;var i:Number = 0; i &#38;lt; animaciones.length; i++&#41; &#123; if &#40;_trg == ...]]></description>
			<content:encoded><![CDATA[<p>Hace unos días desarrollé esta simple clase para mostrar textos cortos en un proyecto de AS2.</p>
<p>El efecto que busqué fue mostrar cada caracter de la frase con un random de caracteres (efecto ya muy común). Pero a diferencia de los demás que hay por todos lados esta clase hace un random de que caracter empieza a mostrar en distintas posiciones y no del primero al último.</p>
<p>Para que se entienda mejor acá hay un SWF con la muestra. Cada 3 segundos se reinicia el efecto para que puedan verlo bien.</p>
<p>
<object width="420" height="80">
<param name="movie" value="http://www.decabeza.net/wp-content/uploads/2009/08/txtRandom.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="transparent"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="420" height="80" src="http://www.decabeza.net/wp-content/uploads/2009/08/txtRandom.swf" quality="high" bgcolor="#FFFFFF" wmode="transparent" menu="false" ></embed>
</object>
</p>
<p><span id="more-391"></span>Acá va la clase entera.</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p391code7'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3917"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
</pre></td><td class="code" id="p391code7"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">class</span> txtRandom
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">static</span> <span style="color: #000000; font-weight: bold;">var</span> alfabetos:<span style="color: #0066CC;">Array</span>;
	<span style="color: #0066CC;">static</span> <span style="color: #000000; font-weight: bold;">var</span> animaciones:<span style="color: #0066CC;">Array</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">Array</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
	<span style="color: #000000; font-weight: bold;">function</span> txtRandom<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> crearAlfabetos<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		alfabetos = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">Array</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		alfabetos<span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span> = <span style="color: #ff0000;">&quot;qwertyuiopasdfghjklzxcvbnm&quot;</span>;
		alfabetos<span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#93;</span> = <span style="color: #ff0000;">&quot;1234567890&quot;</span>;
		alfabetos<span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#93;</span> = <span style="color: #ff0000;">&quot;!@#$%^7*()+&amp;lt;&amp;gt;/?[]{}<span style="color: #000099; font-weight: bold;">\|</span>&quot;</span>;
		alfabetos<span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">3</span><span style="color: #66cc66;">&#93;</span> = <span style="color: #ff0000;">&quot;qwertyuiopasdfghjklzxcvbnm1234567890&quot;</span>;
		alfabetos<span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">4</span><span style="color: #66cc66;">&#93;</span> = <span style="color: #ff0000;">&quot;qwertyuiopasdfghjklzxcvbnm1234567890!@#$%^7*()+&amp;lt;&amp;gt;/?[]{}<span style="color: #000099; font-weight: bold;">\|</span>&quot;</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> setText<span style="color: #66cc66;">&#40;</span>_trg, _txt:<span style="color: #0066CC;">String</span>, _comodin:<span style="color: #0066CC;">String</span>, _alf:<span style="color: #0066CC;">Number</span>, _rndTime:<span style="color: #0066CC;">Number</span>, _ltrTime:<span style="color: #0066CC;">Number</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		crearAlfabetos<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i <span style="color: #66cc66;">&amp;</span>lt; animaciones.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>_trg == animaciones<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				<span style="color: #000000; font-weight: bold;">var</span> flag = <span style="color: #000000; font-weight: bold;">true</span>;
				<span style="color: #000000; font-weight: bold;">var</span> tmp = animaciones<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">!</span>flag<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #000000; font-weight: bold;">var</span> tmp = animaciones<span style="color: #66cc66;">&#91;</span>animaciones.<span style="color: #0066CC;">length</span><span style="color: #66cc66;">&#93;</span> = _trg;
		<span style="color: #66cc66;">&#125;</span>
		tmp.<span style="color: #006600;">alf</span> = _alf;
		tmp.<span style="color: #006600;">texto</span> = _txt;
		tmp.<span style="color: #006600;">comodin</span> = _comodin;
		tmp.<span style="color: #006600;">rndTime</span> = _rndTime;
		tmp.<span style="color: #006600;">ltrTime</span> = _ltrTime;
		tmp.<span style="color: #006600;">textoArr</span> = _txt.<span style="color: #0066CC;">split</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&quot;</span><span style="color: #66cc66;">&#41;</span>;
		tmp.<span style="color: #006600;">estadoArr</span> = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#93;</span>;
		tmp.<span style="color: #006600;">actualArr</span> = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#93;</span>;
		tmp.<span style="color: #006600;">posArr</span> = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#93;</span>;
		tmp.<span style="color: #006600;">pos</span> = <span style="color: #cc66cc;">0</span>;
		tmp.<span style="color: #006600;">fin</span> = <span style="color: #cc66cc;">1</span>;
		tmp.<span style="color: #006600;">finalizados</span> = <span style="color: #cc66cc;">0</span>;
		tmp.<span style="color: #006600;">todos</span> = <span style="color: #cc66cc;">0</span>;
&nbsp;
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i <span style="color: #66cc66;">&amp;</span>lt; tmp.<span style="color: #006600;">textoArr</span>.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			tmp.<span style="color: #006600;">estadoArr</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span> = <span style="color: #cc66cc;">0</span>;
			tmp.<span style="color: #006600;">actualArr</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span> = tmp.<span style="color: #006600;">comodin</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">clearInterval</span><span style="color: #66cc66;">&#40;</span>tmp.<span style="color: #006600;">sInt</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">clearInterval</span><span style="color: #66cc66;">&#40;</span>tmp.<span style="color: #006600;">nInt</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">clearInterval</span><span style="color: #66cc66;">&#40;</span>tmp.<span style="color: #006600;">fInt</span><span style="color: #66cc66;">&#41;</span>;
		tmp.<span style="color: #006600;">sInt</span> = <span style="color: #0066CC;">setInterval</span><span style="color: #66cc66;">&#40;</span>eFrame, <span style="color: #cc66cc;">50</span>, tmp<span style="color: #66cc66;">&#41;</span>;
		tmp.<span style="color: #006600;">nInt</span> = <span style="color: #0066CC;">setInterval</span><span style="color: #66cc66;">&#40;</span>ltrInterval, tmp.<span style="color: #006600;">ltrTime</span> <span style="color: #66cc66;">*</span> <span style="color: #cc66cc;">1000</span>, tmp<span style="color: #66cc66;">&#41;</span>;
		tmp.<span style="color: #006600;">fInt</span> = <span style="color: #0066CC;">setInterval</span><span style="color: #66cc66;">&#40;</span>finInterval, tmp.<span style="color: #006600;">rndTime</span> <span style="color: #66cc66;">*</span> <span style="color: #cc66cc;">1000</span>, tmp<span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> eFrame<span style="color: #66cc66;">&#40;</span>_tmp<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		_tmp.<span style="color: #0066CC;">text</span> = _tmp.<span style="color: #006600;">actualArr</span>.<span style="color: #0066CC;">join</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&quot;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i <span style="color: #66cc66;">&amp;</span>lt; _tmp.<span style="color: #006600;">estadoArr</span>.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span> 			<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">estadoArr</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span> == <span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span> 				_tmp.<span style="color: #006600;">actualArr</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span> = alfabetos<span style="color: #66cc66;">&#91;</span>_tmp.<span style="color: #006600;">alf</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">charAt</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span>alfabetos<span style="color: #66cc66;">&#91;</span>_tmp.<span style="color: #006600;">alf</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">length</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>; 			<span style="color: #66cc66;">&#125;</span> 		<span style="color: #66cc66;">&#125;</span> 	<span style="color: #66cc66;">&#125;</span> 	 	<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> ltrInterval<span style="color: #66cc66;">&#40;</span>_tmp<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span> 	<span style="color: #66cc66;">&#123;</span> 		<span style="color: #000000; font-weight: bold;">var</span> rndL:<span style="color: #0066CC;">Number</span> = <span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">estadoArr</span>.<span style="color: #0066CC;">length</span><span style="color: #66cc66;">&#41;</span>; 		<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">todos</span> == _tmp.<span style="color: #006600;">estadoArr</span>.<span style="color: #006600;">length</span>-<span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span> 			<span style="color: #0066CC;">clearInterval</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">nInt</span><span style="color: #66cc66;">&#41;</span>; 		<span style="color: #66cc66;">&#125;</span> 		<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">estadoArr</span><span style="color: #66cc66;">&#91;</span>rndL<span style="color: #66cc66;">&#93;</span> <span style="color: #66cc66;">&amp;</span>gt; <span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
			ltrInterval<span style="color: #66cc66;">&#40;</span>_tmp<span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #66cc66;">&#123;</span>
			_tmp.<span style="color: #006600;">pos</span>++;
			_tmp.<span style="color: #006600;">posArr</span><span style="color: #66cc66;">&#91;</span>rndL<span style="color: #66cc66;">&#93;</span> = _tmp.<span style="color: #006600;">pos</span>;
			_tmp.<span style="color: #006600;">estadoArr</span><span style="color: #66cc66;">&#91;</span>rndL<span style="color: #66cc66;">&#93;</span> = <span style="color: #cc66cc;">1</span>;
			_tmp.<span style="color: #006600;">todos</span>++;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> finInterval<span style="color: #66cc66;">&#40;</span>_tmp<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">finalizados</span> == _tmp.<span style="color: #006600;">estadoArr</span>.<span style="color: #0066CC;">length</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">clearInterval</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">fInt</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">clearInterval</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">sInt</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i <span style="color: #66cc66;">&amp;</span>lt; _tmp.<span style="color: #006600;">posArr</span>.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span>_tmp.<span style="color: #006600;">posArr</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span> == _tmp.<span style="color: #006600;">fin</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
				_tmp.<span style="color: #006600;">estadoArr</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span> = <span style="color: #cc66cc;">2</span>;
				_tmp.<span style="color: #006600;">actualArr</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span> = _tmp.<span style="color: #006600;">textoArr</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>;
				_tmp.<span style="color: #006600;">fin</span>++;
				_tmp.<span style="color: #006600;">finalizados</span>++;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>La clase esta hecha de forma estática así nos ahorramos el hecho de crear instancias. Otra característica de la clase es que guarda todas las propiedades de la animación el objeto del texto dinámico, y los objetos a su vez en un array para poder controlarlos por separado sin que se pisen los efectos.</p>
<p>el array llamado &#8220;alfabetos&#8221; contiene distintos String que nos permitira elegir desde el método setText. Estos textos son usados para hacer el random de letras. Mostrando únicamente los caracteres que esten en el alfabeto elegído.</p>
<p>Para usarla solo hace falta escribir un código como este:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p391code8'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3918"><td class="line_numbers"><pre>1
2
</pre></td><td class="code" id="p391code8"><pre class="actionscript" style="font-family:monospace;"><span style="color: #0066CC;">import</span> txtRandom;
txtRandom.<span style="color: #006600;">setText</span><span style="color: #66cc66;">&#40;</span>texto_txt, <span style="color: #ff0000;">&quot;DeCabeza.net&quot;</span>, <span style="color: #ff0000;">&quot;-&quot;</span>, <span style="color: #cc66cc;">4</span>, .5, .2<span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>El método setText puede llamarse todas las veces que se quiera y para distintos elementos. Paso a explicar los parametros del metodo.</p>
<p><em>1º parámetro:</em> el nombre del texto dinámico.<br />
<em>2º parámetro:</em> el texto a mostrar.<br />
<em>3º parámetro:</em> el caracter por default, puede estar vacio (pero si van las comillas).<br />
<em>4º parámetro: </em>la posición del array de &#8220;alfabetos&#8221;.<br />
<em>5º parámetro:</em> los segúndos que tarda desde que empieza el random de caracteres de cada letra hasta mostrar la final.<br />
<em>6º parámetro:</em> el tiempo que tarda en segúndos en empezar cada caracter.</p>
<p>Espero les sea útil. Saludos!</p>
<p>Ejemplo y Clase:  <a href="http://www.decabeza.net/wp-content/uploads/2009/08/txtRandom.zip">txtRandom.zip</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=txtRandom+-+Clase+para+mostrar+textos+en+AS2&amp;link=http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/&amp;notes=Hace%20unos%20d%C3%ADas%20desarroll%C3%A9%20esta%20simple%20clase%20para%20mostrar%20textos%20cortos%20en%20un%20proyecto%20de%20AS2.%0D%0A%0D%0AEl%20efecto%20que%20busqu%C3%A9%20fue%20mostrar%20cada%20caracter%20de%20la%20frase%20con%20un%20random%20de%20caracteres%20%28efecto%20ya%20muy%20com%C3%BAn%29.%20Pero%20a%20diferencia%20de%20los%20dem%C3%A1s%20que%20hay%20por%20todos%20lados%20esta%20clase%20hace%20un%20random%20de%20que%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=txtRandom+-+Clase+para+mostrar+textos+en+AS2&amp;link=http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/&amp;notes=Hace%20unos%20d%C3%ADas%20desarroll%C3%A9%20esta%20simple%20clase%20para%20mostrar%20textos%20cortos%20en%20un%20proyecto%20de%20AS2.%0D%0A%0D%0AEl%20efecto%20que%20busqu%C3%A9%20fue%20mostrar%20cada%20caracter%20de%20la%20frase%20con%20un%20random%20de%20caracteres%20%28efecto%20ya%20muy%20com%C3%BAn%29.%20Pero%20a%20diferencia%20de%20los%20dem%C3%A1s%20que%20hay%20por%20todos%20lados%20esta%20clase%20hace%20un%20random%20de%20que%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=txtRandom+-+Clase+para+mostrar+textos+en+AS2&amp;link=http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/&amp;notes=Hace%20unos%20d%C3%ADas%20desarroll%C3%A9%20esta%20simple%20clase%20para%20mostrar%20textos%20cortos%20en%20un%20proyecto%20de%20AS2.%0D%0A%0D%0AEl%20efecto%20que%20busqu%C3%A9%20fue%20mostrar%20cada%20caracter%20de%20la%20frase%20con%20un%20random%20de%20caracteres%20%28efecto%20ya%20muy%20com%C3%BAn%29.%20Pero%20a%20diferencia%20de%20los%20dem%C3%A1s%20que%20hay%20por%20todos%20lados%20esta%20clase%20hace%20un%20random%20de%20que%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=txtRandom+-+Clase+para+mostrar+textos+en+AS2&amp;link=http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/&amp;notes=Hace%20unos%20d%C3%ADas%20desarroll%C3%A9%20esta%20simple%20clase%20para%20mostrar%20textos%20cortos%20en%20un%20proyecto%20de%20AS2.%0D%0A%0D%0AEl%20efecto%20que%20busqu%C3%A9%20fue%20mostrar%20cada%20caracter%20de%20la%20frase%20con%20un%20random%20de%20caracteres%20%28efecto%20ya%20muy%20com%C3%BAn%29.%20Pero%20a%20diferencia%20de%20los%20dem%C3%A1s%20que%20hay%20por%20todos%20lados%20esta%20clase%20hace%20un%20random%20de%20que%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=txtRandom+-+Clase+para+mostrar+textos+en+AS2&amp;link=http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/&amp;notes=Hace%20unos%20d%C3%ADas%20desarroll%C3%A9%20esta%20simple%20clase%20para%20mostrar%20textos%20cortos%20en%20un%20proyecto%20de%20AS2.%0D%0A%0D%0AEl%20efecto%20que%20busqu%C3%A9%20fue%20mostrar%20cada%20caracter%20de%20la%20frase%20con%20un%20random%20de%20caracteres%20%28efecto%20ya%20muy%20com%C3%BAn%29.%20Pero%20a%20diferencia%20de%20los%20dem%C3%A1s%20que%20hay%20por%20todos%20lados%20esta%20clase%20hace%20un%20random%20de%20que%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=txtRandom+-+Clase+para+mostrar+textos+en+AS2&amp;link=http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/&amp;notes=Hace%20unos%20d%C3%ADas%20desarroll%C3%A9%20esta%20simple%20clase%20para%20mostrar%20textos%20cortos%20en%20un%20proyecto%20de%20AS2.%0D%0A%0D%0AEl%20efecto%20que%20busqu%C3%A9%20fue%20mostrar%20cada%20caracter%20de%20la%20frase%20con%20un%20random%20de%20caracteres%20%28efecto%20ya%20muy%20com%C3%BAn%29.%20Pero%20a%20diferencia%20de%20los%20dem%C3%A1s%20que%20hay%20por%20todos%20lados%20esta%20clase%20hace%20un%20random%20de%20que%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=txtRandom+-+Clase+para+mostrar+textos+en+AS2&amp;link=http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/&amp;notes=Hace%20unos%20d%C3%ADas%20desarroll%C3%A9%20esta%20simple%20clase%20para%20mostrar%20textos%20cortos%20en%20un%20proyecto%20de%20AS2.%0D%0A%0D%0AEl%20efecto%20que%20busqu%C3%A9%20fue%20mostrar%20cada%20caracter%20de%20la%20frase%20con%20un%20random%20de%20caracteres%20%28efecto%20ya%20muy%20com%C3%BAn%29.%20Pero%20a%20diferencia%20de%20los%20dem%C3%A1s%20que%20hay%20por%20todos%20lados%20esta%20clase%20hace%20un%20random%20de%20que%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=txtRandom%20-%20Clase%20para%20mostrar%20textos%20en%20AS2&amp;link=http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/&amp;notes=Hace%20unos%20d%C3%ADas%20desarroll%C3%A9%20esta%20simple%20clase%20para%20mostrar%20textos%20cortos%20en%20un%20proyecto%20de%20AS2.%0D%0A%0D%0AEl%20efecto%20que%20busqu%C3%A9%20fue%20mostrar%20cada%20caracter%20de%20la%20frase%20con%20un%20random%20de%20caracteres%20%28efecto%20ya%20muy%20com%C3%BAn%29.%20Pero%20a%20diferencia%20de%20los%20dem%C3%A1s%20que%20hay%20por%20todos%20lados%20esta%20clase%20hace%20un%20random%20de%20que%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=txtRandom+-+Clase+para+mostrar+textos+en+AS2&amp;link=http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/&amp;notes=Hace%20unos%20d%C3%ADas%20desarroll%C3%A9%20esta%20simple%20clase%20para%20mostrar%20textos%20cortos%20en%20un%20proyecto%20de%20AS2.%0D%0A%0D%0AEl%20efecto%20que%20busqu%C3%A9%20fue%20mostrar%20cada%20caracter%20de%20la%20frase%20con%20un%20random%20de%20caracteres%20%28efecto%20ya%20muy%20com%C3%BAn%29.%20Pero%20a%20diferencia%20de%20los%20dem%C3%A1s%20que%20hay%20por%20todos%20lados%20esta%20clase%20hace%20un%20random%20de%20que%20&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2009/08/19/txtrandom-clase-para-mostrar-textos-en-as2/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Dos métodos para el efecto de RollOver</title>
		<link>http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/</link>
		<comments>http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/#comments</comments>
		<pubDate>Fri, 17 Nov 2006 03:37:02 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Tutoriales escritos]]></category>
		<category><![CDATA[ActionScript2]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/index.php/2006/11/17/dos-metodos-para-el-efecto-de-rollover/</guid>
		<description><![CDATA[Voy a comenzar a escribir unos tutoriales sobre Flash bien básico, ya que tengo la idea de crear una mini librería de tutoriales en mi Blog. En este caso voy a empezar con un clásico que es el efecto RollOver. Para generar un botón con RollOver en un sitio o proyecto de Flash lo mejor es no usar un Botón. Esto suena bastante raro pero es así, ya que el objeto botón dentro de Flash esta mucho mas limitado que un MovieClip. Obviamente que se puede lograr un buen efecto con un objeto Botón, pero en este caso usaremos un MovieClip ya que es mas cómodo y fácil en cierto punto. Bien voy a mostrarles dos formas de hacerlo, una con animación de entrada y salida, y otra con animación de entrada únicamente que será utilizada como animación de salida en reversa. Con animación de entrada y salida: Lo primero es crear un nuevo MovieClip que llamaremos en este ejemplo “boton” (muy creativo lo mió). Dentro de este MC crearemos una animación que hará el botón cuando pasemos el Mouse por arriba y pegada a esa animación la animación que hará cuando saquemos el Mouse de arriba (animación de salida). Puede ser cualquier cosa, un cuadrado moviéndose o cambiando de color. En este caso se moverá y cambiara de color. La línea de tiempo queda algo así. En la capa que llamé “as” hay 5 KeyFrames muy simples. Los que tiene la marca de la “a” simplemente tiene una acción ...]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal">Voy a comenzar a escribir unos tutoriales sobre Flash bien básico, ya que tengo la idea de crear una mini librería de tutoriales en mi Blog. En este caso voy a empezar con un clásico que es el efecto RollOver.<br />
Para generar un botón con RollOver en un sitio o proyecto de Flash lo mejor es no usar un Botón. Esto suena bastante raro pero es así, ya que el objeto botón dentro de Flash esta mucho mas limitado que un MovieClip.<br />
Obviamente que se puede lograr un buen efecto con un objeto Botón, pero en este caso usaremos un MovieClip ya que es mas cómodo y fácil en cierto punto.</p>
<p>
<object width="460" height="80">
<param name="movie" value="http://www.decabeza.net/wp-content/uploads/2007/11/rolloverbasico2.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="transparent"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="460" height="80" src="http://www.decabeza.net/wp-content/uploads/2007/11/rolloverbasico2.swf" quality="high" bgcolor="#FFFFFF" wmode="transparent" menu="false" ></embed>
</object>
</p>
<p><span id="more-24"></span></p>
<p class="MsoNormal">
<p class="MsoNormal">Bien voy a mostrarles dos formas de hacerlo, una con animación de entrada y salida, y otra con animación de entrada únicamente que será utilizada como animación de salida en reversa.</p>
<p class="MsoNormal"><strong>Con animación de entrada y salida:</strong><br />
Lo primero es crear un nuevo MovieClip que llamaremos en este ejemplo “boton” (muy creativo lo mió).</p>
<p class="MsoNormal"><img id="image12" alt="paso1" src="http://www.decabeza.net/wp-content/uploads/2007/11/img1.jpg" /></p>
<p class="MsoNormal">Dentro de este MC crearemos una animación que hará el botón cuando pasemos el Mouse por arriba y pegada a esa animación la animación que hará cuando saquemos el Mouse de arriba (animación de salida).<br />
Puede ser cualquier cosa, un cuadrado moviéndose o cambiando de color. En este caso se moverá y cambiara de color.</p>
<p class="MsoNormal">La línea de tiempo queda algo así.</p>
<p class="MsoNormal"><span style="text-decoration: none"><img id="image13" alt="img2.jpg" src="http://www.decabeza.net/wp-content/uploads/2007/11/img2.jpg" /><br />
</span></p>
<p class="MsoNormal">En la capa que llamé “as” hay 5 KeyFrames muy simples. Los que tiene la marca de la “a” simplemente tiene una acción de stop(); para que el cabezal se detenga ahí.</p>
<p class="MsoNormal">Los otros dos KeyFrames son etiquetas para indicarle a donde tiene que ir el cabezal con cada evento del usuario.</p>
<p class="MsoNormal">Una vez hecha la animación de entrada y salida lo que hacemos es tirar el botón de la librería al escenario y con el mismo seleccionado le ponemos como nombre de instancia “boton_mc”.</p>
<p><span style="text-decoration: none"> <img id="image14" alt="img3.jpg" src="http://www.decabeza.net/wp-content/uploads/2007/11/img3.jpg" /><br />
</span></p>
<p class="MsoNormal">En la línea de tiempo creamos una nueva capa a la que llamaremos “as”, por ActionScript como hicimos dentro del MC del botón.</p>
<p class="MsoNormal">En esa capa escribiremos nuestro código que dirá algo así:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p24code13'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2413"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code" id="p24code13"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> roll<span style="color: #66cc66;">&#40;</span>target_mc<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
   target_mc.<span style="color: #0066CC;">onRollOver</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
      <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndPlay</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;in&quot;</span><span style="color: #66cc66;">&#41;</span>;
   <span style="color: #66cc66;">&#125;</span>
   target_mc.<span style="color: #0066CC;">onRollOut</span> = target_mc.<span style="color: #0066CC;">onReleaseOutside</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
      <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndPlay</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;out&quot;</span><span style="color: #66cc66;">&#41;</span>;
   <span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">//</span>
roll<span style="color: #66cc66;">&#40;</span>boton_mc<span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>Bien, pasemos a explicar este código.<br />
Primero lo que hacemos es crear una función que se llama “roll”, a la cual le pasamos como parámetro una variable que será el nombre del MC al cual le aplicaremos el efecto de RollOver.</p>
<p class="MsoNormal">Dentro de esta función estamos manejando dos eventos, aunque en realidad son tres.</p>
<p class="MsoNormal">El primero es onRollOver. Este evento lo que hace es que cuando el Mouse este arriba de nuestro MovieClip le de Play a la línea de tiempo del MC pasado como parámetro desde el KeyFrame llamado “in”.<br />
El segundo evento es onRollOut, que hace que la línea de tiempo del mismo MC haga Play desde “out”.<br />
Se puede ver que esta evento está igualado al evento onReleaseOutside para que haga lo mismo. Este evento reacciona cuando soltamos el botón del Mouse con el puntero fuera del área del MC.</p>
<p class="MsoNormal">Por fuera de la estructura de la función vemos que hay una linea que llama a la función pasandole como parámetro el nombre de nuestro MC que era “boton_mc”. De esta forma este MC adoptara los evento para si mismo.</p>
<p>Para probar pueden tirar otro MC de la librería y ponerlo al lado del otro y ponerle como nombre de instancia “boton2_mc” y en el codigo debajo de todo agregar otra llamada a la función pero con el nombre de este nuevo MC.</p>
<p class="MsoNormal">El código quedaría así<span lang="EN-GB">:</span></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p24code14'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2414"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
</pre></td><td class="code" id="p24code14"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> roll<span style="color: #66cc66;">&#40;</span>target_mc<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
   target_mc.<span style="color: #0066CC;">onRollOver</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
      <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndPlay</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;in&quot;</span><span style="color: #66cc66;">&#41;</span>;
   <span style="color: #66cc66;">&#125;</span>
   target_mc.<span style="color: #0066CC;">onRollOut</span> = target_mc.<span style="color: #0066CC;">onReleaseOutside</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
      <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndPlay</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;out&quot;</span><span style="color: #66cc66;">&#41;</span>;
   <span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">//</span>
roll<span style="color: #66cc66;">&#40;</span>boton_mc<span style="color: #66cc66;">&#41;</span>;
roll<span style="color: #66cc66;">&#40;</span>boton2_mc<span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p class="MsoNormal">
<p class="MsoNormal">De esta manera tiene dos botones con la misma programación sin repetir líneas de código.<br />
Ahora veremos la otra forma que es mi preferida</p>
<p class="MsoNormal"><strong>Con animación de entrada y vuelta del puntero</strong><br />
Bueno este ejemplo es muy similar al anterior. Así que creamos un nuevo MovieClip llamado “boton”.<br />
En este MC usaremos la misma animación que el anterior ejemplo pero sin animación de salida, así que nuestra línea de tiempo quedará algo así.</p>
<p class="MsoNormal">
<p class="MsoNormal">
<p class="MsoNormal"><v:shape id="_x0000_i1028" type="#_x0000_t75"  style='width:315.75pt;height:88.5pt'>  <v:imagedata xsrc="file:///C:\DOCUME~1\SEBAST~1\CONFIG~1\Temp\msohtml1\03\clip_image004.jpg" mce_src="file:///C:\DOCUME~1\SEBAST~1\CONFIG~1\Temp\msohtml1\03\clip_image004.jpg"                                                          o:title="img4"/> </v:shape><img id="image15" alt="img4.jpg" src="http://www.decabeza.net/wp-content/uploads/2007/11/img4.jpg" /></p>
<p class="MsoNormal"><span style="text-decoration: none" /></p>
<p class="MsoNormal">
<p class="MsoNormal"><span style="text-decoration: none"> </span></p>
<p>Muy bien, tiramos el MC en el escenario. Le ponemos nombre el nombre de instancia “boton_mc” como hicimos antes y creamos la capa llamada “as” donde escribiremos el siguiente código:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p24code15'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2415"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td class="code" id="p24code15"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> roll<span style="color: #66cc66;">&#40;</span>target_mc<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
   target_mc.<span style="color: #0066CC;">onRollOver</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
      <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
         <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">nextFrame</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
      <span style="color: #66cc66;">&#125;</span>
   <span style="color: #66cc66;">&#125;</span>
   target_mc.<span style="color: #0066CC;">onRollOut</span> = target_mc.<span style="color: #0066CC;">onReleaseOutside</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
      <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
         <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">prevFrame</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
      <span style="color: #66cc66;">&#125;</span>
   <span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">//</span>
roll<span style="color: #66cc66;">&#40;</span>boton_mc<span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p class="MsoNormal">Como vemos el código es muy parecido al ejemplo anterior, lo único que cambia es lo que hace con cada evento del usuario.<br />
En el caso de onRollOver genera un enterFrame que hace que el cabezal avance un frame. Cuando llega al final de la línea de tiempo del MC “boton_mc” se detiene.<br />
Y en el caso del onRollOut y onReleaseOutside lo que hace es lo mismo pero en vez de pasar al siguiente frame vuelve al anterior.</p>
<p class="MsoNormal">
<p class="MsoNormal">Si probamos la película vemos que ya anda perfectamente. Pero hay un error que para muchos puede resultar exagerado pero para mi es fundamental.<br />
Como vemos en el código estamos generando un enterFrame. Esto hace que flash este constantemente haciendo esa acción sin parar.</p>
<p class="MsoNormal">
<p class="MsoNormal">
<p>En el caso de un solo enterFrame no hay problema, ya que no va a saturar la aplicación haciendo que se vea lento todo. Pero si es una aplicación con vario botones y además usamos otros enterFrames para otras cosas ahí si se complicaría un poco.<br />
Por eso yo siempre que pueda “matar” los enterFrames lo hago. O sea, eliminarlos de la memoria, y así dejan de hacer la acción asignada al mismo.<br />
Para hacer esto volvemos a la línea de tiempo de nuestro botón y en el primer y ultimo KeyFrame de nuestra animación ponemos el siguiente código:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p24code16'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2416"><td class="line_numbers"><pre>1
2
</pre></td><td class="code" id="p24code16"><pre class="actionscript" style="font-family:monospace;"><span style="color: #0066CC;">stop</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">null</span>;</pre></td></tr></table></div>

<p class="MsoNormal">Con esto paramos el enterFrame liberado memoria y haciendo mas veloz y prolija nuestra aplicación.<br />
Pueden probar también de agregar otro botón y al igual que en el otro ejemplo escribir la llamada a la función con el nombre del nuevo MC.<br />
De más esta decir que de esta forma pueden poner toda la cantidad de botones que quieran.</p>
<p class="MsoNormal">
<p class="MsoNormal">Para terminar con este tutorial voy a explicarles brevemente para que caso vamos a usar cada uno de estos métodos de RollOver.</p>
<p class="MsoNormal">
<p class="MsoNormal"><strong>Con animación de entrada y salida:</strong> este método suelo utilizarlo cuando las animaciones de entrada y salida son distintas. Por lo tanto no me serviría hacer que vuelva la animación marcha atrás.</p>
<p class="MsoNormal">
<p class="MsoNormal"><strong>Con animación de entrada y vuelta del puntero: </strong>ese método<strong> </strong>suelo usarlo cuando la animación de entrada es idéntica a la de salida pero en reverso. Como los ejemplos de este tutorial.<br />
Otra ventaja que tiene este método es que si la animaciones usadas son muy largas al sacar el Mouse de arriba del botón la animación vuelve desde el punto al que llego.<br />
En cambio con el otro método el puntero salta a la etiqueta “out” produciendo un salto en la animación.</p>
<p class="MsoNormal">
<p class="MsoNormal">Bueno espero les haya servido y lo usen según sus necesidades, Saludos!</p>
<p class="MsoNormal"><a id="p17" href="http://www.decabeza.net/wp-content/uploads/2007/11/rollover.zip">Archivos del ejemplo</a></p>
<p class="MsoNormal">


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Dos+m%C3%A9todos+para+el+efecto+de+RollOver&amp;link=http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/&amp;notes=Voy%20a%20comenzar%20a%20escribir%20unos%20tutoriales%20sobre%20Flash%20bien%20b%C3%A1sico%2C%20ya%20que%20tengo%20la%20idea%20de%20crear%20una%20mini%20librer%C3%ADa%20de%20tutoriales%20en%20mi%20Blog.%20En%20este%20caso%20voy%20a%20empezar%20con%20un%20cl%C3%A1sico%20que%20es%20el%20efecto%20RollOver.%0D%0APara%20generar%20un%20bot%C3%B3n%20con%20RollOver%20en%20un%20sitio%20o%20proyecto%20de%20Flash%20lo%20mejor%20es%20no%20usa&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Dos+m%C3%A9todos+para+el+efecto+de+RollOver&amp;link=http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/&amp;notes=Voy%20a%20comenzar%20a%20escribir%20unos%20tutoriales%20sobre%20Flash%20bien%20b%C3%A1sico%2C%20ya%20que%20tengo%20la%20idea%20de%20crear%20una%20mini%20librer%C3%ADa%20de%20tutoriales%20en%20mi%20Blog.%20En%20este%20caso%20voy%20a%20empezar%20con%20un%20cl%C3%A1sico%20que%20es%20el%20efecto%20RollOver.%0D%0APara%20generar%20un%20bot%C3%B3n%20con%20RollOver%20en%20un%20sitio%20o%20proyecto%20de%20Flash%20lo%20mejor%20es%20no%20usa&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Dos+m%C3%A9todos+para+el+efecto+de+RollOver&amp;link=http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/&amp;notes=Voy%20a%20comenzar%20a%20escribir%20unos%20tutoriales%20sobre%20Flash%20bien%20b%C3%A1sico%2C%20ya%20que%20tengo%20la%20idea%20de%20crear%20una%20mini%20librer%C3%ADa%20de%20tutoriales%20en%20mi%20Blog.%20En%20este%20caso%20voy%20a%20empezar%20con%20un%20cl%C3%A1sico%20que%20es%20el%20efecto%20RollOver.%0D%0APara%20generar%20un%20bot%C3%B3n%20con%20RollOver%20en%20un%20sitio%20o%20proyecto%20de%20Flash%20lo%20mejor%20es%20no%20usa&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=Dos+m%C3%A9todos+para+el+efecto+de+RollOver&amp;link=http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/&amp;notes=Voy%20a%20comenzar%20a%20escribir%20unos%20tutoriales%20sobre%20Flash%20bien%20b%C3%A1sico%2C%20ya%20que%20tengo%20la%20idea%20de%20crear%20una%20mini%20librer%C3%ADa%20de%20tutoriales%20en%20mi%20Blog.%20En%20este%20caso%20voy%20a%20empezar%20con%20un%20cl%C3%A1sico%20que%20es%20el%20efecto%20RollOver.%0D%0APara%20generar%20un%20bot%C3%B3n%20con%20RollOver%20en%20un%20sitio%20o%20proyecto%20de%20Flash%20lo%20mejor%20es%20no%20usa&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Dos+m%C3%A9todos+para+el+efecto+de+RollOver&amp;link=http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/&amp;notes=Voy%20a%20comenzar%20a%20escribir%20unos%20tutoriales%20sobre%20Flash%20bien%20b%C3%A1sico%2C%20ya%20que%20tengo%20la%20idea%20de%20crear%20una%20mini%20librer%C3%ADa%20de%20tutoriales%20en%20mi%20Blog.%20En%20este%20caso%20voy%20a%20empezar%20con%20un%20cl%C3%A1sico%20que%20es%20el%20efecto%20RollOver.%0D%0APara%20generar%20un%20bot%C3%B3n%20con%20RollOver%20en%20un%20sitio%20o%20proyecto%20de%20Flash%20lo%20mejor%20es%20no%20usa&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=Dos+m%C3%A9todos+para+el+efecto+de+RollOver&amp;link=http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/&amp;notes=Voy%20a%20comenzar%20a%20escribir%20unos%20tutoriales%20sobre%20Flash%20bien%20b%C3%A1sico%2C%20ya%20que%20tengo%20la%20idea%20de%20crear%20una%20mini%20librer%C3%ADa%20de%20tutoriales%20en%20mi%20Blog.%20En%20este%20caso%20voy%20a%20empezar%20con%20un%20cl%C3%A1sico%20que%20es%20el%20efecto%20RollOver.%0D%0APara%20generar%20un%20bot%C3%B3n%20con%20RollOver%20en%20un%20sitio%20o%20proyecto%20de%20Flash%20lo%20mejor%20es%20no%20usa&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=Dos+m%C3%A9todos+para+el+efecto+de+RollOver&amp;link=http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/&amp;notes=Voy%20a%20comenzar%20a%20escribir%20unos%20tutoriales%20sobre%20Flash%20bien%20b%C3%A1sico%2C%20ya%20que%20tengo%20la%20idea%20de%20crear%20una%20mini%20librer%C3%ADa%20de%20tutoriales%20en%20mi%20Blog.%20En%20este%20caso%20voy%20a%20empezar%20con%20un%20cl%C3%A1sico%20que%20es%20el%20efecto%20RollOver.%0D%0APara%20generar%20un%20bot%C3%B3n%20con%20RollOver%20en%20un%20sitio%20o%20proyecto%20de%20Flash%20lo%20mejor%20es%20no%20usa&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=Dos%20m%C3%A9todos%20para%20el%20efecto%20de%20RollOver&amp;link=http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/&amp;notes=Voy%20a%20comenzar%20a%20escribir%20unos%20tutoriales%20sobre%20Flash%20bien%20b%C3%A1sico%2C%20ya%20que%20tengo%20la%20idea%20de%20crear%20una%20mini%20librer%C3%ADa%20de%20tutoriales%20en%20mi%20Blog.%20En%20este%20caso%20voy%20a%20empezar%20con%20un%20cl%C3%A1sico%20que%20es%20el%20efecto%20RollOver.%0D%0APara%20generar%20un%20bot%C3%B3n%20con%20RollOver%20en%20un%20sitio%20o%20proyecto%20de%20Flash%20lo%20mejor%20es%20no%20usa&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=Dos+m%C3%A9todos+para+el+efecto+de+RollOver&amp;link=http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/&amp;notes=Voy%20a%20comenzar%20a%20escribir%20unos%20tutoriales%20sobre%20Flash%20bien%20b%C3%A1sico%2C%20ya%20que%20tengo%20la%20idea%20de%20crear%20una%20mini%20librer%C3%ADa%20de%20tutoriales%20en%20mi%20Blog.%20En%20este%20caso%20voy%20a%20empezar%20con%20un%20cl%C3%A1sico%20que%20es%20el%20efecto%20RollOver.%0D%0APara%20generar%20un%20bot%C3%B3n%20con%20RollOver%20en%20un%20sitio%20o%20proyecto%20de%20Flash%20lo%20mejor%20es%20no%20usa&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2006/11/17/dos-metodos-para-el-efecto-de-rollover/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Panel Pixelar (PixelPanel)</title>
		<link>http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/</link>
		<comments>http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/#comments</comments>
		<pubDate>Wed, 04 Oct 2006 22:49:08 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Tutoriales escritos]]></category>
		<category><![CDATA[ActionScript2]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/index.php/2006/10/04/panel-pixelar-pixelpanel/</guid>
		<description><![CDATA[Hace mucho no escribo nada de nada, pero estuve con poco tiempo :S asi que pido perdón! El otro día armando un banner me surgió la necesidad de crear esta pequeña clase. Lo que hace es a traves de algunos arrays de ceros y unos dibuja en una tabla elementos encendidos o apagados. Para que se entienda mejor veamos un ejemplo: La idea es simple, creamos una clase llamada PixelPanel, la cual recibe como parametros 4 cosas: table: es un array multiple con 0 y 1. El cero indica q ese cuadrado no se vea, y el uno indica que si se vea. link: es el nombre(linkeaje) del MovieClip que usaremos como &#8220;pixel&#8221;. separacion: es la distancia entre los MovieClip que usamos en pixeles. duracion: el tiempo que tarda en generar la imagen en segundos. Acá va la Clase entera, para que la vean, es muy simple: Clase PixelPanel: ?Ver código ACTIONSCRIPT1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 class PixelPanel extends MovieClip &#123; // var duracion:Number; var link:String; var tabla:Array; var separacion:Number; var j:Number; public function PixelPanel&#40;&#41; &#123; this.j = 0; &#125; private function depth&#40;&#41;:Number &#123; return ...]]></description>
			<content:encoded><![CDATA[<p>Hace mucho no escribo nada de nada, pero estuve con poco tiempo :S asi que pido perdón!<br />
El otro día armando un banner me surgió la necesidad de crear esta pequeña clase. Lo que hace es a traves de algunos arrays de ceros y unos dibuja en una tabla elementos encendidos o apagados.<br />
Para que se entienda mejor veamos un ejemplo:</p>
<p>
<object width="300" height="80">
<param name="movie" value="http://www.decabeza.net/wp-content/uploads/2007/11/pixelpanel.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="transparent"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="300" height="80" src="http://www.decabeza.net/wp-content/uploads/2007/11/pixelpanel.swf" quality="high" bgcolor="#FFFFFF" wmode="transparent" menu="false" ></embed>
</object>
</p>
<p><span id="more-26"></span>La idea es simple, creamos una clase llamada PixelPanel, la cual recibe como parametros  4 cosas:<br />
table: es un array multiple con 0 y 1. El cero indica q ese cuadrado no se vea, y el uno indica que si se vea.<br />
link: es el nombre(linkeaje) del MovieClip que usaremos como &#8220;pixel&#8221;.<br />
separacion: es la distancia entre los MovieClip que usamos en pixeles.<br />
duracion: el tiempo que tarda en generar la imagen en segundos.</p>
<p>Acá va la Clase entera, para que la vean, es muy simple:</p>
<p><strong>Clase PixelPanel:</strong></p>
<p>
<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p26code19'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2619"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
</pre></td><td class="code" id="p26code19"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">class</span> PixelPanel <span style="color: #0066CC;">extends</span> <span style="color: #0066CC;">MovieClip</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">//</span>
	<span style="color: #000000; font-weight: bold;">var</span> duracion:<span style="color: #0066CC;">Number</span>;
	<span style="color: #000000; font-weight: bold;">var</span> link:<span style="color: #0066CC;">String</span>;
	<span style="color: #000000; font-weight: bold;">var</span> tabla:<span style="color: #0066CC;">Array</span>;
	<span style="color: #000000; font-weight: bold;">var</span> separacion:<span style="color: #0066CC;">Number</span>;
	<span style="color: #000000; font-weight: bold;">var</span> j:<span style="color: #0066CC;">Number</span>;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> PixelPanel<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">j</span> = <span style="color: #cc66cc;">0</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> depth<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Number</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">return</span> j++;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #808080; font-style: italic;">//</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> init<span style="color: #66cc66;">&#40;</span>_tabla:<span style="color: #0066CC;">Array</span>, _link:<span style="color: #0066CC;">String</span>, _separacion:<span style="color: #0066CC;">Number</span>, _duracion:<span style="color: #0066CC;">Number</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">duracion</span> = _duracion<span style="color: #66cc66;">*</span><span style="color: #cc66cc;">1000</span>;
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">link</span> = _link;
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">tabla</span> = _tabla;
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">separacion</span> = _separacion;
		<span style="color: #808080; font-style: italic;">//</span>
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i<span style="color: #66cc66;">&lt;</span>tabla.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> u:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; u<span style="color: #66cc66;">&lt;</span>tabla<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">length</span>; u++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				<span style="color: #000000; font-weight: bold;">var</span> tmp:<span style="color: #0066CC;">MovieClip</span> = <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">attachMovie</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>.<span style="color: #006600;">link</span>, <span style="color: #ff0000;">&quot;item_&quot;</span>+i+<span style="color: #ff0000;">&quot;_&quot;</span>+u, depth<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
				tmp.<span style="color: #0066CC;">_x</span> = <span style="color: #66cc66;">&#40;</span>tmp.<span style="color: #0066CC;">_width</span>+separacion<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">*</span>u;
				tmp.<span style="color: #0066CC;">_y</span> = <span style="color: #66cc66;">&#40;</span>tmp.<span style="color: #0066CC;">_height</span>+separacion<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">*</span>i;
				tmp.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;off&quot;</span><span style="color: #66cc66;">&#41;</span>;
				tmp.<span style="color: #006600;">estado</span> = <span style="color: #0066CC;">this</span>.<span style="color: #006600;">tabla</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#91;</span>u<span style="color: #66cc66;">&#93;</span>;
				tmp.<span style="color: #006600;">tiempo</span> = <span style="color: #0066CC;">getTimer</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
				tmp.<span style="color: #006600;">duracion</span> = <span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>.<span style="color: #006600;">duracion</span><span style="color: #66cc66;">&#41;</span>;
				tmp.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
					<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">getTimer</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>-<span style="color: #0066CC;">this</span>.<span style="color: #006600;">tiempo</span><span style="color: #66cc66;">&gt;</span>=<span style="color: #0066CC;">this</span>.<span style="color: #006600;">duracion</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
						<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>.<span style="color: #006600;">estado</span> == <span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
							<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;on&quot;</span><span style="color: #66cc66;">&#41;</span>;
						<span style="color: #66cc66;">&#125;</span>
						<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">null</span>;
					<span style="color: #66cc66;">&#125;</span>
				<span style="color: #66cc66;">&#125;</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> cambio<span style="color: #66cc66;">&#40;</span>_tabla:<span style="color: #0066CC;">Array</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">tabla</span> = _tabla;
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i<span style="color: #66cc66;">&lt;</span>tabla.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> u:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; u<span style="color: #66cc66;">&lt;</span>tabla<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">length</span>; u++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				<span style="color: #000000; font-weight: bold;">var</span> tmp:<span style="color: #0066CC;">MovieClip</span> = <span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;item_&quot;</span>+i+<span style="color: #ff0000;">&quot;_&quot;</span>+u<span style="color: #66cc66;">&#93;</span>;
				tmp.<span style="color: #006600;">estado</span> = <span style="color: #0066CC;">this</span>.<span style="color: #006600;">tabla</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#91;</span>u<span style="color: #66cc66;">&#93;</span>;
				tmp.<span style="color: #006600;">tiempo</span> = <span style="color: #0066CC;">getTimer</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
				tmp.<span style="color: #006600;">duracion</span> = <span style="color: #0066CC;">random</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>.<span style="color: #006600;">duracion</span><span style="color: #66cc66;">&#41;</span>;
				tmp.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
					<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">getTimer</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>-<span style="color: #0066CC;">this</span>.<span style="color: #006600;">tiempo</span><span style="color: #66cc66;">&gt;</span>=<span style="color: #0066CC;">this</span>.<span style="color: #006600;">duracion</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
						<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>.<span style="color: #006600;">estado</span> == <span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
							<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;on&quot;</span><span style="color: #66cc66;">&#41;</span>;
						<span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span>
							<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;off&quot;</span><span style="color: #66cc66;">&#41;</span>;
						<span style="color: #66cc66;">&#125;</span>
						<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">null</span>;
					<span style="color: #66cc66;">&#125;</span>
				<span style="color: #66cc66;">&#125;</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> off<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i<span style="color: #66cc66;">&lt;</span>this.<span style="color: #006600;">tabla</span>.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> u:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; u<span style="color: #66cc66;">&lt;</span>this.<span style="color: #006600;">tabla</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">length</span>; u++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				<span style="color: #000000; font-weight: bold;">var</span> tmp:<span style="color: #0066CC;">MovieClip</span> = <span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;item_&quot;</span>+i+<span style="color: #ff0000;">&quot;_&quot;</span>+u<span style="color: #66cc66;">&#93;</span>;
				tmp.<span style="color: #0066CC;">gotoAndStop</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;off&quot;</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

</p>
<p>Expliquemos un poco la clase.<br />
Tenemos tres metodos. El primero se llama <em>init </em>y lo que hace es crear la grilla o tabla duplicando los MovieClips y ubicando su linea de tiempo (la del MC) en la etiqueta &#8220;off&#8221;, por lo que no se vera nada.</p>
<p>Dentro del tiempo que le pasamos como parametro de duración empezarán a aprecer los movie ubicando la linea de tiempo de los mismos en la etiqueta &#8220;on&#8221;, donde puede haber una animación como es el caso de ejemplo donde hay una pequeña animación del cuadradito.</p>
<p>Otro de los metodo se llama <em>cambio </em>y se le pasa un único parametro, que es un array con la nueva imagen que queremos generar.<br />
Con este metodo podemos llamarlo varias veces con un <em>setInterval </em>para que cada x tiempo cambie de imagen (como en el ejemplo).</p>
<p>Acá les dejo las lineas de cogido y los <em>array </em>que use para este ejemplo, así se termina de entender como funsiona la clase.</p>
<p>
<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p26code20'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2620"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
</pre></td><td class="code" id="p26code20"><pre class="actionscript" style="font-family:monospace;">array1 = <span style="color: #66cc66;">&#91;</span> <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span> <span style="color: #66cc66;">&#93;</span>;
&nbsp;
array2 = <span style="color: #66cc66;">&#91;</span> <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span> <span style="color: #66cc66;">&#93;</span>;
&nbsp;
array3 = <span style="color: #66cc66;">&#91;</span> <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#93;</span> <span style="color: #66cc66;">&#93;</span>;
&nbsp;
array4 = <span style="color: #66cc66;">&#91;</span> <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span>,
         <span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span> <span style="color: #66cc66;">&#93;</span>;
<span style="color: #808080; font-style: italic;">/**/</span>
&nbsp;
animacion_mc.<span style="color: #006600;">init</span><span style="color: #66cc66;">&#40;</span>array1, <span style="color: #ff0000;">&quot;item_mc&quot;</span>, <span style="color: #cc66cc;">2</span>, <span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #0066CC;">setInterval</span><span style="color: #66cc66;">&#40;</span>proxima, <span style="color: #cc66cc;">3000</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
i = <span style="color: #cc66cc;">1</span>;
<span style="color: #000000; font-weight: bold;">function</span> proxima<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
	<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span>i == <span style="color: #cc66cc;">4</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>
		i = <span style="color: #cc66cc;">1</span>;
	<span style="color: #66cc66;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #66cc66;">&#123;</span>
		i++;
	<span style="color: #66cc66;">&#125;</span>
	animacion_mc.<span style="color: #006600;">cambio</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">eval</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;array&quot;</span>+i<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

</p>
<p>Espero se entienda y les haya gustado el efecto. A continuación la descarga del ejemplo.</p>
<p><a href="http://www.decabeza.net/wp-content/uploads/2007/11/pixelpanel.zip">Archivos del ejemplo</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Panel+Pixelar+%28PixelPanel%29&amp;link=http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/&amp;notes=Hace%20mucho%20no%20escribo%20nada%20de%20nada%2C%20pero%20estuve%20con%20poco%20tiempo%20%3AS%20asi%20que%20pido%20perd%C3%B3n%21%0D%0AEl%20otro%20d%C3%ADa%20armando%20un%20banner%20me%20surgi%C3%B3%20la%20necesidad%20de%20crear%20esta%20peque%C3%B1a%20clase.%20Lo%20que%20hace%20es%20a%20traves%20de%20algunos%20arrays%20de%20ceros%20y%20unos%20dibuja%20en%20una%20tabla%20elementos%20encendidos%20o%20apagados.%0D%0APara%20que%20se%20e&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Panel+Pixelar+%28PixelPanel%29&amp;link=http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/&amp;notes=Hace%20mucho%20no%20escribo%20nada%20de%20nada%2C%20pero%20estuve%20con%20poco%20tiempo%20%3AS%20asi%20que%20pido%20perd%C3%B3n%21%0D%0AEl%20otro%20d%C3%ADa%20armando%20un%20banner%20me%20surgi%C3%B3%20la%20necesidad%20de%20crear%20esta%20peque%C3%B1a%20clase.%20Lo%20que%20hace%20es%20a%20traves%20de%20algunos%20arrays%20de%20ceros%20y%20unos%20dibuja%20en%20una%20tabla%20elementos%20encendidos%20o%20apagados.%0D%0APara%20que%20se%20e&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Panel+Pixelar+%28PixelPanel%29&amp;link=http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/&amp;notes=Hace%20mucho%20no%20escribo%20nada%20de%20nada%2C%20pero%20estuve%20con%20poco%20tiempo%20%3AS%20asi%20que%20pido%20perd%C3%B3n%21%0D%0AEl%20otro%20d%C3%ADa%20armando%20un%20banner%20me%20surgi%C3%B3%20la%20necesidad%20de%20crear%20esta%20peque%C3%B1a%20clase.%20Lo%20que%20hace%20es%20a%20traves%20de%20algunos%20arrays%20de%20ceros%20y%20unos%20dibuja%20en%20una%20tabla%20elementos%20encendidos%20o%20apagados.%0D%0APara%20que%20se%20e&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=Panel+Pixelar+%28PixelPanel%29&amp;link=http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/&amp;notes=Hace%20mucho%20no%20escribo%20nada%20de%20nada%2C%20pero%20estuve%20con%20poco%20tiempo%20%3AS%20asi%20que%20pido%20perd%C3%B3n%21%0D%0AEl%20otro%20d%C3%ADa%20armando%20un%20banner%20me%20surgi%C3%B3%20la%20necesidad%20de%20crear%20esta%20peque%C3%B1a%20clase.%20Lo%20que%20hace%20es%20a%20traves%20de%20algunos%20arrays%20de%20ceros%20y%20unos%20dibuja%20en%20una%20tabla%20elementos%20encendidos%20o%20apagados.%0D%0APara%20que%20se%20e&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Panel+Pixelar+%28PixelPanel%29&amp;link=http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/&amp;notes=Hace%20mucho%20no%20escribo%20nada%20de%20nada%2C%20pero%20estuve%20con%20poco%20tiempo%20%3AS%20asi%20que%20pido%20perd%C3%B3n%21%0D%0AEl%20otro%20d%C3%ADa%20armando%20un%20banner%20me%20surgi%C3%B3%20la%20necesidad%20de%20crear%20esta%20peque%C3%B1a%20clase.%20Lo%20que%20hace%20es%20a%20traves%20de%20algunos%20arrays%20de%20ceros%20y%20unos%20dibuja%20en%20una%20tabla%20elementos%20encendidos%20o%20apagados.%0D%0APara%20que%20se%20e&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=Panel+Pixelar+%28PixelPanel%29&amp;link=http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/&amp;notes=Hace%20mucho%20no%20escribo%20nada%20de%20nada%2C%20pero%20estuve%20con%20poco%20tiempo%20%3AS%20asi%20que%20pido%20perd%C3%B3n%21%0D%0AEl%20otro%20d%C3%ADa%20armando%20un%20banner%20me%20surgi%C3%B3%20la%20necesidad%20de%20crear%20esta%20peque%C3%B1a%20clase.%20Lo%20que%20hace%20es%20a%20traves%20de%20algunos%20arrays%20de%20ceros%20y%20unos%20dibuja%20en%20una%20tabla%20elementos%20encendidos%20o%20apagados.%0D%0APara%20que%20se%20e&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=Panel+Pixelar+%28PixelPanel%29&amp;link=http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/&amp;notes=Hace%20mucho%20no%20escribo%20nada%20de%20nada%2C%20pero%20estuve%20con%20poco%20tiempo%20%3AS%20asi%20que%20pido%20perd%C3%B3n%21%0D%0AEl%20otro%20d%C3%ADa%20armando%20un%20banner%20me%20surgi%C3%B3%20la%20necesidad%20de%20crear%20esta%20peque%C3%B1a%20clase.%20Lo%20que%20hace%20es%20a%20traves%20de%20algunos%20arrays%20de%20ceros%20y%20unos%20dibuja%20en%20una%20tabla%20elementos%20encendidos%20o%20apagados.%0D%0APara%20que%20se%20e&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=Panel%20Pixelar%20%28PixelPanel%29&amp;link=http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/&amp;notes=Hace%20mucho%20no%20escribo%20nada%20de%20nada%2C%20pero%20estuve%20con%20poco%20tiempo%20%3AS%20asi%20que%20pido%20perd%C3%B3n%21%0D%0AEl%20otro%20d%C3%ADa%20armando%20un%20banner%20me%20surgi%C3%B3%20la%20necesidad%20de%20crear%20esta%20peque%C3%B1a%20clase.%20Lo%20que%20hace%20es%20a%20traves%20de%20algunos%20arrays%20de%20ceros%20y%20unos%20dibuja%20en%20una%20tabla%20elementos%20encendidos%20o%20apagados.%0D%0APara%20que%20se%20e&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=Panel+Pixelar+%28PixelPanel%29&amp;link=http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/&amp;notes=Hace%20mucho%20no%20escribo%20nada%20de%20nada%2C%20pero%20estuve%20con%20poco%20tiempo%20%3AS%20asi%20que%20pido%20perd%C3%B3n%21%0D%0AEl%20otro%20d%C3%ADa%20armando%20un%20banner%20me%20surgi%C3%B3%20la%20necesidad%20de%20crear%20esta%20peque%C3%B1a%20clase.%20Lo%20que%20hace%20es%20a%20traves%20de%20algunos%20arrays%20de%20ceros%20y%20unos%20dibuja%20en%20una%20tabla%20elementos%20encendidos%20o%20apagados.%0D%0APara%20que%20se%20e&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2006/10/04/panel-pixelar-pixelpanel/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Efecto de profundidad con Clases</title>
		<link>http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/</link>
		<comments>http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/#comments</comments>
		<pubDate>Mon, 10 Jul 2006 00:37:19 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Tutoriales escritos]]></category>
		<category><![CDATA[ActionScript2]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/index.php/2007/11/20/efecto-de-profundidad-con-clases/</guid>
		<description><![CDATA[Este tutorial conciste en armar una Clase para poder darle un efecto de profundidad o moviemiento a nuestros sitios. Un ejemplo claro de lo que me refiero es este estupendo sitio www.dedededo.com.ar. La idea es tener varios niveles de profundidad en nuestra película de flash separados por MovieClips y que según la posición del mouse esos niveles se muevan teniendo en cuenta su profundidad Para empezar veamos como esta armada la clase: Clase Profundidad.as ?Ver código ACTIONSCRIPT1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 class Profundidad extends MovieClip &#123; //Propiedades var yProf:Number; var xProf:Number; var easy:Number; var objetos_arr:Array; &#160; //Constructor public function Profundidad&#40;&#41; &#123; //creamos el array q contiene los MC a mover objetos_arr = &#91;&#93;; &#125; &#160; //Metodos public function ini&#40;_objetos_arr:Array, _xProf:Number, _yProf:Number, _easy:Number&#41;:Void &#123; this.yProf = _yProf; //profundida en Y (menor valor mayor profundidad) this.xProf = _xProf; //profundida en X (menor valor mayor profundidad) this.easy = _easy; //valor del efecto easy (menor valor mayor lentitud) this.objetos_arr = _objetos_arr; //Array con los nombres de los MovieClips PosActuales&#40;&#41;; // Funsion ...]]></description>
			<content:encoded><![CDATA[<p>Este tutorial conciste en armar una Clase para poder darle un efecto de profundidad o moviemiento a nuestros sitios.<br />
Un ejemplo claro de lo que me refiero es este estupendo sitio <a title="Dedededo.com.ar" target="_blank" href="http://www.dedededo.com.ar">www.dedededo.com.ar</a>.<br />
La idea es tener varios niveles de profundidad en nuestra película de flash separados por MovieClips y que según la posición del mouse esos niveles se muevan teniendo en cuenta su profundidad</p>
<p>
<object width="300" height="200">
<param name="movie" value="http://www.decabeza.net/wp-content/uploads/2007/11/profundidad.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="transparent"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="300" height="200" src="http://www.decabeza.net/wp-content/uploads/2007/11/profundidad.swf" quality="high" bgcolor="#FFFFFF" wmode="transparent" menu="false" ></embed>
</object>
</p>
<p><span id="more-31"></span>Para empezar veamos como esta armada la clase:<br />
<strong><br />
Clase Profundidad.as</strong></p>
<p>
<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p31code23'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3123"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
</pre></td><td class="code" id="p31code23"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">class</span> Profundidad <span style="color: #0066CC;">extends</span> <span style="color: #0066CC;">MovieClip</span>
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">//Propiedades</span>
	<span style="color: #000000; font-weight: bold;">var</span> yProf:<span style="color: #0066CC;">Number</span>;
	<span style="color: #000000; font-weight: bold;">var</span> xProf:<span style="color: #0066CC;">Number</span>;
	<span style="color: #000000; font-weight: bold;">var</span> easy:<span style="color: #0066CC;">Number</span>;
	<span style="color: #000000; font-weight: bold;">var</span> objetos_arr:<span style="color: #0066CC;">Array</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">//Constructor</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Profundidad<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">//creamos el array q contiene los MC a mover</span>
		objetos_arr = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#93;</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #808080; font-style: italic;">//Metodos</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> ini<span style="color: #66cc66;">&#40;</span>_objetos_arr:<span style="color: #0066CC;">Array</span>, _xProf:<span style="color: #0066CC;">Number</span>, _yProf:<span style="color: #0066CC;">Number</span>, _easy:<span style="color: #0066CC;">Number</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">yProf</span> = _yProf; <span style="color: #808080; font-style: italic;">//profundida en Y (menor valor mayor profundidad)</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">xProf</span> = _xProf; <span style="color: #808080; font-style: italic;">//profundida en X (menor valor mayor profundidad)</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">easy</span> = _easy; <span style="color: #808080; font-style: italic;">//valor del efecto easy (menor valor mayor lentitud)</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">objetos_arr</span> = _objetos_arr; <span style="color: #808080; font-style: italic;">//Array con los nombres de los MovieClips</span>
		PosActuales<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// Funsion interna q guarda las posiciones iniciales de los MC</span>
&nbsp;
		<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i<span style="color: #66cc66;">&lt;</span>objetos_arr.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span>
				<span style="color: #66cc66;">&#123;</span>
					<span style="color: #000000; font-weight: bold;">var</span> obj:<span style="color: #0066CC;">Object</span> = objetos_arr<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>; <span style="color: #808080; font-style: italic;">//MC a mover</span>
					<span style="color: #000000; font-weight: bold;">var</span> mov:<span style="color: #0066CC;">Number</span> = i+<span style="color: #cc66cc;">1</span>; <span style="color: #808080; font-style: italic;">// valor de movimiento y profundidad</span>
					<span style="color: #808080; font-style: italic;">//movimiento en X</span>
					obj.<span style="color: #006600;">xPos</span> = <span style="color: #66cc66;">&#40;</span>_xmouse-<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">Stage</span>.<span style="color: #0066CC;">width</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">*</span>mov<span style="color: #66cc66;">/</span><span style="color: #cc66cc;">3</span>; <span style="color: #808080; font-style: italic;">//destino del MC</span>
					obj.<span style="color: #006600;">xvel</span> = easy<span style="color: #66cc66;">/</span>mov; <span style="color: #808080; font-style: italic;">// velocidad del easy segun la profundidad</span>
					obj.<span style="color: #006600;">xdest</span> = obj<span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;xPosNivIni_&quot;</span>+i<span style="color: #66cc66;">&#93;</span> - obj.<span style="color: #006600;">xPos</span><span style="color: #66cc66;">/</span>xProf; <span style="color: #808080; font-style: italic;">//destino del MC segun profundidad</span>
					obj.<span style="color: #0066CC;">_x</span> += <span style="color: #66cc66;">&#40;</span>obj.<span style="color: #006600;">xdest</span>-obj.<span style="color: #0066CC;">_x</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">/</span>obj.<span style="color: #006600;">xvel</span>; <span style="color: #808080; font-style: italic;">//calculo de movimiento del MC con easy</span>
					<span style="color: #808080; font-style: italic;">//movimiento en Y, igual al del X</span>
					obj.<span style="color: #006600;">yPos</span> = <span style="color: #66cc66;">&#40;</span>_ymouse-<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">Stage</span>.<span style="color: #0066CC;">height</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">*</span>mov<span style="color: #66cc66;">/</span><span style="color: #cc66cc;">3</span>;
					obj.<span style="color: #006600;">yvel</span> = easy<span style="color: #66cc66;">/</span>mov;
					obj.<span style="color: #006600;">ydest</span> = obj<span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;yPosNivIni_&quot;</span>+i<span style="color: #66cc66;">&#93;</span>-obj.<span style="color: #006600;">yPos</span><span style="color: #66cc66;">/</span>yProf;
					obj.<span style="color: #0066CC;">_y</span> += <span style="color: #66cc66;">&#40;</span>obj.<span style="color: #006600;">ydest</span>-obj.<span style="color: #0066CC;">_y</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">/</span>obj.<span style="color: #006600;">yvel</span>;
				<span style="color: #66cc66;">&#125;</span>
			<span style="color: #66cc66;">&#125;</span>;
&nbsp;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> PosActuales<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">//recorre todos los MC y guarda las posiciones iniciales de c/us</span>
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i<span style="color: #66cc66;">&lt;</span>objetos_arr.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				objetos_arr<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;xPosNivIni_&quot;</span>+i<span style="color: #66cc66;">&#93;</span> = objetos_arr<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">_x</span>;
				objetos_arr<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#91;</span><span style="color: #ff0000;">&quot;yPosNivIni_&quot;</span>+i<span style="color: #66cc66;">&#93;</span> = objetos_arr<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #0066CC;">_y</span>;
			<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #808080; font-style: italic;">//Setters y Getters</span>
&nbsp;
	<span style="color: #808080; font-style: italic;">//cambiamos la profundidad en X</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> _xProf<span style="color: #66cc66;">&#40;</span>num:<span style="color: #0066CC;">Number</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">xProf</span> = num;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">get</span> _xProf<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Number</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">return</span> <span style="color: #0066CC;">this</span>.<span style="color: #006600;">xProf</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #808080; font-style: italic;">//cambiamos la profundidad en Y</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> _yProf<span style="color: #66cc66;">&#40;</span>num:<span style="color: #0066CC;">Number</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">yProf</span> = num;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">get</span> _yProf<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Number</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">return</span> <span style="color: #0066CC;">this</span>.<span style="color: #006600;">yProf</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #808080; font-style: italic;">//cambiamos el valor de velocidad del easy</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> _easy<span style="color: #66cc66;">&#40;</span>num:<span style="color: #0066CC;">Number</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">easy</span> = num;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">get</span> _easy<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Number</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">return</span> <span style="color: #0066CC;">this</span>.<span style="color: #006600;">easy</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>Esta Clase cuenta con una metodo llamado <em>ini() </em>que se encarga de crear el efecto. A este metodo hay que pasarle 4 parametros los cuales son: <em>_objetos_arr, _xProf, _yProf , _easy</em>.<strong>_objetos_arr:</strong> Es un array simple que contendra la ruta de los distintos MovieClips que seran cada nivel ( no se si entiende ). Importante destacar que el orden que tengan en el array será el orden de profundidad.<br />
<strong>_xProf: </strong>Es un valor numerico que indica la cantidad de movimiento o profundidad que tendra en el eje X. Mientras más chico el valor más movimiento tendra en ese eje.<br />
<strong>_yProf: </strong>Lo mismo que el parametro anterior pero en el eje Y.<br />
<strong>_easy:</strong> Valor numerico que indica la velocidad del efecto de easy. Tambien mientras más chico el valor, más rapido sera el mivimiento.Cada parametro, menos _objetos_arr, pose un metodo setter y getter para poder cambiarlo en cualquier momento y variar el efecto.<br />
La explicación detallada de lo que hace cada parte de la clase se puede ver en los comentarios de la misma.</p>
<p>Una vez que tenemos la Clase armada hay q usarla. Para eso abrimos un documento nuevo de Flash y creamos un MovieClip que contendra los demas MovieClips (o niveles). Y le ponemos un nombre de instancia ( en este ejemplo &#8220;todo_mc&#8221; &#8230; muy creativo lo mio).<br />
Vamos a la Libreria de Flash y le asignamos en las propiedades de este MC, la Clase Profundidad (que debe estar en la misma carpeta que el .fla, o cambiar la ruta predeterminada que usa Flash para buscar las Clases).<br />
Luego ingresamos a ese MC y creamos tantos MC como querramos teniendo en cuenta que cada uno será un nivel distinto.<br />
A cada MC le ponemos un nombre de instancia ( en este caso &#8220;nivel1&#8243;, &#8220;nivel2&#8243;, ect) y los ponemos uno en cada Layer por un tema de prolijidad.</p>
<p>Volvemos a la linea de tiempo principal donde está el MC &#8220;todo_mc&#8221; y en un keyframe escribimos lo siguiente:</p>
<p>
<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p31code24'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3124"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code" id="p31code24"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">var</span> objetos_arr:<span style="color: #0066CC;">Array</span> = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#93;</span>;
objetos_arr.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span>todo_mc.<span style="color: #006600;">nivel1</span><span style="color: #66cc66;">&#41;</span>;
objetos_arr.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span>todo_mc.<span style="color: #006600;">nivel2</span><span style="color: #66cc66;">&#41;</span>;
objetos_arr.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span>todo_mc.<span style="color: #006600;">nivel3</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">//static function ini(_objetos_arr:Array, _xProf:Number, _yProf:Number, _easy:Number)</span>
&nbsp;
todo_mc.<span style="color: #006600;">ini</span><span style="color: #66cc66;">&#40;</span>objetos_arr,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">50</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

</p>
<p>Claramente generamos un Array con las rutas de cada MC que hará de nievel y ejecutamos el metodo <em>ini()</em> de la Clase con los parametros que querramos o necesitemos usar.</p>
<p>Le damos al famos y tan querido Ctrl + Enter y si hicimos todo bien deberia verse algo como el ejemplo que les dejo a continuación!.</p>
<p>Acá les dejo el ejemplo y los archivos del tutorial&#8230;.</p>
<p><a title="Ejemplo Profundidad" href="http://www.decabeza.net/wp-content/uploads/2007/11/profundidad.zip">Archivos del tutorial</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Efecto+de+profundidad+con+Clases&amp;link=http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/&amp;notes=Este%20tutorial%20conciste%20en%20armar%20una%20Clase%20para%20poder%20darle%20un%20efecto%20de%20profundidad%20o%20moviemiento%20a%20nuestros%20sitios.%0D%0AUn%20ejemplo%20claro%20de%20lo%20que%20me%20refiero%20es%20este%20estupendo%20sitio%20www.dedededo.com.ar.%0D%0ALa%20idea%20es%20tener%20varios%20niveles%20de%20profundidad%20en%20nuestra%20pel%C3%ADcula%20de%20flash%20separados%20por%20MovieCl&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Efecto+de+profundidad+con+Clases&amp;link=http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/&amp;notes=Este%20tutorial%20conciste%20en%20armar%20una%20Clase%20para%20poder%20darle%20un%20efecto%20de%20profundidad%20o%20moviemiento%20a%20nuestros%20sitios.%0D%0AUn%20ejemplo%20claro%20de%20lo%20que%20me%20refiero%20es%20este%20estupendo%20sitio%20www.dedededo.com.ar.%0D%0ALa%20idea%20es%20tener%20varios%20niveles%20de%20profundidad%20en%20nuestra%20pel%C3%ADcula%20de%20flash%20separados%20por%20MovieCl&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Efecto+de+profundidad+con+Clases&amp;link=http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/&amp;notes=Este%20tutorial%20conciste%20en%20armar%20una%20Clase%20para%20poder%20darle%20un%20efecto%20de%20profundidad%20o%20moviemiento%20a%20nuestros%20sitios.%0D%0AUn%20ejemplo%20claro%20de%20lo%20que%20me%20refiero%20es%20este%20estupendo%20sitio%20www.dedededo.com.ar.%0D%0ALa%20idea%20es%20tener%20varios%20niveles%20de%20profundidad%20en%20nuestra%20pel%C3%ADcula%20de%20flash%20separados%20por%20MovieCl&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=Efecto+de+profundidad+con+Clases&amp;link=http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/&amp;notes=Este%20tutorial%20conciste%20en%20armar%20una%20Clase%20para%20poder%20darle%20un%20efecto%20de%20profundidad%20o%20moviemiento%20a%20nuestros%20sitios.%0D%0AUn%20ejemplo%20claro%20de%20lo%20que%20me%20refiero%20es%20este%20estupendo%20sitio%20www.dedededo.com.ar.%0D%0ALa%20idea%20es%20tener%20varios%20niveles%20de%20profundidad%20en%20nuestra%20pel%C3%ADcula%20de%20flash%20separados%20por%20MovieCl&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Efecto+de+profundidad+con+Clases&amp;link=http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/&amp;notes=Este%20tutorial%20conciste%20en%20armar%20una%20Clase%20para%20poder%20darle%20un%20efecto%20de%20profundidad%20o%20moviemiento%20a%20nuestros%20sitios.%0D%0AUn%20ejemplo%20claro%20de%20lo%20que%20me%20refiero%20es%20este%20estupendo%20sitio%20www.dedededo.com.ar.%0D%0ALa%20idea%20es%20tener%20varios%20niveles%20de%20profundidad%20en%20nuestra%20pel%C3%ADcula%20de%20flash%20separados%20por%20MovieCl&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=Efecto+de+profundidad+con+Clases&amp;link=http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/&amp;notes=Este%20tutorial%20conciste%20en%20armar%20una%20Clase%20para%20poder%20darle%20un%20efecto%20de%20profundidad%20o%20moviemiento%20a%20nuestros%20sitios.%0D%0AUn%20ejemplo%20claro%20de%20lo%20que%20me%20refiero%20es%20este%20estupendo%20sitio%20www.dedededo.com.ar.%0D%0ALa%20idea%20es%20tener%20varios%20niveles%20de%20profundidad%20en%20nuestra%20pel%C3%ADcula%20de%20flash%20separados%20por%20MovieCl&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=Efecto+de+profundidad+con+Clases&amp;link=http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/&amp;notes=Este%20tutorial%20conciste%20en%20armar%20una%20Clase%20para%20poder%20darle%20un%20efecto%20de%20profundidad%20o%20moviemiento%20a%20nuestros%20sitios.%0D%0AUn%20ejemplo%20claro%20de%20lo%20que%20me%20refiero%20es%20este%20estupendo%20sitio%20www.dedededo.com.ar.%0D%0ALa%20idea%20es%20tener%20varios%20niveles%20de%20profundidad%20en%20nuestra%20pel%C3%ADcula%20de%20flash%20separados%20por%20MovieCl&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=Efecto%20de%20profundidad%20con%20Clases&amp;link=http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/&amp;notes=Este%20tutorial%20conciste%20en%20armar%20una%20Clase%20para%20poder%20darle%20un%20efecto%20de%20profundidad%20o%20moviemiento%20a%20nuestros%20sitios.%0D%0AUn%20ejemplo%20claro%20de%20lo%20que%20me%20refiero%20es%20este%20estupendo%20sitio%20www.dedededo.com.ar.%0D%0ALa%20idea%20es%20tener%20varios%20niveles%20de%20profundidad%20en%20nuestra%20pel%C3%ADcula%20de%20flash%20separados%20por%20MovieCl&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=Efecto+de+profundidad+con+Clases&amp;link=http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/&amp;notes=Este%20tutorial%20conciste%20en%20armar%20una%20Clase%20para%20poder%20darle%20un%20efecto%20de%20profundidad%20o%20moviemiento%20a%20nuestros%20sitios.%0D%0AUn%20ejemplo%20claro%20de%20lo%20que%20me%20refiero%20es%20este%20estupendo%20sitio%20www.dedededo.com.ar.%0D%0ALa%20idea%20es%20tener%20varios%20niveles%20de%20profundidad%20en%20nuestra%20pel%C3%ADcula%20de%20flash%20separados%20por%20MovieCl&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2006/07/09/efecto-de-profundidad-con-clases/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Menú dinámico con Clases</title>
		<link>http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/</link>
		<comments>http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/#comments</comments>
		<pubDate>Sat, 11 Mar 2006 23:47:23 +0000</pubDate>
		<dc:creator>sguidobono</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Tutoriales escritos]]></category>
		<category><![CDATA[ActionScript2]]></category>

		<guid isPermaLink="false">http://www.decabeza.net/index.php/2007/11/20/menu-dinamico-con-clases/</guid>
		<description><![CDATA[Luego de unas semanas de no escribír nada, decidí comenzar con una serie de tutoriales sobre Clases. En este caso se me ocurrió armar un menú o lista dinámica el cual usa dos clases, una para los botones y otra para la lista. Mi idea era poder crear un menu rapidamente en flash pudiendo indicarle si queremos que sea horizontal, vertical o que tenga varias columnas. (como en el caso de mi &#8220;minifolio&#8221; donde las miniaturas de mis trabajos estan en varias columnas). Clase Boton: ?Ver código ACTIONSCRIPT1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 /* La funcion boton asigna los eventos de rollover y rollout automaticamente y tiene los metodos para habilitaro deshabilitar al boton. Ademas tenemos la opcion de darle al boton un estado de seleccioando */ class Boton extends MovieClip &#123; // Primero definimos las variables que usaremos dentro de la clase public function click&#40;&#41; &#123; &#125; // generamos una funcion click que sera un metodo donde asignaremos la accion del boton ...]]></description>
			<content:encoded><![CDATA[<p>Luego de unas semanas de no escribír nada, decidí comenzar con una serie de tutoriales sobre Clases.<br />
En este caso se me ocurrió armar un menú o lista dinámica el cual usa dos clases, una para los botones y otra para la lista.<br />
Mi idea era poder crear un menu rapidamente en flash pudiendo indicarle si queremos que sea horizontal, vertical o que tenga varias columnas. (como en el caso de mi &#8220;minifolio&#8221; donde las miniaturas de mis trabajos estan en varias columnas).</p>
<p>
<object width="300" height="300">
<param name="movie" value="http://www.decabeza.net/wp-content/uploads/2007/11/menu-dinamico.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="transparent"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#FFFFFF"></param>
<param name="allowScriptAccess" value="always"></param>
<embed type="application/x-shockwave-flash" width="300" height="300" src="http://www.decabeza.net/wp-content/uploads/2007/11/menu-dinamico.swf" quality="high" bgcolor="#FFFFFF" wmode="transparent" menu="false" ></embed>
</object>
</p>
<p><span id="more-36"></span><br />
Clase Boton:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p36code28'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3628"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
</pre></td><td class="code" id="p36code28"><pre class="actionscript" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/*
La funcion boton asigna los eventos de rollover y rollout automaticamente
y tiene los metodos para habilitaro deshabilitar al boton. Ademas tenemos la opcion de darle al boton un estado de seleccioando
*/</span>
<span style="color: #000000; font-weight: bold;">class</span> Boton <span style="color: #0066CC;">extends</span> <span style="color: #0066CC;">MovieClip</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">// Primero definimos las variables que usaremos dentro de la clase</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> click<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #808080; font-style: italic;">// generamos una funcion click que sera un metodo donde asignaremos la accion del boton</span>
	<span style="color: #000000; font-weight: bold;">var</span> press:<span style="color: #0066CC;">Boolean</span>;
	<span style="color: #808080; font-style: italic;">// variable booleana que define si el boton tiene o no un estado seleccionado</span>
	<span style="color: #000000; font-weight: bold;">var</span> pos:<span style="color: #0066CC;">Number</span>;
	<span style="color: #808080; font-style: italic;">// variable donde guardaremos la posicion dentro de la lista que tiene el boton</span>
	<span style="color: #808080; font-style: italic;">/*
	funcion constructora de la clase. En esta funcion asignamos los eventos del boton
	*/</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Boton<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">//en onPress asignamos la funcion click que dira que hacer y en en caso de tener estado seleccionado vamos al mismo y deshabilitamos el boton</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onPress</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #006600;">click</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>.<span style="color: #006600;">press</span> == <span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				<span style="color: #0066CC;">this</span>.<span style="color: #006600;">presionado</span><span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span>;
				<span style="color: #000000; font-weight: bold;">_global</span>.<span style="color: #006600;">seleccionado</span>.<span style="color: #006600;">presionado</span><span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">false</span><span style="color: #66cc66;">&#41;</span>;
				<span style="color: #000000; font-weight: bold;">_global</span>.<span style="color: #006600;">seleccionado</span> = <span style="color: #0066CC;">this</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>;
		<span style="color: #808080; font-style: italic;">// en onRollOver dirigimos el cabezal del boton al frame llamado &quot;over&quot; para generar el efecto</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onRollOver</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndPlay</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;over&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>;
		<span style="color: #808080; font-style: italic;">// en onRollOut dirigimos el cabezal del boton al frame llamado &quot;out&quot; para generar el efecto</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onRollOut</span> = <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onReleaseOutside</span>=<span style="color: #000000; font-weight: bold;">function</span> <span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndPlay</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;out&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #808080; font-style: italic;">/*
	METODOS:
	esta es una function privada que lleva a cabo el efecto del boton al ser seleccionado y al dejar de estarlo
	*/</span>
	<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> presionado<span style="color: #66cc66;">&#40;</span>estado:<span style="color: #0066CC;">Boolean</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>estado == <span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndPlay</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;press&quot;</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">enabled</span> = <span style="color: #000000; font-weight: bold;">false</span>;
		<span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">enabled</span> = <span style="color: #000000; font-weight: bold;">true</span>;
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndPlay</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;pressout&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #808080; font-style: italic;">/*
	SETTERS Y GETTERS:
	habilitado es un metodo set y get que habilita y deshabilita segun su valor booleano al boton, con un efecto de alpha sobre el boton
	*/</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> _habilitado<span style="color: #66cc66;">&#40;</span>estado:<span style="color: #0066CC;">Boolean</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Void</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>estado == <span style="color: #000000; font-weight: bold;">false</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">gotoAndPlay</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;out&quot;</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>._alpha<span style="color: #66cc66;">&gt;</span><span style="color: #cc66cc;">50</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
					<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">_alpha</span> -= <span style="color: #cc66cc;">5</span>;
				<span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span>
					<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">null</span>;
					<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">enabled</span> = estado;
				<span style="color: #66cc66;">&#125;</span>
			<span style="color: #66cc66;">&#125;</span>;
		<span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>estado == <span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>._alpha<span style="color: #66cc66;">&lt;</span><span style="color: #cc66cc;">100</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
					<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">_alpha</span> += <span style="color: #cc66cc;">5</span>;
				<span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span>
					<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">onEnterFrame</span> = <span style="color: #000000; font-weight: bold;">null</span>;
					<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">enabled</span> = estado;
				<span style="color: #66cc66;">&#125;</span>
			<span style="color: #66cc66;">&#125;</span>;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">get</span> _habilitado<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Boolean</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">return</span> <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">enabled</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #808080; font-style: italic;">// metodos set y get de _press que asigana si el boton tiene estado de seleccionado o no</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> _press<span style="color: #66cc66;">&#40;</span>estado:<span style="color: #0066CC;">Boolean</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">press</span> = estado;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">get</span> _press<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Boolean</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">return</span> <span style="color: #0066CC;">this</span>.<span style="color: #006600;">press</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #808080; font-style: italic;">// metodos set y get de _pos que nos guarda y asigna la posicion en la lista del boton</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> _pos<span style="color: #66cc66;">&#40;</span>valor:<span style="color: #0066CC;">Number</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">pos</span> = valor;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">get</span> _pos<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Number</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">return</span> <span style="color: #0066CC;">this</span>.<span style="color: #006600;">pos</span>;
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">// fin clase Boton</span></pre></td></tr></table></div>

</p>
<p>Clase Lista:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p36code29'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3629"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
</pre></td><td class="code" id="p36code29"><pre class="actionscript" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/*
Esta clase se encargara de crear una nueva lista, tomando de la libreria un boton
modelo y duplicandolo, dando la opcion de poder pasarle un numero de columnas o si
los botones tendras la funcion presionado.
*/</span>
<span style="color: #000000; font-weight: bold;">class</span> Lista <span style="color: #0066CC;">extends</span> <span style="color: #0066CC;">MovieClip</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">// Primero definimos las variables que usaremos dentro de la clase</span>
	<span style="color: #000000; font-weight: bold;">var</span> datos:<span style="color: #0066CC;">Array</span>;
	<span style="color: #808080; font-style: italic;">//array que contendra los datos de los botones, como nombre, accion, etc</span>
	<span style="color: #000000; font-weight: bold;">var</span> linkage:<span style="color: #0066CC;">String</span>;
	<span style="color: #808080; font-style: italic;">//el nombre del linkeage que tendra el boton en la libreria</span>
	<span style="color: #000000; font-weight: bold;">var</span> columnas:<span style="color: #0066CC;">Number</span>;
	<span style="color: #808080; font-style: italic;">//cantidad de columnas en la que se mostraran los botones</span>
	<span style="color: #000000; font-weight: bold;">var</span> sep:<span style="color: #0066CC;">Number</span>;
	<span style="color: #808080; font-style: italic;">//separacion en pixeles entre los botones</span>
	<span style="color: #000000; font-weight: bold;">var</span> press:<span style="color: #0066CC;">Boolean</span>;
	<span style="color: #808080; font-style: italic;">//variable booleana que define si los botones tienen estado presionado o no</span>
	<span style="color: #808080; font-style: italic;">/*
	funcion constructora de la clase, en este caso no tiene nada
	*/</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Lista<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #808080; font-style: italic;">/*
	METODOS:
	la funcion &quot;crear&quot; crea, como su nombre lo dice, el listado de botones.
	pasamos los parametros necesarios, explicados arriba
	*/</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> crear<span style="color: #66cc66;">&#40;</span>p_datos:<span style="color: #0066CC;">Array</span>, p_linkage:<span style="color: #0066CC;">String</span>, p_columnas:<span style="color: #0066CC;">Number</span>, p_sep:<span style="color: #0066CC;">Number</span>, p_press:<span style="color: #0066CC;">Boolean</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">_visible</span> = <span style="color: #000000; font-weight: bold;">true</span>;
		<span style="color: #808080; font-style: italic;">// hacemos visible la lista</span>
		<span style="color: #808080; font-style: italic;">// variable para acomodar el boton en X e Y segun el numero de columnas</span>
		<span style="color: #000000; font-weight: bold;">var</span> x:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>;
		<span style="color: #000000; font-weight: bold;">var</span> y:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>;
		<span style="color: #808080; font-style: italic;">// asignamos los parametros a las variables de la clase</span>
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">datos</span> = p_datos;
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">linkage</span> = p_linkage;
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">sep</span> = p_sep;
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">columnas</span> = p_columnas;
		<span style="color: #0066CC;">this</span>.<span style="color: #006600;">press</span> = p_press;
		<span style="color: #808080; font-style: italic;">// bucle for que genera la lista de botones duplicandolos</span>
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>; i<span style="color: #66cc66;">&lt;</span>datos.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #000000; font-weight: bold;">var</span> item:<span style="color: #0066CC;">MovieClip</span> = <span style="color: #0066CC;">this</span>.<span style="color: #0066CC;">attachMovie</span><span style="color: #66cc66;">&#40;</span>linkage, <span style="color: #ff0000;">&quot;item&quot;</span>+i, i<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #808080; font-style: italic;">//genera una variable item donde guardamos la referencia al nuevo boton</span>
			<span style="color: #808080; font-style: italic;">//lo posicionamos en X e Y</span>
			item.<span style="color: #0066CC;">_x</span> = <span style="color: #66cc66;">&#40;</span>item.<span style="color: #0066CC;">_width</span>+sep<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">*</span>x;
			item.<span style="color: #0066CC;">_y</span> = <span style="color: #66cc66;">&#40;</span>item.<span style="color: #0066CC;">_height</span>+sep<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">*</span>y;
			item._press = press;
			<span style="color: #808080; font-style: italic;">//asiganmos el valor pasado como press al metodo press de la clase Boton</span>
			item._pos = i;
			<span style="color: #808080; font-style: italic;">//guardamos la posicion del boton para acciones futuras</span>
			<span style="color: #000000; font-weight: bold;">var</span> ruta:<span style="color: #0066CC;">Object</span> = <span style="color: #0066CC;">this</span>;
			<span style="color: #808080; font-style: italic;">// asignamos a la variable &quot;ruta&quot; la referencia de la clase para usarla dentro de otros metodos y no perder su referencia</span>
			<span style="color: #808080; font-style: italic;">//le asignamos una accion al metodo click creado en la clase Boton (o sea lo que va a hacer el boton)</span>
			item.<span style="color: #006600;">click</span> = <span style="color: #000000; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span>ruta.<span style="color: #006600;">datos</span><span style="color: #66cc66;">&#91;</span><span style="color: #0066CC;">this</span>._pos<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">dato</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>;
			item.<span style="color: #006600;">label_txt</span>.<span style="color: #0066CC;">text</span> = datos<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">label</span>;
			<span style="color: #808080; font-style: italic;">// ponemos el texto del boton en el campo de texto dinamico que el mismo tiene</span>
			x++;
			<span style="color: #808080; font-style: italic;">//aumentamos el valor de &quot;x&quot; para generar columnas</span>
			<span style="color: #808080; font-style: italic;">// si &quot;x&quot; es igual a columnas vuelve a 0 y aumenta &quot;y&quot; para bajar a la siguiente fila</span>
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>x == columnas<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
				x = <span style="color: #cc66cc;">0</span>;
				y++;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">//fin de clase Lista</span></pre></td></tr></table></div>

</p>
<p>Lo que debemos hacer una vez creadas las clases es armar un MovieClip en Flash que será nuestro botón. Dentro de él tenemos que hacer la animación del efecto over y out con sus respectivas etiquetas en los frames.<br />
Este MC debe estar en la libreria con un linkage el cual utilizaremos para agregar el boton al menú. Además debemos asignarle la Clase &#8220;Boton&#8221;.<br />
Para la lista creamos un MC vacio en escenario al cual le asiganmos la Clase &#8220;Lista&#8221; y le ponemos el nombre de instancia que querramos (en este ejemplo &#8220;lista_mc&#8221;).</p>
<p>Una vez hecho esto en el primer frame de nuestra película escribimos en siguiente código:</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p36code30'); return false;">Ver código</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3630"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code" id="p36code30"><pre class="actionscript" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/*
La idea seria que los datos vengan de un base de datos o un XML y los bolquemos en un array
en este caso cree un array cualquier para que vean como funciona el menú
la propiedad &quot;label&quot; que pueden ver sería en texto que aparecera en el boton, si es que dentro del MC del boton hay un Textfild dinamico con el nombre &quot;label_txt&quot;.
y la propiedad datos es un texto que muestra la hacer click en el boton en un trace
*/</span>
listado =<span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#93;</span>
listado.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#123;</span>label:“nombre <span style="color: #cc66cc;">1</span>″, dato:“dato a mostrar <span style="color: #cc66cc;">1</span>″<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>
listado.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#123;</span>label:“nombre <span style="color: #cc66cc;">2</span>″, dato:“dato a mostrar <span style="color: #cc66cc;">2</span>″<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>
listado.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#123;</span>label:“nombre <span style="color: #cc66cc;">3</span>″, dato:“dato a mostrar <span style="color: #cc66cc;">3</span>″<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>
listado.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#123;</span>label:“nombre <span style="color: #cc66cc;">4</span>″, dato:“dato a mostrar <span style="color: #cc66cc;">4</span>″<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>
listado.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#123;</span>label:“nombre <span style="color: #cc66cc;">5</span>″, dato:“dato a mostrar <span style="color: #cc66cc;">5</span>″<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>
listado.<span style="color: #0066CC;">push</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#123;</span>label:“nombre <span style="color: #cc66cc;">6</span>″, dato:“dato a mostrar <span style="color: #cc66cc;">6</span>″<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #808080; font-style: italic;">//</span>
<span style="color: #808080; font-style: italic;">/*
el metodo que llamamos de la clase lista se llama &quot;crear&quot;. Obviamente este metodo crea el menu y le pasamos los siguientes parametros:
1: el array que contiene todos nuestros datos
2: el linkage del boton en la libreria
3: cantidad de columnas
0: menu horizontal
1: menu vertical
2 o +: cantidad de columnas
4: separacion en pixeles entre los botones
5: true si tenemos el estado press en el boton
*/</span>
lista_mc.<span style="color: #006600;">crear</span><span style="color: #66cc66;">&#40;</span>listado, “boton”, <span style="color: #cc66cc;">2</span>, <span style="color: #cc66cc;">10</span>, <span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

</p>
<p>Espero les sirva y lo usen y dejen sus comentarios sobre este experimento</p>
<p><a target="blank" href="http://www.decabeza.net/wp-content/uploads/2007/11/menu-dinamico.zip">Archivos del tutorial</a><a /></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Men%C3%BA+din%C3%A1mico+con+Clases&amp;link=http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/&amp;notes=Luego%20de%20unas%20semanas%20de%20no%20escrib%C3%ADr%20nada%2C%20decid%C3%AD%20comenzar%20con%20una%20serie%20de%20tutoriales%20sobre%20Clases.%0D%0AEn%20este%20caso%20se%20me%20ocurri%C3%B3%20armar%20un%20men%C3%BA%20o%20lista%20din%C3%A1mica%20el%20cual%20usa%20dos%20clases%2C%20una%20para%20los%20botones%20y%20otra%20para%20la%20lista.%0D%0AMi%20idea%20era%20poder%20crear%20un%20menu%20rapidamente%20en%20flash%20pudiendo%20indic&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Men%C3%BA+din%C3%A1mico+con+Clases&amp;link=http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/&amp;notes=Luego%20de%20unas%20semanas%20de%20no%20escrib%C3%ADr%20nada%2C%20decid%C3%AD%20comenzar%20con%20una%20serie%20de%20tutoriales%20sobre%20Clases.%0D%0AEn%20este%20caso%20se%20me%20ocurri%C3%B3%20armar%20un%20men%C3%BA%20o%20lista%20din%C3%A1mica%20el%20cual%20usa%20dos%20clases%2C%20una%20para%20los%20botones%20y%20otra%20para%20la%20lista.%0D%0AMi%20idea%20era%20poder%20crear%20un%20menu%20rapidamente%20en%20flash%20pudiendo%20indic&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%2524%257Btitle%257D%2B-%2B%2524%257Bshort_link%257D%2Bvia%2B%2540Shareaholic&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Men%C3%BA+din%C3%A1mico+con+Clases&amp;link=http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/&amp;notes=Luego%20de%20unas%20semanas%20de%20no%20escrib%C3%ADr%20nada%2C%20decid%C3%AD%20comenzar%20con%20una%20serie%20de%20tutoriales%20sobre%20Clases.%0D%0AEn%20este%20caso%20se%20me%20ocurri%C3%B3%20armar%20un%20men%C3%BA%20o%20lista%20din%C3%A1mica%20el%20cual%20usa%20dos%20clases%2C%20una%20para%20los%20botones%20y%20otra%20para%20la%20lista.%0D%0AMi%20idea%20era%20poder%20crear%20un%20menu%20rapidamente%20en%20flash%20pudiendo%20indic&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=Men%C3%BA+din%C3%A1mico+con+Clases&amp;link=http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/&amp;notes=Luego%20de%20unas%20semanas%20de%20no%20escrib%C3%ADr%20nada%2C%20decid%C3%AD%20comenzar%20con%20una%20serie%20de%20tutoriales%20sobre%20Clases.%0D%0AEn%20este%20caso%20se%20me%20ocurri%C3%B3%20armar%20un%20men%C3%BA%20o%20lista%20din%C3%A1mica%20el%20cual%20usa%20dos%20clases%2C%20una%20para%20los%20botones%20y%20otra%20para%20la%20lista.%0D%0AMi%20idea%20era%20poder%20crear%20un%20menu%20rapidamente%20en%20flash%20pudiendo%20indic&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Men%C3%BA+din%C3%A1mico+con+Clases&amp;link=http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/&amp;notes=Luego%20de%20unas%20semanas%20de%20no%20escrib%C3%ADr%20nada%2C%20decid%C3%AD%20comenzar%20con%20una%20serie%20de%20tutoriales%20sobre%20Clases.%0D%0AEn%20este%20caso%20se%20me%20ocurri%C3%B3%20armar%20un%20men%C3%BA%20o%20lista%20din%C3%A1mica%20el%20cual%20usa%20dos%20clases%2C%20una%20para%20los%20botones%20y%20otra%20para%20la%20lista.%0D%0AMi%20idea%20era%20poder%20crear%20un%20menu%20rapidamente%20en%20flash%20pudiendo%20indic&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://www.shareaholic.com/api/share/?title=Men%C3%BA+din%C3%A1mico+con+Clases&amp;link=http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/&amp;notes=Luego%20de%20unas%20semanas%20de%20no%20escrib%C3%ADr%20nada%2C%20decid%C3%AD%20comenzar%20con%20una%20serie%20de%20tutoriales%20sobre%20Clases.%0D%0AEn%20este%20caso%20se%20me%20ocurri%C3%B3%20armar%20un%20men%C3%BA%20o%20lista%20din%C3%A1mica%20el%20cual%20usa%20dos%20clases%2C%20una%20para%20los%20botones%20y%20otra%20para%20la%20lista.%0D%0AMi%20idea%20era%20poder%20crear%20un%20menu%20rapidamente%20en%20flash%20pudiendo%20indic&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=40&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-gmail">
			<a href="http://www.shareaholic.com/api/share/?title=Men%C3%BA+din%C3%A1mico+con+Clases&amp;link=http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/&amp;notes=Luego%20de%20unas%20semanas%20de%20no%20escrib%C3%ADr%20nada%2C%20decid%C3%AD%20comenzar%20con%20una%20serie%20de%20tutoriales%20sobre%20Clases.%0D%0AEn%20este%20caso%20se%20me%20ocurri%C3%B3%20armar%20un%20men%C3%BA%20o%20lista%20din%C3%A1mica%20el%20cual%20usa%20dos%20clases%2C%20una%20para%20los%20botones%20y%20otra%20para%20la%20lista.%0D%0AMi%20idea%20era%20poder%20crear%20un%20menu%20rapidamente%20en%20flash%20pudiendo%20indic&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=52&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this via Gmail">Email this via Gmail</a>
		</li>
		<li class="shr-mail">
			<a href="http://www.shareaholic.com/api/share/?title=Men%C3%BA%20din%C3%A1mico%20con%20Clases&amp;link=http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/&amp;notes=Luego%20de%20unas%20semanas%20de%20no%20escrib%C3%ADr%20nada%2C%20decid%C3%AD%20comenzar%20con%20una%20serie%20de%20tutoriales%20sobre%20Clases.%0D%0AEn%20este%20caso%20se%20me%20ocurri%C3%B3%20armar%20un%20men%C3%BA%20o%20lista%20din%C3%A1mica%20el%20cual%20usa%20dos%20clases%2C%20una%20para%20los%20botones%20y%20otra%20para%20la%20lista.%0D%0AMi%20idea%20era%20poder%20crear%20un%20menu%20rapidamente%20en%20flash%20pudiendo%20indic&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=201&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="shr-printfriendly">
			<a href="http://www.shareaholic.com/api/share/?title=Men%C3%BA+din%C3%A1mico+con+Clases&amp;link=http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/&amp;notes=Luego%20de%20unas%20semanas%20de%20no%20escrib%C3%ADr%20nada%2C%20decid%C3%AD%20comenzar%20con%20una%20serie%20de%20tutoriales%20sobre%20Clases.%0D%0AEn%20este%20caso%20se%20me%20ocurri%C3%B3%20armar%20un%20men%C3%BA%20o%20lista%20din%C3%A1mica%20el%20cual%20usa%20dos%20clases%2C%20una%20para%20los%20botones%20y%20otra%20para%20la%20lista.%0D%0AMi%20idea%20era%20poder%20crear%20un%20menu%20rapidamente%20en%20flash%20pudiendo%20indic&amp;short_link=&amp;shortener=google&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=236&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Send this page to Print Friendly">Send this page to Print Friendly</a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.decabeza.net/2006/03/11/menu-dinamico-con-clases/feed/</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
	</channel>
</rss>

