<?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> &#187; ActionScript</title>
	<atom:link href="http://3k3.com.br/blog/category/actionscript/feed" rel="self" type="application/rss+xml" />
	<link>http://3k3.com.br/blog</link>
	<description></description>
	<lastBuildDate>Wed, 29 Dec 2010 21:34:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Tutorial: Lightbox no Flash (ActionScript 2.0)</title>
		<link>http://3k3.com.br/blog/flash/tutorial-lightbox-no-flash-actionscript-2-0</link>
		<comments>http://3k3.com.br/blog/flash/tutorial-lightbox-no-flash-actionscript-2-0#comments</comments>
		<pubDate>Fri, 20 Nov 2009 17:56:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Lightbox]]></category>
		<category><![CDATA[ActionScript 2.0]]></category>

		<guid isPermaLink="false">http://3k3.com.br/blog/?p=197</guid>
		<description><![CDATA[Neste tutorial explicarei, passo-a-passo, da forma mais didática possível (desculpem aqueles com conhecimento avançado em AS) como utilizar o Lightbox no Flash. Deixo registrado aqui crédito ao Lucas Ferreira que disponibilizou o código inicial, ao qual fiz algumas adaptações. Veja aqui o exemplo que nós criaremos neste tutorial e baixe aqui os arquivos que serão [...]]]></description>
			<content:encoded><![CDATA[<p>Neste tutorial explicarei, passo-a-passo, da forma mais didática possível (desculpem aqueles com conhecimento avançado em AS) como utilizar o Lightbox no Flash. Deixo registrado aqui crédito ao Lucas Ferreira que disponibilizou o  <a href="http://log.lucasferreira.com/2007/03/29/lightbox-flash">código inicial</a>, ao qual fiz algumas adaptações.<br />
<br />
Veja <a href="http://www.3k3.com.br/tutoriais/lightbox" target="_blank"><strong>aqui</strong></a> o exemplo que nós criaremos neste tutorial e baixe <a href="http://www.3k3.com.br/tutoriais/lightbox/lightbox.zip"><strong>aqui</strong></a> os arquivos que serão utilizados.<br />
<br />
<font color="#990000"><strong>1º Passo: Criando o arquivo Flash</strong></font><br />
<br />
Abra o arquivo <em>lightbox.fla</em> localizado dentro da pasta <em>fla</em>.<br />
Veja que no palco, temos nada mais que 6 Movie Clips com os thumbs das fotos, todos devidamente instanciados.<br />
Como já mencionei no início, este é um tutorial didático, logo, os rebuscamentos e animações deixo por conta de vocês, ok?<br />
Cliquem no primeiro frame da camada <em>actions</em> e abram o painel de ações.<br />
No início do código, declarei dois Arrays: <em>fotos_array</em> e <em>legendas_array</em>. No primeiro, iremos colocar o caminho para todas as fotos que queremos ver no Lightbox e, no segundo, suas respectivas legendas. Caso não queira utilizar legendas, basta declarar como um Array vazio.<br />
</p>
<pre class="brush: as3; first-line: 8; gutter: false; highlight: [10,11]; pad-line-numbers: false; title: ; wrap-lines: false;">
var legendas_array:Array = [];
</pre>
<p>
Mais abaixo no código, temos os eventos de <em>onRelease</em> dos MovieClips que, ao serem clicados, invocam a função <em>lightbox</em> passando como parâmetro o índice da foto a ser aberta.<br />
<br />
Bom, agora a parte mais importante do código. A função <em>lightbox</em>.<br />
</p>
<pre class="brush: as3; first-line: 0; gutter: false; pad-line-numbers: false; title: ; wrap-lines: false;">
function lightbox(fotoSelecionada:Number):Void{

	function formata(item_str){ //formata a string e encoda em padrão HTML
		return &quot;'&quot; + escape(item_str) + &quot;'&quot;;
	}

	if(flash.external.ExternalInterface &amp;&amp; flash.external.ExternalInterface.available){ //verifica se exite esta API que permite a comunicação do ActionScript com o JavaScript

		flash.external.ExternalInterface.call(&quot;Lightbox.start&quot;, fotos_array, legendas_array, fotoSelecionada); //chama a função start do JavaScript

	}else{ //caso a API não esteja disponível, os strings são formatados para o encode padrão HTML e a função javaScript é chamada pelo método tradicional

		for(var i=0; i&lt;fotos_array.length; i++) fotos_array[i] = formata(fotos_array[i]);
		for(var i=0; i&lt;legendas_array.length; i++) legendas_array[i] = formata(legendas_array[i]);

		getURL(&quot;javascript:Lightbox.start([&quot; + fotos_array.join(&quot;,&quot;) + &quot;],[&quot; + legendas_array.join(&quot;,&quot;) + &quot;]);void(0);&quot;);

	}
}
</pre>
<p>
Comecemos pelo primeiro if/else, onde verificamos se a API <em>ExternalInterface</em> está disponível, pois através dela faremos a comunicação do nosso código AS com o JavaScript. Caso a combinação do seu Sistema Operacional + Navegador aceite a API, fazemos uma chamada direta através do método <em>call</em> à função <em>start</em> do arquivo JavaScript <em>lightbox.flash.js</em>. Fiz uma adaptação neste arquivo de forma a passar também o índice da foto selecionada como parâmetro para que a foto respectiva seja aberta pelo Lightbox.<br />
Caso seu navegador não tenha suporte à API <em>ExternalInterface</em>, temos que encodar os itens dos Arrays para o padrão HTML através da função <em>scape</em>. Esta função transforma os caracteres especiais para o padrão HTML, em hexadecimal (Ex: <em>flavio@3k3.com.br</em> seria transformado para <em>flavio%403k3%2Ecom%2Ebr</em>). Feito isso, usamos a função <em>getURL</em> normalmente para chamar a função JavaScript.<br />
<br />
Pronto, podemos publicar este arquivo Flash.<br />
Vá em <em>File>Publish Settings</em> e mande publicar o <em>swf</em> e o <em>html</em>.<br />
<br />
<font color="#990000"><strong>2º Passo: Instalando o Lightbox</strong></font><br />
<br />
Na verdade, nenhuma instalação será necessária, basta copiar as pastas <em>css</em>, <em>js</em> e <em>images</em> no diretório como os arquivos <em>swf</em> e <em>html</em> que acabamos de publicar.<br />
Não entrarei em detalhes sobre o funcionamento dos JavaScripts neste tutorial, afinal o foco é ActionScript. Aqueles que quiserem fuçar o mesmo, fiquem à vontade.<br />
<br />
<font color="#990000"><strong>3º Passo: Preparando o HTML</strong></font><br />
<br />
Este passo é muito importante e é onde a maioria das pessoas acabam se perdendo, não conseguindo finalizar corretamente o processo.<br />
Abra o arquivo <em>html</em> que geramos no primeiro passo em um editor.<br />
Dentro do escopo da tag <em>head</em> certifique-se de inserir os códigos abaixo. Atente para os scripts assinalados em amarelo.<br />
<br />
<img src="http://www.3k3.com.br/blog/wp-content/uploads/codigos/lightbox3.png"></img><br />
<br />
Em alguns navegadores, o <em>swf</em> estava sendo escondido pelo Lightbox, o que não dava um efeito visual legal de transparência.<br />
Para evitar isso mude o Window Mode (<em>wmode</em>) para <em>opaque</em>. Veja abaixo:<br />
<br />
<img src="http://www.3k3.com.br/blog/wp-content/uploads/codigos/lightbox4.png"></img><br />
<br />
Tudo pronto!<br />
<br />
Agora, basta publicar os arquivos e ver o resultado! =)<br /></p>
]]></content:encoded>
			<wfw:commentRss>http://3k3.com.br/blog/flash/tutorial-lightbox-no-flash-actionscript-2-0/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Desenvolvendo aplicativos para iPhone e iPod Touch em Flash</title>
		<link>http://3k3.com.br/blog/flash/desenvolvendo-aplicativos-para-iphone-e-ipod-touch-em-flash</link>
		<comments>http://3k3.com.br/blog/flash/desenvolvendo-aplicativos-para-iphone-e-ipod-touch-em-flash#comments</comments>
		<pubDate>Thu, 08 Oct 2009 14:24:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://3k3.com.br/blog/?p=189</guid>
		<description><![CDATA[No primeiro dia de apresentações do Adobe Max 2009, a Adobe anunciou que o Flash Professional CS5 (inscreva-se para ser avisado quando o beta for liberado) incluirá suporte para criações de aplicações para iPhone e iPod Touch. É isso mesmo que você ouviu! O Adobe Team criou uma forma de criar aplicações para iPhone desenvolvendo [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/bgul3GtusMA&amp;rel=0&amp;color1=0x999999&amp;color2=0xdedede&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/bgul3GtusMA&amp;rel=0&amp;color1=0x999999&amp;color2=0xdedede&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<br />
No primeiro dia de apresentações do Adobe Max 2009, a Adobe anunciou que o Flash Professional CS5 (<a href="https://www.adobe.com/cfusion/mmform/index.cfm?name=fpcs5_notify"><span style="color: #ff9900;"><span style="text-decoration: none;">inscreva-se</span></span></a> para ser avisado quando o beta for liberado) incluirá suporte para criações de aplicações para iPhone e iPod Touch. É isso mesmo que você ouviu! O Adobe Team criou uma forma de criar aplicações para iPhone desenvolvendo com a IDE do Flash. Na verdade, já foram criadas aplicações em Flash que já estão disponíveis para download. Veja algumas abaixo:<br />
</p>
<ol>
<li>Chroma Circuit</li>
<li>FickleBlox</li>
<li>Finger Paint</li>
<li>Just Letters</li>
<li>Red Hood</li>
<li>That Roach Game</li>
<li>Trading Stuff</li>
</ol>
<p>
A Adobe se alinhou com os termos legais da Apple e criou um compilador para empacotar o conteúdo SWF em aplicações nativas para iPhone.<br />
<br />
Estou muito empolgado com essa novidade, bom acredito que todos que desenvolvem em Flash também estão. Não vejo a hora de começar a desenvolver aplicações para iPhone.</p>
]]></content:encoded>
			<wfw:commentRss>http://3k3.com.br/blog/flash/desenvolvendo-aplicativos-para-iphone-e-ipod-touch-em-flash/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LogiZtic: lançamento do jogo!</title>
		<link>http://3k3.com.br/blog/actionscript/logiztic-lancamento-do-jogo</link>
		<comments>http://3k3.com.br/blog/actionscript/logiztic-lancamento-do-jogo#comments</comments>
		<pubDate>Wed, 07 Oct 2009 20:08:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash Lite]]></category>
		<category><![CDATA[LogiZtic]]></category>
		<category><![CDATA[Symbian S60]]></category>

		<guid isPermaLink="false">http://3k3.com.br/blog/?p=174</guid>
		<description><![CDATA[Finalmente tenho o prazer de anunciar o lançamento do LogiZtic, jogo de lógica desenvolvido para celulares com Flash Lite. Comecei a desenvolver esse jogo em 2007 e neste mesmo ano finalizei um beta do jogo que cheguei até a apresentar para um especialista da Adobe em Flash Lite (esqueci o nome dele) no Adobe Max [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.3k3.com.br/blog/wp-content/uploads/logiztic.jpg" alt="Telas do LogiZtic" title="Telas do LogiZtic"><br />
<br />
Finalmente tenho o prazer de anunciar o lançamento do LogiZtic, jogo de lógica desenvolvido para celulares com Flash Lite. Comecei a desenvolver esse jogo em 2007 e neste mesmo ano finalizei um beta do jogo que cheguei até a apresentar para um especialista da Adobe em Flash Lite (esqueci o nome dele) no Adobe Max 2007. Ele adorou o jogo e falou que quando terminasse ele ele iria tentar divulgá-lo como case no site da Adobe. Infelizmente, por vários motivos, o jogo ficou parado, os anos passaram e nem tenho mais o contato dele. Mas tudo bem, outras oportunidades virão!<br />
<br />
Bom, muitos me perguntam o porque desse &#8220;Z&#8221; no meio do nome do jogo. Isso vem da época em que eu era sócio da Zellen Rich Applications, então fizemos uma brincadeira de identidade visual com a inicial do nome da empresa.<br />
<br />
Falando do game agora, trata-se de um jogo de lógica cujo objetivo é ajudar o responsável pela logística de um porto a retirar o conteiner amarelo de um armazém cheio de outros conteiners. Menos movimentos, mais pontos!<br />
<br />
São 70 fases que disponibilizarei totalmente de <strong>GRAÇA</strong> para que vocês avaliem e aproveitem o jogo!<br />
<br />
<img src="http://www.3k3.com.br/blog/wp-content/uploads/logiztic_icon.png" alt="Download LogiZtic 1.0" title="Download LogiZtic 1.0"><a href="http://www.3k3.com.br/blog/wp-content/uploads/downloads/LogiZtic_1.0.0.sis"> Download LogiZtic 1.0 (Symbian S60 series)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://3k3.com.br/blog/actionscript/logiztic-lancamento-do-jogo/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>ActionScript 3.0: Passando parâmetros em um listener</title>
		<link>http://3k3.com.br/blog/actionscript/actionscript-3-0-passando-parametros-em-um-listener</link>
		<comments>http://3k3.com.br/blog/actionscript/actionscript-3-0-passando-parametros-em-um-listener#comments</comments>
		<pubDate>Mon, 05 Oct 2009 19:28:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Listeners]]></category>
		<category><![CDATA[Parâmetros]]></category>

		<guid isPermaLink="false">http://3k3.com.br/blog/?p=138</guid>
		<description><![CDATA[Uma das primeiras diferenças que as pessoas que estão começando a desenvolver em AS3 irão notar é a forma como invocar ações de botões e movieClips. Os eventos de &#8220;onPress&#8221; e outros não existem mais. Agora tudo é feito utilizando listeners. Neste post vou dar uma dica importante: como passar parâmetros dentro de um listener [...]]]></description>
			<content:encoded><![CDATA[<p>Uma das primeiras diferenças que as pessoas que estão começando a desenvolver em AS3 irão notar é a forma como invocar ações de botões e movieClips. Os eventos de &#8220;onPress&#8221; e outros não existem mais. Agora tudo é feito utilizando <em>listeners</em>.<br />
<br />
<img src="http://www.3k3.com.br/blog/wp-content/uploads/codigos/code1_1.png" title="Listener em AS3"><br />
<br />
Neste post vou dar uma dica importante: como passar parâmetros dentro de um listener em AS3. Veja o código abaixo:<br />
<br />
<img src="http://www.3k3.com.br/blog/wp-content/uploads/codigos/code1_2.png" title="ActionScript 3.0: Passando parâmetros em um listener"><br />
<br />
Observe o mesmo listener só que agora passando dois parâmetros à função &#8220;imprime&#8221;.<br />
<br />
Claro que este exemplo não é o melhor para a aplicação de passagem de parâmetros através de listeners. É mais um exemplo didático mesmo.<br />
<br />
Baixe <strong><a href="http://www.3k3.com.br/blog/wp-content/uploads/codigos/code1.zip">aqui</a></strong> o código-fonte.</p>
]]></content:encoded>
			<wfw:commentRss>http://3k3.com.br/blog/actionscript/actionscript-3-0-passando-parametros-em-um-listener/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

