<?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; Flash</title>
	<atom:link href="http://3k3.com.br/blog/category/flash/feed" rel="self" type="application/rss+xml" />
	<link>http://3k3.com.br/blog</link>
	<description></description>
	<lastBuildDate>Wed, 18 Jan 2012 18:40:35 +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>
	</channel>
</rss>

