<?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>Blog Fellyph Cintra &#187; actionScript</title>
	<atom:link href="http://www.fellyph.com.br/blog/tag/actionscript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fellyph.com.br/blog</link>
	<description></description>
	<lastBuildDate>Thu, 12 Jan 2012 21:34:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Grupo de Estudo de actionScript AS3Devs</title>
		<link>http://www.fellyph.com.br/blog/flash/grupo-de-estudo-de-actionscript-as3devs/</link>
		<comments>http://www.fellyph.com.br/blog/flash/grupo-de-estudo-de-actionscript-as3devs/#comments</comments>
		<pubDate>Wed, 16 Mar 2011 20:50:36 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Eventos]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[grupo de estudos]]></category>
		<category><![CDATA[treinamento]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=1684</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/grupo-de-estudo-de-actionscript-as3devs/' addthis:title='Grupo de Estudo de actionScript AS3Devs '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Olá pessoal com o intuito de desenvolver a comunidade de desenvolvedores AS3Devs, iniciará o grupo de estudo sobre ActionScript 3.0 Aprender os conceitos básicos sobre a linguagem. Os encontros serão presenciais(mensal) e online(semanal). É um grupo aberto sem restrição sobre formação, o requisito básico é a vontade de aprender. <a href="http://www.fellyph.com.br/blog/flash/grupo-de-estudo-de-actionscript-as3devs/">Continue lendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/grupo-de-estudo-de-actionscript-as3devs/' addthis:title='Grupo de Estudo de actionScript AS3Devs '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Olá pessoal com o intuito de desenvolver a comunidade de desenvolvedores AS3Devs, iniciará o grupo de estudo sobre ActionScript 3.0 Aprender os conceitos básicos sobre a linguagem. Os encontros serão presenciais(mensal) e online(semanal). É um grupo aberto sem restrição sobre formação, o requisito básico é a vontade de aprender.</p>
<p>Encontros onlines serão todas as quartas-feiras, e os encontros presenciais serão realizados mensalmente. </p>
<p>O primeiro encontro presencial será realizado em 3 cidades: São Paulo,  Rio de Janeiro,  Salvador e Espirito Santo nas respectivas escolas DRC , INFNET ,  BR MULTIMIDIA e SIMBIONTE no dia 18 de março de 2011 as 20h.</p>
<p>Inscrições inicialmente não estava utilizando nenhum cadastro simplesmente chegar e levar seu notebook. Para ficar por dentro das palestras futuras só seguir o perfil do <a href="http://www.twitter.com/asdevs" target="_blank">@asdevs</a> no twitter ou acompanhar o blog <a href="www.as3dev.com.br" target="_blank">www.as3dev.com.br</a>. Você também pode se registrar em http://asdevs.groups.adobe.com/ e receba um aviso por e-mail antes de todas as reuniões.</p>
<p><strong>Dinâmica das reuniões</strong><br />
- Cada reunião terá um tema previamente definido e um dos participantes do grupo será responsável por passar o conteúdo.<br />
- Em cada reunião, haverá um “monitor” que acompanhará a explicação para ter certeza de que o conteúdo está sendo passado corretamente.<br />
- A definição do próximo tema e do participante que explicará o assunto será sempre definida ao final da reunião.</p>
<p>O melhor de tudo, além de aprender mais sobre actionScript, aumentar o seu network, você ainda concorre a brindes, agora claro não é chegar e ganhar os ganhadores serão definidos pelo o número e nível de participação no grupo. Os brindes vão desde canetas a licenças de software da Adobe.</p>
<p>Primeira aula dia 18/03 às 20h: Introdução ao Actionscript com Fábio Flatchart </p>
<p>Sobre : <strong>Fábio Flatschart</strong></p>
<p><em>Consultor das áreas de Internet e Computação Gráfica da Gerência de Desenvolvimento (GD2) do SENAC-SP na produção de eventos, novas parcerias e desenvolvimento de cursos livres, de nível médio, superior e de pós-graduação. Consultor Educacional da Adobe Systems do Brasil. </em></p>
<p>blog : <a href="http://quadrodosbemois.com.br/" target="_blank">http://quadrodosbemois.com.br/</a><br />
twitter : <a href="http://www.twitter.com/fabioflat" target="_blank">@fabioflat</a></p>
<p>Essa aula será presencial no Rio de Janeiro (Instituto Infnet), São Paulo (DRC),  Salvador (BR Multimídia) e também online.</strong></p>
<p>Online: <a href="http://experts.adobeconnect.com/ge1_introducao_ao_actionscript/" target="_blank">http://experts.adobeconnect.com/ge1_introducao_ao_actionscript/</a></p>
<p>DRC – São Paulo<br />
drc.com.br<br />
Rua Joaquim Floriano, 733, 8.º Andar Itaim Bibi<br />
<iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.br/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=drc+s%C3%A3o+paulo+&amp;ie=UTF8&amp;hq=drc&amp;hnear=Sao+Paulo+-+S%C3%A3o+Paulo&amp;cid=15596980398061471740&amp;ll=-23.575394,-46.675501&amp;spn=0.03776,0.054932&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com.br/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=drc+s%C3%A3o+paulo+&amp;ie=UTF8&amp;hq=drc&amp;hnear=Sao+Paulo+-+S%C3%A3o+Paulo&amp;cid=15596980398061471740&amp;ll=-23.575394,-46.675501&amp;spn=0.03776,0.054932&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small></p>
<p>Infnet – Rio de Janeiro<br />
infnet.com.br<br />
Rua São José, 90 – Centro do Rio<br />
2 piso, Rio de Janeiro – RJ, 20010-020<br />
<iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.br/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=infnet+rio+de+janeiro&amp;aq=&amp;sll=-23.585286,-46.677024&amp;sspn=0.011327,0.022724&amp;ie=UTF8&amp;hq=infnet&amp;hnear=Rio+de+Janeiro&amp;cid=11044092659038625249&amp;ll=-22.897446,-43.180218&amp;spn=0.037952,0.054932&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com.br/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=infnet+rio+de+janeiro&amp;aq=&amp;sll=-23.585286,-46.677024&amp;sspn=0.011327,0.022724&amp;ie=UTF8&amp;hq=infnet&amp;hnear=Rio+de+Janeiro&amp;cid=11044092659038625249&amp;ll=-22.897446,-43.180218&amp;spn=0.037952,0.054932&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small></p>
<p>BR Multimídia – Salvador<br />
brmultimidia.com.br<br />
Centro Empresarial Iguatemi: Av Tancredo Neves 274, Bloco B, Sala 308 – Cam. das Árvores<br />
<iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.br/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=br+multimidia+salvador&amp;aq=&amp;sll=-23.585286,-46.677024&amp;sspn=0.011327,0.022724&amp;ie=UTF8&amp;hq=br+multimidia&amp;hnear=Salvador+-+Bahia&amp;cid=12738730559127773743&amp;ll=-12.969096,-38.463907&amp;spn=0.040148,0.054932&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com.br/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=br+multimidia+salvador&amp;aq=&amp;sll=-23.585286,-46.677024&amp;sspn=0.011327,0.022724&amp;ie=UTF8&amp;hq=br+multimidia&amp;hnear=Salvador+-+Bahia&amp;cid=12738730559127773743&amp;ll=-12.969096,-38.463907&amp;spn=0.040148,0.054932&amp;z=14&amp;iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small></p>
<p>Simbionte – Espírito Santo<br />
Rua 15 de Novembro, 678 – Praia da Costa</p>
<p><strong>Reuniões presenciais em outros estados/cidades</strong><br />
Quem desejar manter uma reunião presencial das reuniões do Grupo de Estudos do ASDevs, entre em contato com filipe.cunha@gmail.com com o assunto “Reuniões Presenciais Grupo de Estudos“</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/grupo-de-estudo-de-actionscript-as3devs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Curso de Flash Expert com Fellyph Cintra na DRC</title>
		<link>http://www.fellyph.com.br/blog/flash/curso-de-flash-expert-com-fellyph-cintra-na-drc/</link>
		<comments>http://www.fellyph.com.br/blog/flash/curso-de-flash-expert-com-fellyph-cintra-na-drc/#comments</comments>
		<pubDate>Wed, 16 Feb 2011 14:20:42 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[curso]]></category>
		<category><![CDATA[treinamento]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=1654</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/curso-de-flash-expert-com-fellyph-cintra-na-drc/' addthis:title='Curso de Flash Expert com Fellyph Cintra na DRC '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Dia 19/02 inicia a turma de Flash Expert na DRC treinamentos. O treinamento será aos sábados das 09:00 &#8211; 18:00. O curso segue o seguinte programa: Estruturas de repetição Loops de código For For in Trabalhando com XML Tipos de &#8230; <a href="http://www.fellyph.com.br/blog/flash/curso-de-flash-expert-com-fellyph-cintra-na-drc/">Continue lendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/curso-de-flash-expert-com-fellyph-cintra-na-drc/' addthis:title='Curso de Flash Expert com Fellyph Cintra na DRC '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Dia 19/02 inicia a turma de Flash Expert na DRC treinamentos. O treinamento será aos sábados das 09:00 &#8211; 18:00. O curso segue o seguinte programa:</p>
<p><strong>Estruturas de repetição</strong></p>
<ul>
<li>Loops de código</li>
<li>For</li>
<li>For in</li>
</ul>
<p><strong>Trabalhando com XML</strong></p>
<ul>
<li>Tipos de documentos XML Carregamento de XML Manipulação de dados usando E4X</li>
<li>Opções de filtragem e acesso a conteúdo</li>
<li>XML com componentes de dados</li>
</ul>
<p><strong>Usando Filtros</strong></p>
<ul>
<li>Classes de FIltros</li>
<li>BlurFilter, GlowFilter, DropShadowFilter</li>
<li>Aplicação de filtro simples e cumulativa</li>
</ul>
<p><strong>Programação Orientada a Objetos</strong></p>
<ul>
<li>Trabalho com classes e pacotes</li>
<li>Criando classes</li>
<li><Definindo ClassPath e ordenando pacotes</li>
<li>Utilizando Herança</li>
<li>Vinculando Símbolos a classes</li>
<li>Trabalhando com DocumentClass</li>
</ul>
<p><strong>Players Customizados</strong></p>
<ul>
<li>Criando um MP3 Player</li>
<li>Criando um Vídeo Player</li>
</ul>
<p><strong>Meu conteúdo</strong></p>
<ul>
<li>Hype Framework</li>
<li>TweenMax e TweenLite</li>
<li>Trabalhando com Web Cam</li>
<li>Trabalhando com a classe FileReference</li>
<li>Trabalhando com a classe Bitmap</li>
</ul>
<p>Além do conteúdo normal do curso eu faço a inclusão de alguns assuntos importantes em ActionScript.<br />
Mais informações : <a href="http://www.drc.com.br/site/cursos/Flash-Actionscript-Expert" target="_blank">http://www.drc.com.br/site/cursos/Flash-Actionscript-Expert</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/curso-de-flash-expert-com-fellyph-cintra-na-drc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Como criar um crossdomain.xml para FLASH</title>
		<link>http://www.fellyph.com.br/blog/tutoriais/como-criar-um-crossdomain-xml-para-flash/</link>
		<comments>http://www.fellyph.com.br/blog/tutoriais/como-criar-um-crossdomain-xml-para-flash/#comments</comments>
		<pubDate>Sat, 29 Jan 2011 22:30:11 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[crossdomain]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[segurança]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=1629</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/tutoriais/como-criar-um-crossdomain-xml-para-flash/' addthis:title='Como criar um crossdomain.xml para FLASH '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Alguma vez você já tentou acessar os dados e o flash retornou um erro de sandbox, esse erro é disparado por motivo de segurança, o flash player bloqueia o acesso a dados entre domínios diferentes, isso para garantir que seu conteúdo não seja acessado por terceiros sem permissão.  <a href="http://www.fellyph.com.br/blog/tutoriais/como-criar-um-crossdomain-xml-para-flash/">Continue lendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/tutoriais/como-criar-um-crossdomain-xml-para-flash/' addthis:title='Como criar um crossdomain.xml para FLASH '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Alguma vez você já tentou acessar os dados e o flash retornou um erro de sandbox, esse erro é disparado por motivo de segurança, o flash player bloqueia o acesso a dados entre domínios diferentes, isso para garantir que seu conteúdo não seja acessado por terceiros sem permissão. </p>
<p>Esse erro pode ser até disparado dentro do seu próprio site,por exemplo, você tentar carregar uma imagem dentro do seu site pelo seu caminho completo http://www.meusite.com.br/minhaImagem.jpg e ao carregar o site no endereço http://meusite.com.br/ sem o www. ele considera que o conteúdo está sendo acessado de dominios diferentes. Uma solução para isso seria usar caminho relativo do arquivo e o problema será resolvido( &#8220;minhaImagem.jpg&#8221;). </p>
<p>Mas se for o caso realmente de carregar conteúdo de um outro domínio. Então será necessário informar ao flash player que é previsto esse acesso ao conteúdo de outro domínio. Esses dados nos podemos passar por um arquivo xml que fica na raiz de nosso site, o crossdomain.xml.</p>
<p>O arquivo crossdomain funciona da seguinte forma:</p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;?xml</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></span> 
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;cross-domain-policy<span style="color: #000000; font-weight: bold;">&gt;</span></span></span> 
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;allow-access-from</span> <span style="color: #000066;">domain</span>=<span style="color: #ff0000;">&quot;*.meusite.com&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span> 
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;allow-access-from</span> <span style="color: #000066;">domain</span>=<span style="color: #ff0000;">&quot;www.siteparceiro.com&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span> 
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;allow-access-from</span> <span style="color: #000066;">domain</span>=<span style="color: #ff0000;">&quot;192.0.34.122&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span> 
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/cross-domain-policy<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<p>Como podemos ver um arquivo xml simples que tem o nó principal <cross-domain-policy> e dentro dele podemos adicionar um ou mais domínios em nossa lista de exceções, isso dentro do nó <allow-access-from domain="passamos a url como parâmetro">, no exemplo tem 3 tipos de dados que podemos passar o domínio curinga sinalizado pelo &#8220;*&#8221;, um domínio simples ou endereço ip do site que queremos carregar.</p>
<p>O Flash player por padrão antes de fazer qualquer requisição ele procura o arquivo crossdomain.xml, fazendo isso nós estamos garantido a comunicação entre domínios diferentes. </p>
<p>Primeiro post de 2011 demorou mais saiu.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/tutoriais/como-criar-um-crossdomain-xml-para-flash/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Curso de Flash ActionScript 3.0 São Paulo &#8211; DRC</title>
		<link>http://www.fellyph.com.br/blog/flash/curso-de-flash-actionscript-3-0-sao-paulo-drc/</link>
		<comments>http://www.fellyph.com.br/blog/flash/curso-de-flash-actionscript-3-0-sao-paulo-drc/#comments</comments>
		<pubDate>Fri, 13 Aug 2010 23:08:09 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Eventos]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[drc]]></category>
		<category><![CDATA[São Paulo]]></category>
		<category><![CDATA[treinamento]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=1359</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/curso-de-flash-actionscript-3-0-sao-paulo-drc/' addthis:title='Curso de Flash ActionScript 3.0 São Paulo &#8211; DRC '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Pessoal vou ministrar meu primeiro curso de Flash na cidade de São Paulo no centro de treinamento DRC, em Recife ministrei durante 3 anos curso de Flash sempre tive paixão por dar aula. Tive a oportunidade graças a um grande brother Neto Leal(@netoleal). <a href="http://www.fellyph.com.br/blog/flash/curso-de-flash-actionscript-3-0-sao-paulo-drc/">Continue lendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/curso-de-flash-actionscript-3-0-sao-paulo-drc/' addthis:title='Curso de Flash ActionScript 3.0 São Paulo &#8211; DRC '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Pessoal vou ministrar meu primeiro curso de Flash na cidade de São Paulo no centro de treinamento DRC, em Recife ministrei durante 3 anos curso de Flash sempre tive paixão por dar aula. Tive a oportunidade graças a um grande brother Neto Leal(@netoleal).</p>
<p><a href="http://www.fellyph.com.br/blog/wp-content/uploads/2010/08/topodrc1.jpg"><img class="alignnone size-full wp-image-1362" title="topodrc" src="http://www.fellyph.com.br/blog/wp-content/uploads/2010/08/topodrc1.jpg" alt="" width="550" height="76" /></a></p>
<p>DRC tem uma estrutura maravilhosa, todas suas salas com iMac, mas o aluno tem a opção de iniciar com o sistema operacional que tem mais afinidade(windows ou mac). Algumas fotos do laboratório a seguir.</p>
<p><a href="http://www.fellyph.com.br/blog/wp-content/uploads/2010/08/big_02.gif"><img class="alignnone size-full wp-image-1364" title="big_02" src="http://www.fellyph.com.br/blog/wp-content/uploads/2010/08/big_02.gif" alt="" width="450" height="346" /></a></p>
<p><a href="http://www.fellyph.com.br/blog/wp-content/uploads/2010/08/big_14.gif"><img class="alignnone size-full wp-image-1365" title="big_14" src="http://www.fellyph.com.br/blog/wp-content/uploads/2010/08/big_14.gif" alt="" width="450" height="300" /></a></p>
<p>O curso terá início dia 24 de agosto uma terça feira  no período da noite das 19h as 23h, quem tiver interesse de participar ainda tem vagas disponíveis para fazer sua inscrição segue o link:</p>
<p><a href="http://www.drc.com.br/int_treinamento/treina_cont.php?valor=ce2aa1cf32b22744aj42c8" target="_blank">http://www.drc.com.br/int_treinamento/treina_cont.php?valor=ce2aa1cf32b22744aj42c8</a></p>
<p>A DRC fica localizada no bairro do itaim na rua Joaquim Floriano :</p>
<p><small><a style="color: #0000ff; text-align: left;" href="http://maps.google.com.br/maps?f=q&amp;source=embed&amp;hl=pt-BR&amp;q=R.+Joaquim+Floriano,+733+-+Itaim+Bibi,+S%C3%A3o+Paulo+-+SP,+04534-012&amp;sll=-14.179186,-50.449219&amp;sspn=97.717414,155.390625&amp;ie=UTF8&amp;cd=1&amp;geocode=Fc4dmP4dHcM3_Q&amp;split=0&amp;hq=&amp;hnear=R.+Joaquim+Floriano,+733+-+Itaim+Bibi,+S%C3%A3o+Paulo,+04534-012&amp;ll=-23.575709,-46.673012&amp;spn=0.056719,0.111494&amp;t=h&amp;z=14&amp;iwloc=A">Exibir mapa ampliado</a></small><br />
O curso que tem a seguinte grade :</p>
<p><strong>Estruturas de repetição</strong></p>
<ul>
<li> Loops de código</li>
<li> For</li>
<li> For in</li>
</ul>
<p><strong>Trabalhando com Componentes</strong></p>
<ul>
<li> Componentes UI</li>
<li> Alimentando um componente com dados</li>
<li> Customizando a interface de componentes</li>
<li> Manipulando styles de componentes</li>
</ul>
<p><strong>Trabalhando com XML</strong></p>
<ul>
<li> Tipos de documentos XML Carregamento de XML Manipulação de dados usando E4X</li>
<li> Opções de filtragem e acesso a conteúdo</li>
<li> XML com componentes de dados</li>
</ul>
<p><strong>Usando Filtros</strong></p>
<ul>
<li> Classes de FIltros</li>
<li> BlurFilter, GlowFilter, DropShadowFilter</li>
<li> Aplicação de filtro simples e cumulativa</li>
<li> Programação Orientada a Objetos</li>
<li> Trabalho com classes e pacotes</li>
</ul>
<p><strong>Criando classes</strong></p>
<ul>
<li> Definindo ClassPath e ordenando pacotes</li>
<li> Utilizando Herança</li>
<li> Vinculando Símbolos a classes</li>
<li> Trabalhando com DocumentClass</li>
<li> Players Customizados 	Criando um MP3 Player</li>
<li> Criando um Vídeo Player</li>
</ul>
<p><strong>Técnicas de Otimização</strong></p>
<ul>
<li> Redução do peso de arquivos</li>
<li> Otimização do consumo de CPU</li>
<li> Escopo de elementos de código</li>
<li> Boas práticas na programação em ActionScript</li>
</ul>
<p>Mais informações :</p>
<p><a href="http://www.drc.com.br/int_treinamento/treina_cont.php?valor=0c421cbf32b22744aj42c8" target="_blank">http://www.drc.com.br/int_treinamento/treina_cont.php?valor=0c421cbf32b22744aj42c8</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/curso-de-flash-actionscript-3-0-sao-paulo-drc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Saiu a nova versão do FlashDevelop 3.0.3 RTM</title>
		<link>http://www.fellyph.com.br/blog/flash/saiu-a-nova-versao-do-flashdevelop/</link>
		<comments>http://www.fellyph.com.br/blog/flash/saiu-a-nova-versao-do-flashdevelop/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 14:25:57 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[as2]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[FD3]]></category>
		<category><![CDATA[flash develop]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=736</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/saiu-a-nova-versao-do-flashdevelop/' addthis:title='Saiu a nova versão do FlashDevelop 3.0.3 RTM '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>O FlashDevelop ferramenta para desenvolvimento de projetos em AS3 e AS2 opensource, lançou uma nova versão hoje 27 de agosto, com pequenas melhorias de desempenho e nos plugins já existentes. Para baixar a nova versão(3.0.3 RTM) acesse o link abaixo &#8230; <a href="http://www.fellyph.com.br/blog/flash/saiu-a-nova-versao-do-flashdevelop/">Continue lendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/saiu-a-nova-versao-do-flashdevelop/' addthis:title='Saiu a nova versão do FlashDevelop 3.0.3 RTM '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="size-full wp-image-737 alignleft" title="site_logo" src="http://www.fellyph.com.br/blog/wp-content/uploads/2009/08/site_logo.png" alt="site_logo" width="168" height="70" />O FlashDevelop ferramenta para desenvolvimento de projetos em AS3 e AS2 opensource, lançou uma nova versão hoje 27 de agosto, com pequenas melhorias de desempenho e nos plugins já existentes. Para baixar a nova versão(3.0.3 RTM) acesse o link abaixo :</p>
<p><a href="http://www.flashdevelop.org/community/viewtopic.php?f=11&amp;t=5339" target="_blank">http://www.flashdevelop.org/community/viewtopic.php?f=11&amp;t=5339</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/saiu-a-nova-versao-do-flashdevelop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Papervision 3D + TweenLite</title>
		<link>http://www.fellyph.com.br/blog/flash/papervision-3d-tweenlite/</link>
		<comments>http://www.fellyph.com.br/blog/flash/papervision-3d-tweenlite/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 15:03:00 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[flash develop]]></category>
		<category><![CDATA[papervision]]></category>
		<category><![CDATA[TweenLite]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=652</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/papervision-3d-tweenlite/' addthis:title='Papervision 3D + TweenLite '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Nesse tutorial vamos trabalhar com Tweenlite + Papervision, para trabalhar com esse esquema é bastante simples, basta importar as classe do Tweenlite e + Papervision para o nosso projeto, que ficará da seguinte forma : <a href="http://www.fellyph.com.br/blog/flash/papervision-3d-tweenlite/">Continue lendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/papervision-3d-tweenlite/' addthis:title='Papervision 3D + TweenLite '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Nesse tutorial vamos trabalhar com Tweenlite + Papervision, para trabalhar com esse esquema é bastante simples, basta importar as classe do Tweenlite e + Papervision para o nosso projeto, que ficará da seguinte forma :</p>
<p><img class="alignnone size-full wp-image-653" title="esquemapapertweenlite" src="http://www.fellyph.com.br/blog/wp-content/uploads/2009/07/esquemapapertweenlite.jpg" alt="esquemapapertweenlite" width="450" height="286" /></p>
<p>Papervision a pasta : org<br />
O link para baixar as classes do papervision <a href="http://code.google.com/p/papervision3d/" target="_blank">clique aqui</a>.</p>
<p>Tweenlite a pasta : gs<br />
O link para baixar as classes do Tweenlite <a href="http://blog.greensock.com/tweenliteas3/" target="_blank">clique aqui</a>.</p>
<p>Para mais detalhes sobre papervision veja os posts:</p>
<h3><a title="Tutorial PaperVision 3D 2.0" href="http://www.fellyph.com.br/blog/flash/tutorial-papervision-3d-20/">TUTORIAL PAPERVISION 3D 2.0</a></h3>
<h3><a title="Papervison 3D - Objects Primitive" href="http://www.fellyph.com.br/blog/flash/papervison-3d-objects-primitive/">PAPERVISON 3D &#8211; OBJECTS PRIMITIVE</a></h3>
<h3><a title="Papervision 3D - materials(materiais)" href="http://www.fellyph.com.br/blog/flash/papervision-3d-materials/">PAPERVISION 3D &#8211; MATERIALS(MATERIAIS)</a></h3>
<p>Para mais detalhes sobre Tweenlite veja os posts:</p>
<h3><a title="Tween Lite" href="http://www.fellyph.com.br/blog/flash/tween-lite/">TWEEN LITE</a></h3>
<p>Para desenvolver esse tutorial vou trabalhar com flash IDE(bom e velho cs3) + flash develop, mas você pode utilizar só o flash, jogando direto no fla o código ou criando um arquivo AS3, mas para códificação eu indico o flashdevelop.<br />
Voltando para na nossa ide vou criar três movieClips: letraM, letraA, letraR; para os três vou utilizar o mesmo nome para o linkage: letraM, letraA, letraR, como na imagem abaixo:</p>
<p><img class="alignnone size-full wp-image-654" title="tutorialtweenpaper" src="http://www.fellyph.com.br/blog/wp-content/uploads/2009/07/tutorialtweenpaper.jpg" alt="tutorialtweenpaper" width="450" height="361" /></p>
<p>Vou criar uma class &#8220;Interatividade.as&#8221; e agora vamos para o código:</p>

<div class="wp_syntax"><table><tr><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
94
95
96
97
98
99
100
101
102
103
104
105
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;">package  <span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Scene</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Sprite</span>;
&nbsp;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
&nbsp;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">view</span>.<span style="color: #006600;">Viewport3D</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">render</span>.<span style="color: #006600;">BasicRenderEngine</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">scenes</span>.<span style="color: #006600;">Scene3D</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">cameras</span>.<span style="color: #006600;">Camera3D</span>;
&nbsp;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">materials</span>.<span style="color: #006600;">MovieAssetMaterial</span>;
&nbsp;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">objects</span>.<span style="color: #006600;">primitives</span>.<span style="color: #006600;">Plane</span>;
&nbsp;
	<span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">TweenLite</span>;
	<span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">easing</span>.<span style="color: #66cc66;">*</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">/**
	* ...
	* @author Fellyph Cintra
	* @link http://fellyph.com.br/blog/
	*
	*/</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Interatividade <span style="color: #0066CC;">extends</span> Sprite<span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">// criar os objetos chave para trabalhar com papervision</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _viewport 		:Viewport3D;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _cena 			:Scene3D;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _camera 		:Camera3D;
&nbsp;
		<span style="color: #808080; font-style: italic;">// meu renderizador</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _renderizador 	:BasicRenderEngine;
&nbsp;
		<span style="color: #808080; font-style: italic;">// os planos que eu vou trabalhar</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _m				:Plane;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _a				:Plane;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _r				:Plane;
&nbsp;
		<span style="color: #808080; font-style: italic;">//os materiais que vão compor meus planos(Plane)</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> material_m 		:MovieAssetMaterial;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> material_a		:MovieAssetMaterial;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> material_r 		:MovieAssetMaterial;
&nbsp;
		<span style="color: #808080; font-style: italic;">// o construtor da minha classe que executar o código</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Interatividade<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
&nbsp;
			_viewport = <span style="color: #000000; font-weight: bold;">new</span> Viewport3D<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">450</span>, <span style="color: #cc66cc;">300</span>, <span style="color: #000000; font-weight: bold;">false</span>, <span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>_viewport<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// inicializando os objetos chave;</span>
			_cena 			= <span style="color: #000000; font-weight: bold;">new</span> Scene3D<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			_camera 		= <span style="color: #000000; font-weight: bold;">new</span> Camera3D<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			_renderizador 	= <span style="color: #000000; font-weight: bold;">new</span> BasicRenderEngine<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// inicializando meus materiais &quot;MovieAssetMaterial&quot; lembrando</span>
			<span style="color: #808080; font-style: italic;">// MovieAsset trabalha com o linkage dos movieclips criados no</span>
			<span style="color: #808080; font-style: italic;">// meu arquivo &quot;.fla&quot;</span>
			material_m = <span style="color: #000000; font-weight: bold;">new</span> MovieAssetMaterial<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;letraM&quot;</span>, <span style="color: #000000; font-weight: bold;">true</span>, <span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span>;
			material_a = <span style="color: #000000; font-weight: bold;">new</span> MovieAssetMaterial<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;letraA&quot;</span>, <span style="color: #000000; font-weight: bold;">true</span>, <span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span>;
			material_r = <span style="color: #000000; font-weight: bold;">new</span> MovieAssetMaterial<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;letraR&quot;</span>, <span style="color: #000000; font-weight: bold;">true</span>, <span style="color: #000000; font-weight: bold;">false</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//adicionando os materiais a cada respectivo Plane</span>
			_m = <span style="color: #000000; font-weight: bold;">new</span> Plane<span style="color: #66cc66;">&#40;</span>material_m, <span style="color: #cc66cc;">100</span>, <span style="color: #cc66cc;">94</span>, <span style="color: #cc66cc;">8</span>, <span style="color: #cc66cc;">8</span><span style="color: #66cc66;">&#41;</span>;
			_a = <span style="color: #000000; font-weight: bold;">new</span> Plane<span style="color: #66cc66;">&#40;</span>material_a,<span style="color: #cc66cc;">100</span>, <span style="color: #cc66cc;">94</span>, <span style="color: #cc66cc;">8</span>, <span style="color: #cc66cc;">8</span><span style="color: #66cc66;">&#41;</span>;
			_r = <span style="color: #000000; font-weight: bold;">new</span> Plane<span style="color: #66cc66;">&#40;</span>material_r, <span style="color: #cc66cc;">100</span>, <span style="color: #cc66cc;">94</span>, <span style="color: #cc66cc;">8</span>, <span style="color: #cc66cc;">8</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//Adicionando o Plane a Cena</span>
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>_m<span style="color: #66cc66;">&#41;</span>;
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>_a<span style="color: #66cc66;">&#41;</span>;
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>_r<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//Abaixo vou trabalhar com as propriedades dos meus planos</span>
			<span style="color: #808080; font-style: italic;">//para em seguida executar a animação</span>
			_m.<span style="color: #006600;">x</span>   = <span style="color: #cc66cc;">10</span>;
			_a.<span style="color: #006600;">x</span>   = <span style="color: #cc66cc;">100</span>;
			_r.<span style="color: #006600;">x</span>   = <span style="color: #cc66cc;">200</span>;
&nbsp;
			_m.<span style="color: #006600;">rotationY</span> = <span style="color: #cc66cc;">90</span>;
			_a.<span style="color: #006600;">rotationY</span> = <span style="color: #cc66cc;">90</span>;
			_r.<span style="color: #006600;">rotationY</span> = <span style="color: #cc66cc;">90</span>;
&nbsp;
			_m.<span style="color: #006600;">rotationX</span> = <span style="color: #cc66cc;">90</span>;
			_a.<span style="color: #006600;">rotationX</span> = <span style="color: #cc66cc;">90</span>;
			_r.<span style="color: #006600;">rotationX</span> = <span style="color: #cc66cc;">90</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// Adicionando o evento ENTER_FRAME para renderizar meu arquivo</span>
			addEventListener<span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ENTER_FRAME</span>, onRender<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// E por fim executamos as animações nos planos</span>
			<span style="color: #808080; font-style: italic;">// Revisando:</span>
			<span style="color: #808080; font-style: italic;">// TweenLite.to( objeto a ser animado, tempo , {propriedades da animação});</span>
			TweenLite.<span style="color: #006600;">to</span><span style="color: #66cc66;">&#40;</span>_m, <span style="color: #cc66cc;">4</span>,  <span style="color: #66cc66;">&#123;</span> rotationX:<span style="color: #cc66cc;">0</span>, rotationY:<span style="color: #cc66cc;">0</span>,  z:-<span style="color: #cc66cc;">500</span>,  	ease:Expo.<span style="color: #006600;">easeOut</span> <span style="color: #66cc66;">&#125;</span> <span style="color: #66cc66;">&#41;</span>;
			TweenLite.<span style="color: #006600;">to</span><span style="color: #66cc66;">&#40;</span>_a, <span style="color: #cc66cc;">4</span>,  <span style="color: #66cc66;">&#123;</span> rotationX:<span style="color: #cc66cc;">0</span>, rotationY:<span style="color: #cc66cc;">0</span>, z: -<span style="color: #cc66cc;">400</span>, 	ease:Expo.<span style="color: #006600;">easeOut</span> , delay:<span style="color: #cc66cc;">0.3</span> <span style="color: #66cc66;">&#125;</span> <span style="color: #66cc66;">&#41;</span>;
			TweenLite.<span style="color: #006600;">to</span><span style="color: #66cc66;">&#40;</span>_r, <span style="color: #cc66cc;">4</span>,  <span style="color: #66cc66;">&#123;</span> rotationX:<span style="color: #cc66cc;">0</span>, rotationY:<span style="color: #cc66cc;">0</span>, z:-<span style="color: #cc66cc;">300</span>, 	ease:Expo.<span style="color: #006600;">easeOut</span> , delay:<span style="color: #cc66cc;">0.6</span><span style="color: #66cc66;">&#125;</span> <span style="color: #66cc66;">&#41;</span>;
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> onRender<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<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;">//renderizando</span>
			_renderizador.<span style="color: #006600;">renderScene</span><span style="color: #66cc66;">&#40;</span>_cena, _camera, _viewport<span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>Para testar nosso filme temos que atrelar nossa classe ao arquivo fla.<br />
no meu exemplo eles estão na mesma pasta, fla e as então utilizamos como na imagem abaixo</p>
<p><img class="alignnone size-full wp-image-655" title="tutorialtweenpaper_2" src="http://www.fellyph.com.br/blog/wp-content/uploads/2009/07/tutorialtweenpaper_2.jpg" alt="tutorialtweenpaper_2" width="450" height="182" /></p>
<p>o código acima já está comentado, a estrutura é a mesma inicializa os objetos, aplica os materiais aos Objetos primitivos, adiciona os objetos a cena e por fim renderiza o filme. O adicional é que no final do construtor utilizamos a Classe TweenLite. E o resultado que temos é o seguinte :</p>
<p><object type="application/x-shockwave-flash" data="http://www.fellyph.com.br/blog/wp-content/uploads/2009/07/interatividade.swf" width="450" height="300" class="embedflash"><param name="movie" value="http://www.fellyph.com.br/blog/wp-content/uploads/2009/07/interatividade.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><small>(Please open the article to see the flash file or player.)</small></object></p>
<p>Lembrando a classe de Tween sem a renderização não funciona.</p>
<p>Esse post é bastante simples, vamos tentar complicar nos próximos posts.<br />
Até breve&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/papervision-3d-tweenlite/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Papervison 3D &#8211; Objects Primitive</title>
		<link>http://www.fellyph.com.br/blog/flash/papervison-3d-objects-primitive/</link>
		<comments>http://www.fellyph.com.br/blog/flash/papervison-3d-objects-primitive/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 15:26:07 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[objects]]></category>
		<category><![CDATA[papervision]]></category>
		<category><![CDATA[primitive]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=514</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/papervison-3d-objects-primitive/' addthis:title='Papervison 3D &#8211; Objects Primitive '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Olá pessoal no post anterior dei uma breve introdução a papervision, agora vamos falar mais um pouco sobre o assunto. Papervision têm a possibilidade de trabalhar com objetos primitivos (formas geométricas) são eles: Sphere, Cube, Plane,Cone e Cylinder. Nesse tutorial vou utilizar o velho esquema, flash develop + flex SDK. <a href="http://www.fellyph.com.br/blog/flash/papervison-3d-objects-primitive/">Continue lendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/papervison-3d-objects-primitive/' addthis:title='Papervison 3D &#8211; Objects Primitive '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Olá pessoal no post anterior dei uma breve introdução a papervision, agora vamos falar um pouco mais sobre o assunto. Papervision têm a possibilidade de trabalhar com objetos primitivos (formas geométricas) são eles: Sphere, Cube, Plane,Cone e Cylinder. Nesse tutorial vou utilizar o velho esquema, flash develop + flex SDK.</p>
<p>Vamos ao código :</p>

<div class="wp_syntax"><table><tr><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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;">package  <span style="color: #66cc66;">&#123;</span>
&nbsp;
	<span style="color: #808080; font-style: italic;">/**
	* ...
	* @author Fellyph Cintra fellyph.com.br/blog/
	*/</span>
&nbsp;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Sprite</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">materials</span>.<span style="color: #006600;">utils</span>.<span style="color: #006600;">MaterialsList</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">//Classes necessárias para trabalhar com 3D</span>
	<span style="color: #808080; font-style: italic;">//em termos de visualização</span>
&nbsp;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">view</span>.<span style="color: #006600;">Viewport3D</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">render</span>.<span style="color: #006600;">BasicRenderEngine</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">scenes</span>.<span style="color: #006600;">Scene3D</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">cameras</span>.<span style="color: #006600;">Camera3D</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">//objeto a ser utilizado</span>
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">objects</span>.<span style="color: #006600;">primitives</span>.<span style="color: #006600;">Sphere</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">objects</span>.<span style="color: #006600;">primitives</span>.<span style="color: #006600;">Cube</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">objects</span>.<span style="color: #006600;">primitives</span>.<span style="color: #006600;">Plane</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">objects</span>.<span style="color: #006600;">primitives</span>.<span style="color: #006600;">Cone</span>;
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">objects</span>.<span style="color: #006600;">primitives</span>.<span style="color: #006600;">Cylinder</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">// o Material a ser aplicado no objeto 3d</span>
	<span style="color: #0066CC;">import</span> org.<span style="color: #006600;">papervision3d</span>.<span style="color: #006600;">materials</span>.<span style="color: #006600;">WireframeMaterial</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">//importamos o Event para utilizar o ENTER_FRAME</span>
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> MainObjetos <span style="color: #0066CC;">extends</span> Sprite <span style="color: #66cc66;">&#123;</span>
&nbsp;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _viewport		:Viewport3D;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _cena			:Scene3D;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _camera			:Camera3D;
&nbsp;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> _renderizador 	:BasicRenderEngine;
&nbsp;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> esfera 			:Sphere;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> cubo			:Cube;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> cilindro		:Cylinder;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> plano			:Plane;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> cone			:Cone;
&nbsp;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> material		:WireframeMaterial;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> materialPlano	:WireframeMaterial;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> materialList 	:MaterialsList;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> MainObjetos<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
&nbsp;
			_viewport = <span style="color: #000000; font-weight: bold;">new</span> Viewport3D<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">450</span>, <span style="color: #cc66cc;">300</span>, <span style="color: #000000; font-weight: bold;">false</span>, <span style="color: #000000; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>_viewport<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			_cena 			= <span style="color: #000000; font-weight: bold;">new</span> Scene3D<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			_camera 		= <span style="color: #000000; font-weight: bold;">new</span> Camera3D<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			_renderizador 	= <span style="color: #000000; font-weight: bold;">new</span> BasicRenderEngine<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			material = <span style="color: #000000; font-weight: bold;">new</span> WireframeMaterial<span style="color: #66cc66;">&#40;</span>0xFF0000<span style="color: #66cc66;">&#41;</span>;
			materialPlano = <span style="color: #000000; font-weight: bold;">new</span> WireframeMaterial<span style="color: #66cc66;">&#40;</span>0xFF0000<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// a propriedade doubleSided serve para informar que o material será exibido com duas faces frente e verso</span>
			materialPlano.<span style="color: #006600;">doubleSided</span> = <span style="color: #000000; font-weight: bold;">true</span>;
&nbsp;
			materialList = <span style="color: #000000; font-weight: bold;">new</span> MaterialsList<span style="color: #66cc66;">&#40;</span> <span style="color: #66cc66;">&#123;</span> front:material,back:material,<span style="color: #0066CC;">left</span>:material,<span style="color: #0066CC;">right</span>:material,top:material,bottom:material <span style="color: #66cc66;">&#125;</span> <span style="color: #66cc66;">&#41;</span>
&nbsp;
			<span style="color: #808080; font-style: italic;">//para criar as um objeto do tipo Sphere é necessário passar como parâmetro</span>
			<span style="color: #808080; font-style: italic;">//( material, raio, segmentos Horizontais , número de segmentos Verticais</span>
			esfera = <span style="color: #000000; font-weight: bold;">new</span> Sphere<span style="color: #66cc66;">&#40;</span>material, <span style="color: #cc66cc;">80</span>, <span style="color: #cc66cc;">7</span>, <span style="color: #cc66cc;">7</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//para o objeto Cube são necessário os parâmetros , primeiro MaterialsList que diferente dos outros objetos é um Array com materiais</span>
			<span style="color: #808080; font-style: italic;">//passando as faces do cubo: frente, costas(verso), lateral direita, lateral esquerda, topo  e base, ou seja,</span>
			<span style="color: #808080; font-style: italic;">//você pode criar um cubo com diferentes materiais, nesse exemplo podemos ver acima, só foi utilizado apenas um material.</span>
			<span style="color: #808080; font-style: italic;">//Concluindo ( materialslist, largura, profundidade, altura, segmentos horizontais, segmentos de profundidade, segmentos verticais)</span>
			cubo = <span style="color: #000000; font-weight: bold;">new</span> Cube<span style="color: #66cc66;">&#40;</span>materialList, <span style="color: #cc66cc;">80</span>, <span style="color: #cc66cc;">80</span>, <span style="color: #cc66cc;">80</span>, <span style="color: #cc66cc;">2</span>, <span style="color: #cc66cc;">2</span>, <span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// para o objeto Cylinder passamos o parametro ( material, raio , segmentos Horizontais e vertical)</span>
			cilindro = <span style="color: #000000; font-weight: bold;">new</span> Cylinder<span style="color: #66cc66;">&#40;</span>material, <span style="color: #cc66cc;">30</span>, <span style="color: #cc66cc;">80</span>, <span style="color: #cc66cc;">8</span>, <span style="color: #cc66cc;">6</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//para o objeto Plane ( material, largura , altura, segmentos horizontais , segmentos verticais);</span>
			<span style="color: #808080; font-style: italic;">// no objeto plano estou adicionando o materialPlano porque ele tem dupla face, isso porque,</span>
			<span style="color: #808080; font-style: italic;">// quando ele rotacionar a parte oposta do plano também ser exibida</span>
			plano = <span style="color: #000000; font-weight: bold;">new</span> Plane<span style="color: #66cc66;">&#40;</span>materialPlano, <span style="color: #cc66cc;">60</span>, <span style="color: #cc66cc;">60</span> , <span style="color: #cc66cc;">1</span> , <span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// Objeto Cone( material, raio da base, altura, segmentos horizontais , segmentos verticais);</span>
			cone = <span style="color: #000000; font-weight: bold;">new</span> Cone<span style="color: #66cc66;">&#40;</span>material, <span style="color: #cc66cc;">80</span>, <span style="color: #cc66cc;">120</span>, <span style="color: #cc66cc;">8</span>, <span style="color: #cc66cc;">6</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//adicionamos os objetos na Scene3D</span>
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>esfera<span style="color: #66cc66;">&#41;</span>;
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>cubo<span style="color: #66cc66;">&#41;</span>;
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>cilindro<span style="color: #66cc66;">&#41;</span>;
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>plano<span style="color: #66cc66;">&#41;</span>;
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>cone<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//modificamos as posições dos objetos para não se chocarem</span>
			cubo.<span style="color: #006600;">x</span> = <span style="color: #cc66cc;">150</span>;
			cilindro.<span style="color: #006600;">x</span> = <span style="color: #cc66cc;">300</span>;
			plano.<span style="color: #006600;">x</span> = - <span style="color: #cc66cc;">150</span>;
&nbsp;
			cone.<span style="color: #006600;">x</span> = - <span style="color: #cc66cc;">300</span>; 
&nbsp;
&nbsp;
			<span style="color: #808080; font-style: italic;">//adicionamos o Evento ENTER_FRAME para fazer a renderização e movimento dos objetos</span>
			addEventListener<span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ENTER_FRAME</span>, render<span style="color: #66cc66;">&#41;</span>;
			_renderizador.<span style="color: #006600;">renderScene</span><span style="color: #66cc66;">&#40;</span>_cena, _camera, _viewport<span style="color: #66cc66;">&#41;</span>;
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> render<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
&nbsp;
			esfera.<span style="color: #006600;">rotationY</span> += <span style="color: #cc66cc;">2</span>;
			cubo.<span style="color: #006600;">rotationX</span> += <span style="color: #cc66cc;">2</span>;
&nbsp;
			cilindro.<span style="color: #006600;">rotationY</span> -= <span style="color: #cc66cc;">2</span>;
			cilindro.<span style="color: #006600;">rotationX</span> += <span style="color: #cc66cc;">2</span>;
&nbsp;
			cone.<span style="color: #006600;">rotationZ</span> -= <span style="color: #cc66cc;">2</span>;
			cone.<span style="color: #006600;">rotationY</span> -= <span style="color: #cc66cc;">2</span>;
&nbsp;
			plano.<span style="color: #006600;">rotationY</span> -= <span style="color: #cc66cc;">2</span>;
&nbsp;
			_renderizador.<span style="color: #006600;">renderScene</span><span style="color: #66cc66;">&#40;</span>_cena, _camera, _viewport<span style="color: #66cc66;">&#41;</span>;
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>O resultado é o seguinte :</p>
<p><object type="application/x-shockwave-flash" data="http://www.fellyph.com.br/blog/wp-content/uploads/2009/04/teste2.swf" width="450" height="300" class="embedflash"><param name="movie" value="http://www.fellyph.com.br/blog/wp-content/uploads/2009/04/teste2.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><small>(Please open the article to see the flash file or player.)</small></object></p>
<p>O Código está comentado os pontos relevantes, existem mais parâmetros que podem ser repassados para os objetos, mas nesse exemplo foi simplificado com os parâmetros básicos e como podemos ver o uso de objeto é simples , que segue sempre um padrão que se aplica a todos os objetos, com exceção do cubo que recebe uma lista de materiais :</p>
<ul>
<li>Criar uma material</li>
<li>Aplicar o material ao objeto e definir suas propriedades</li>
<li>Aplicar o objeto a cena</li>
<li>Renderizar a cena</li>
</ul>
<p>Pronto pessoal tutorial simples para não ficar chato.</p>
<p>Até breve&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/papervison-3d-objects-primitive/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Saiu a nova versão do Tweenlite/TweenMax v.10</title>
		<link>http://www.fellyph.com.br/blog/flash/sai-nova-versao-do-tweenlitemax-v10/</link>
		<comments>http://www.fellyph.com.br/blog/flash/sai-nova-versao-do-tweenlitemax-v10/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 14:36:39 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[Filters]]></category>
		<category><![CDATA[GlowFilter]]></category>
		<category><![CDATA[greensock]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[TweenLite]]></category>
		<category><![CDATA[TweenMax]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=451</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/sai-nova-versao-do-tweenlitemax-v10/' addthis:title='Saiu a nova versão do Tweenlite/TweenMax v.10 '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>A Greensock lançou a versão 10.0 do seu pacote de animação, segundo a greensock essa versão vem com mudanças significativas  essas mudanças necessitaram de uma página completa sobre a nova versão : <a href="http://blog.greensock.com/new/">http://blog.greensock.com/new/</a> <a href="http://www.fellyph.com.br/blog/flash/sai-nova-versao-do-tweenlitemax-v10/">Continue lendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/sai-nova-versao-do-tweenlitemax-v10/' addthis:title='Saiu a nova versão do Tweenlite/TweenMax v.10 '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>A Greensock lançou a versão 10.0 do seu pacote de animação, segundo a greensock essa versão vem com mudanças significativas  essas mudanças necessitaram de uma página completa sobre a nova versão : <a href="http://blog.greensock.com/new/">http://blog.greensock.com/new/</a></p>
<p>Entre as novidades :</p>
<p><strong>Melhorias de performance :</strong>  Até 40% mais rápido sob animações pesadas. </p>
<p><strong>Plugin architecture: </strong>A maioria das propriedades especiais que TweenLite e TweenMax possuiam foram separadas, então você so utiliza quando precisar ativando as propriedades através do Plugin Architecture, melhorando o desempenho e economizando espaços em suas animações.</p>
<p>exemplo :</p>
<p>Vou criar um novo fla no flash, criar um movieclip com o nome &#8220;bola_mc&#8221; e inserir o seguinte código no primeiro frame.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;"><span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">plugins</span>.<span style="color: #66cc66;">*</span>;
<span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">TweenLite</span>;
&nbsp;
TweenPlugin.<span style="color: #006600;">activate</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#91;</span>GlowFilterPlugin<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span>;
TweenLite.<span style="color: #006600;">to</span><span style="color: #66cc66;">&#40;</span>bola_mc, <span style="color: #cc66cc;">1.3</span>, <span style="color: #66cc66;">&#123;</span> glowFilter: <span style="color: #66cc66;">&#123;</span> <span style="color: #0066CC;">color</span>:0xff0000, alpha:<span style="color: #cc66cc;">1</span>, blurX:<span style="color: #cc66cc;">50</span>, blurY:<span style="color: #cc66cc;">50</span> <span style="color: #66cc66;">&#125;</span> <span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>Notem que agora é possível utilizar o glowFilter com tweenlite, na linha 1 eu importei os plugins na linha, 4 eu ativei o filtro e por fim executei a animação. Visualmente não há nenhuma diferença, em armazenamento, sim com Tweenlite e plugin a animação ficou com 6kb e com TweenMax a animação ficou com 14kb.</p>
<p><strong>TweenFilterLite foi retirado: </strong>com a estrutura de plugin o TweenFilterLite foi aposentado.</p>
<p><strong>frameLabel feature :</strong> nova propriedade, traz a possibilidade de animar os frames de um Movieclip até um frame com label especificado.</p>
<p>exemplo:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;"><span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">TweenLite</span>;
<span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">easing</span>.<span style="color: #66cc66;">*</span>;
&nbsp;
TweenLite.<span style="color: #006600;">to</span><span style="color: #66cc66;">&#40;</span>bola_mc, <span style="color: #cc66cc;">2</span>, <span style="color: #66cc66;">&#123;</span>frameLabel:<span style="color: #ff0000;">&quot;label2&quot;</span>, ease:Bounce.<span style="color: #006600;">easeOut</span><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p><strong>&#8220;startAt&#8221; feature : </strong> Define os valores iniciais para o início da Tween</p>
<p><strong>Eliminado allTo(), allFrom(), sequence(), e multiSequence() da TweenMax : </strong> Essas propriedades pertencem agora ao TweenGroup (classe para animações de array de objetos).</p>
<p><strong>Altera a sintaxe &#8220;shortRotation&#8221; :</strong> Agora é possível simular uma rotação 3D, com o shortRotation passando as variáveis para, rotationX, rotationY e rotationZ. Fica mais fácil de entender no próximo exemplo :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;"> <span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">TweenMax</span>;
<span style="color: #0066CC;">import</span> gs.<span style="color: #006600;">easing</span>.<span style="color: #66cc66;">*</span>;
&nbsp;
TweenMax.<span style="color: #006600;">to</span><span style="color: #66cc66;">&#40;</span>quadrado_mc, <span style="color: #cc66cc;">2</span>, <span style="color: #66cc66;">&#123;</span> shortRotation: <span style="color: #66cc66;">&#123;</span> rotationY: -<span style="color: #cc66cc;">180</span><span style="color: #66cc66;">&#125;</span>, ease:Bounce.<span style="color: #006600;">easeOut</span><span style="color: #66cc66;">&#125;</span> <span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>Criei um movieclip no meu cenário com o o nome de instância quadrado_mc, mesmo esquema seleciono o primeiro frame, e insira o código.</p>
<p>o resulta é o seguinte: </p>
<p><span style="color: #0000ee; text-decoration: underline;"><a href="http://www.fellyph.com.br/blog/wp-content/uploads/2009/02/quadradop.swf"><object type="application/x-shockwave-flash" data="http://www.fellyph.com.br/blog/wp-content/uploads/2009/02/quadradop.swf" width="460" height="400" class="embedflash"><param name="movie" value="http://www.fellyph.com.br/blog/wp-content/uploads/2009/02/quadradop.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><small>(Please open the article to see the flash file or player.)</small></object></a></span></p>
<p>mais informações no site da <a href="http://blog.greensock.com/">greensock </a></p>
<p>até a próxima &#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/sai-nova-versao-do-tweenlitemax-v10/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Resize em ActionScript 3.0</title>
		<link>http://www.fellyph.com.br/blog/flash/resize-em-actionscript-30/</link>
		<comments>http://www.fellyph.com.br/blog/flash/resize-em-actionscript-30/#comments</comments>
		<pubDate>Mon, 13 Oct 2008 05:23:58 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[resize]]></category>
		<category><![CDATA[stage]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=259</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/resize-em-actionscript-30/' addthis:title='Resize em ActionScript 3.0 '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Olá pessoal uma ação bastante útil para quem desenvolve flash para Web é o tratamento do redimensionamento de tela de um arquivo flash. Para um site isso significa você reposicionar os elementos na tela ou fazer outro tipo de tratamento. &#8230; <a href="http://www.fellyph.com.br/blog/flash/resize-em-actionscript-30/">Continue lendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/resize-em-actionscript-30/' addthis:title='Resize em ActionScript 3.0 '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Olá pessoal uma ação bastante útil para quem desenvolve flash para Web é o tratamento do redimensionamento de tela de um arquivo flash. Para um site isso significa você reposicionar os elementos na tela ou fazer outro tipo de tratamento. Nesse Post vou trabalhar somente com o FlashDevelop.</p>
<ul>
<li>A abra o FlashDevelop</li>
<li>Crie um novo projeto e em seguida uma nova classe.</li>
</ul>
<p>Então vamos ao código :</p>

<div class="wp_syntax"><table><tr><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
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;">package classes <span style="color: #66cc66;">&#123;</span>
&nbsp;
    <span style="color: #808080; font-style: italic;">//Importamos as classes que vamos utilizar</span>
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Sprite</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">StageScaleMode</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">/**
	* ...
	* @author Fellyph Cintra http://www.fellyph.com.br/blog/
	*/</span>
&nbsp;
	<span style="color: #808080; font-style: italic;">// lembrando que nossa classe extends de sprite</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Resize <span style="color: #0066CC;">extends</span> Sprite<span style="color: #66cc66;">&#123;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Resize<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
&nbsp;
			<span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">scaleMode</span> = StageScaleMode.<span style="color: #006600;">NO_SCALE</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">align</span> = <span style="color: #ff0000;">&quot;TL&quot;</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">RESIZE</span>, <span style="color: #0066CC;">onResize</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">/*
			 * O StageScaleMode classe fornece valores para a propriedade stage.scaleMode.
			 * ela fica responsável pela escala dos objetos no palco quando o stage for redimencionado
			 * no nosso exemplo foi passado no_scale ou seja os objetos ficarão com tamanho fixo no stage
			 * a segunda propriedade é o align que recebe &quot;TL&quot; = TOP_LEFT resumindo o canto superior esquerdo
			 * sera  o ponto de orientação do stage.
			 * Por Fim adicionamos o Evento RESIZE , toda vez que houver um redimencionamento no stage
			 * a função onRezise vai ser chamada.
			 *
			 */</span>
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
                <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">onResize</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'Faz Alvo quando redimencionar a tela'</span><span style="color: #66cc66;">&#41;</span>
&nbsp;
			<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;largura do stage Exibida : &quot;</span> + <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;largura real do stage : &quot;</span> + <span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">width</span> <span style="color: #66cc66;">&#41;</span>;
			<span style="color: #808080; font-style: italic;">/*
			 * Nos Dois últimos traces é trabalhado duas propriedades do
			 * stage relacionadas a largura, a primeira traz a largura do stage exibida na tela
			 * a segunda traz o tramanho real do stage o tamanha que ele
                         * foi criado independente da exibição.
			 * Isso também é impregado para altura
			 */</span>
			trage<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;altura do stage Exibida :&quot;</span> + <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span> <span style="color: #66cc66;">&#41;</span>;
			<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;altura real do estage : &quot;</span> + <span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">height</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>	
&nbsp;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>se estiver usando o Flash o código ficará da seguinte forma :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code"><pre class="actionscrip" style="font-family:monospace;">	stage.scaleMode = StageScaleMode.NO_SCALE;
	stage.align = &quot;TL&quot;;
	stage.addEventListener(Event.RESIZE, onResize);
&nbsp;
	public function onResize(e:Event) {
		trace('Faz Alvo quando redimencionar a tela')
	}</pre></td></tr></table></div>

<p>Ok agora vamos trabalhar com um objeto no palco vamos criar um quadrado e definir seu posicionamento.</p>
<p>Primeiro posicionar um shape no centro do palco:</p>

<div class="wp_syntax"><table><tr><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
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;">package classes <span style="color: #66cc66;">&#123;</span>
&nbsp;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Shape</span>;
    <span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Sprite</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">StageScaleMode</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">/**
	* ...
	* @author Fellyph Cintra http://www.fellyph.com.br/blog/
	*/</span>
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Resize2 <span style="color: #0066CC;">extends</span> Sprite<span style="color: #66cc66;">&#123;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> forma:Shape;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Resize2<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
&nbsp;
			<span style="color: #808080; font-style: italic;">// agora vamos criar um shape no palco</span>
			forma = <span style="color: #000000; font-weight: bold;">new</span> Shape<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			forma.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">beginFill</span><span style="color: #66cc66;">&#40;</span>0x990000<span style="color: #66cc66;">&#41;</span>;
			forma.<span style="color: #006600;">graphics</span>.<span style="color: #006600;">drawRect</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">150</span>, <span style="color: #cc66cc;">150</span><span style="color: #66cc66;">&#41;</span>;
			forma.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">endFill</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>forma<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// vamos posicionar o shape no centro do pal</span>
			forma.<span style="color: #006600;">x</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma.<span style="color: #0066CC;">width</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>;
			forma.<span style="color: #006600;">y</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma.<span style="color: #0066CC;">height</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//fazemos o tratamento no stage</span>
			<span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">scaleMode</span> = StageScaleMode.<span style="color: #006600;">NO_SCALE</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">align</span> = <span style="color: #ff0000;">&quot;TL&quot;</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">RESIZE</span>, <span style="color: #0066CC;">onResize</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">/*
			 * usamos o mesmo código para posicionar no centro
			 * dentro do método onResize, agora toda vez que o stage
			 * for redimensionado o shape forma irá para o centro do stage
			 */</span>
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">onResize</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			forma.<span style="color: #006600;">x</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma.<span style="color: #0066CC;">width</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>;
			forma.<span style="color: #006600;">y</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma.<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;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>Segundo tratar um shape estilo rodapé :</p>

<div class="wp_syntax"><table><tr><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
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;">package classes <span style="color: #66cc66;">&#123;</span>
&nbsp;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Shape</span>;
    <span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Sprite</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">StageScaleMode</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">/**
	* ...
	* @author Fellyph Cintra http://www.fellyph.com.br/blog/
	*/</span>
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Resize3 <span style="color: #0066CC;">extends</span> Sprite<span style="color: #66cc66;">&#123;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> forma:Shape;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Resize3<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
&nbsp;
			<span style="color: #808080; font-style: italic;">// agora vamos criar um shape no palco</span>
			<span style="color: #808080; font-style: italic;">// com uma diferença o shape tem a mesma lagura do palco</span>
			forma = <span style="color: #000000; font-weight: bold;">new</span> Shape<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			forma.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">beginFill</span><span style="color: #66cc66;">&#40;</span>0x990000<span style="color: #66cc66;">&#41;</span>;
			forma.<span style="color: #006600;">graphics</span>.<span style="color: #006600;">drawRect</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">0</span>,<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span>, <span style="color: #cc66cc;">50</span><span style="color: #66cc66;">&#41;</span>;
			forma.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">endFill</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>forma<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// vamos posicionar o shape no limite inferior do palco</span>
			<span style="color: #808080; font-style: italic;">// ele vai funcionar como uma especie de rodapé</span>
&nbsp;
			forma.<span style="color: #006600;">x</span> = <span style="color: #cc66cc;">0</span>;
			forma.<span style="color: #006600;">y</span> = <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span> - forma.<span style="color: #0066CC;">height</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//fazemos o tratamento no stage</span>
			<span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">scaleMode</span> = StageScaleMode.<span style="color: #006600;">NO_SCALE</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">align</span> = <span style="color: #ff0000;">&quot;TL&quot;</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">RESIZE</span>, <span style="color: #0066CC;">onResize</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">/*
			 *
			 */</span>
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">onResize</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			<span style="color: #808080; font-style: italic;">//repetimos o posicionamento com um diferença mudamos também a largura do shape</span>
			forma.<span style="color: #006600;">x</span> = <span style="color: #cc66cc;">0</span>;
			forma.<span style="color: #006600;">y</span> = <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span> - forma.<span style="color: #0066CC;">height</span>;
			forma.<span style="color: #0066CC;">width</span> = <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span>;
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>E o resultado é :</p>
<p><object type="application/x-shockwave-flash" data="http://www.fellyph.com.br/blog/wp-content/uploads/2008/10/resize31.swf" width="450" height="400" class="embedflash"><param name="movie" value="http://www.fellyph.com.br/blog/wp-content/uploads/2008/10/resize31.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><small>(Please open the article to see the flash file or player.)</small></object></p>
<p>Por fim vamos trabalhar com quatro shapes ao mesmo tempo :</p>

<div class="wp_syntax"><table><tr><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
</pre></td><td class="code"><pre class="actionscript" style="font-family:monospace;">package classes <span style="color: #66cc66;">&#123;</span>
&nbsp;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Shape</span>;
    <span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">Sprite</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">StageScaleMode</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">/**
	* ...
	* @author Fellyph Cintra http://www.fellyph.com.br/blog/
	*/</span>
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Resize4 <span style="color: #0066CC;">extends</span> Sprite<span style="color: #66cc66;">&#123;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> forma1:Shape;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> forma2:Shape;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> forma3:Shape;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> forma4:Shape;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Resize4<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
&nbsp;
			<span style="color: #808080; font-style: italic;">//criamos 4 formas</span>
			forma1 = <span style="color: #000000; font-weight: bold;">new</span> Shape<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			forma1.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">beginFill</span><span style="color: #66cc66;">&#40;</span>0xCC0000<span style="color: #66cc66;">&#41;</span>;
			forma1.<span style="color: #006600;">graphics</span>.<span style="color: #006600;">drawRect</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">150</span>, <span style="color: #cc66cc;">50</span><span style="color: #66cc66;">&#41;</span>;
			forma1.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">endFill</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>forma1<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			forma2 = <span style="color: #000000; font-weight: bold;">new</span> Shape<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			forma2.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">beginFill</span><span style="color: #66cc66;">&#40;</span>0xFFCC00<span style="color: #66cc66;">&#41;</span>;
			forma2.<span style="color: #006600;">graphics</span>.<span style="color: #006600;">drawRect</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">50</span>, <span style="color: #cc66cc;">150</span><span style="color: #66cc66;">&#41;</span>;
			forma2.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">endFill</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>forma2<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			forma3 = <span style="color: #000000; font-weight: bold;">new</span> Shape<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			forma3.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">beginFill</span><span style="color: #66cc66;">&#40;</span>0x009900<span style="color: #66cc66;">&#41;</span>;
			forma3.<span style="color: #006600;">graphics</span>.<span style="color: #006600;">drawRect</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">150</span>, <span style="color: #cc66cc;">50</span><span style="color: #66cc66;">&#41;</span>;
			forma3.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">endFill</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>forma3<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			forma4 = <span style="color: #000000; font-weight: bold;">new</span> Shape<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			forma4.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">beginFill</span><span style="color: #66cc66;">&#40;</span>0x000099<span style="color: #66cc66;">&#41;</span>;
			forma4.<span style="color: #006600;">graphics</span>.<span style="color: #006600;">drawRect</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">50</span>, <span style="color: #cc66cc;">150</span><span style="color: #66cc66;">&#41;</span>;
			forma4.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">endFill</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>forma4<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// fazemos seu posicionamento</span>
			forma1.<span style="color: #006600;">y</span> = <span style="color: #cc66cc;">0</span>;
			forma1.<span style="color: #006600;">x</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span> <span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma1.<span style="color: #0066CC;">width</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			forma2.<span style="color: #006600;">y</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma2.<span style="color: #0066CC;">height</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>
			forma2.<span style="color: #006600;">x</span> = <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span> - forma2.<span style="color: #0066CC;">width</span>;
&nbsp;
			forma3.<span style="color: #006600;">y</span> = <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span> - forma3.<span style="color: #0066CC;">height</span>;
			forma3.<span style="color: #006600;">x</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span> <span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma3.<span style="color: #0066CC;">width</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>
&nbsp;
			forma4.<span style="color: #006600;">y</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma4.<span style="color: #0066CC;">height</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>
			forma4.<span style="color: #006600;">x</span> = <span style="color: #cc66cc;">0</span>;
&nbsp;
			<span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">scaleMode</span> = StageScaleMode.<span style="color: #006600;">NO_SCALE</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #0066CC;">align</span> = <span style="color: #ff0000;">&quot;TL&quot;</span>;
			<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">RESIZE</span>, <span style="color: #0066CC;">onResize</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">/*
			 * notem que o resize pode ser aplicado a mais de um objeto no palco
			 */</span>
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">onResize</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
			forma1.<span style="color: #006600;">y</span> = <span style="color: #cc66cc;">0</span>;
			forma1.<span style="color: #006600;">x</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span> <span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma1.<span style="color: #0066CC;">width</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			forma2.<span style="color: #006600;">y</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma2.<span style="color: #0066CC;">height</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>
			forma2.<span style="color: #006600;">x</span> = <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span> - forma2.<span style="color: #0066CC;">width</span>;
&nbsp;
			forma3.<span style="color: #006600;">y</span> = <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span> - forma3.<span style="color: #0066CC;">height</span>;
			forma3.<span style="color: #006600;">x</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageWidth</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span> <span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma3.<span style="color: #0066CC;">width</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>
&nbsp;
			forma4.<span style="color: #006600;">y</span> = <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">stageHeight</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span> - <span style="color: #66cc66;">&#40;</span>forma4.<span style="color: #0066CC;">height</span><span style="color: #66cc66;">/</span><span style="color: #cc66cc;">2</span><span style="color: #66cc66;">&#41;</span>
			forma4.<span style="color: #006600;">x</span> = <span style="color: #cc66cc;">0</span>;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>O Resultado que temos é esse:</p>
<p><object type="application/x-shockwave-flash" data="http://www.fellyph.com.br/blog/wp-content/uploads/2008/10/resize41.swf" width="450" height="400" class="embedflash"><param name="movie" value="http://www.fellyph.com.br/blog/wp-content/uploads/2008/10/resize41.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><small>(Please open the article to see the flash file or player.)</small></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/resize-em-actionscript-30/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

