<?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; as3</title>
	<atom:link href="http://www.fellyph.com.br/blog/tag/as3/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>Como fazer uma exibição Full Screen em AS3</title>
		<link>http://www.fellyph.com.br/blog/flash/como-fazer-uma-exibicao-full-screen-em-as3/</link>
		<comments>http://www.fellyph.com.br/blog/flash/como-fazer-uma-exibicao-full-screen-em-as3/#comments</comments>
		<pubDate>Wed, 23 Feb 2011 17:39:41 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[full screen]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=1660</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/como-fazer-uma-exibicao-full-screen-em-as3/' addthis:title='Como fazer uma exibição Full Screen em AS3 '  ><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>Antes com velho as2 para habilitar o full screen você utilizava o comando fscommand. No AS3 a história mudou, para trabalhar com full screen você tem que acessar o stage e modificar a propriedade &#8220;displayState&#8221; ela específica o estado de &#8230; <a href="http://www.fellyph.com.br/blog/flash/como-fazer-uma-exibicao-full-screen-em-as3/">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/como-fazer-uma-exibicao-full-screen-em-as3/' addthis:title='Como fazer uma exibição Full Screen em AS3 '  ><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>Antes com velho as2 para habilitar o full screen você utilizava o comando fscommand. No AS3 a história mudou, para trabalhar com full screen você tem que acessar o stage e modificar a propriedade &#8220;displayState&#8221; ela específica o estado de exibição a ser usado. Essa propriedade trabalha com a classe StateDisplayState.</p>
<p>A classe StageDisplayState é simplesmente responsável por definir os valores válidos pela propriedade &#8220;displayState&#8221;. StateDisplay guarda dois valores</p>
<p>StageDisplayState.FULL_SCREEN : Define o modo de exibição tela cheia full screen </p>
<p>StageDisplayState.NORMAL : Define o modo de exibição padrão do Flash</p>
<p>Lembrado que qualquer entrada de teclado é desabilitada quando o Stage está no modo fullScreen.</p>
<p>O código para habilitar o modo fullScreen em as3 é da seguinte forma :</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript" style="font-family:monospace;"><span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #006600;">StageDisplayState</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">// em meu arquivo Flash eu adicionei um movieClip com o nome de instância &quot;cliqueTela&quot;</span>
&nbsp;
&nbsp;
<span style="color: #808080; font-style: italic;">// adicionando um listener para quando clicar no botão verificar </span>
cliqueTela.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">CLICK</span>, onClick<span style="color: #66cc66;">&#41;</span>
&nbsp;
cliqueTela.<span style="color: #006600;">buttonMode</span> = <span style="color: #000000; font-weight: bold;">true</span>;
cliqueTela.<span style="color: #006600;">alpha</span> = <span style="color: #cc66cc;">0.5</span>; 
&nbsp;
<span style="color: #808080; font-style: italic;">//função para verificar se o stage está em fullScreen se estiver </span>
<span style="color: #000000; font-weight: bold;">function</span> goFullScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span><span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">//verifica e que estado o Flash está &quot;se estiver no estado normal habilita o modo fullScreen&quot;</span>
	<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span>.<span style="color: #006600;">displayState</span> == StageDisplayState.<span style="color: #006600;">NORMAL</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
		cliqueTela.<span style="color: #006600;">alpha</span> = <span style="color: #cc66cc;">1</span>;
        <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">displayState</span> = StageDisplayState.<span style="color: #006600;">FULL_SCREEN</span>;
    <span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span>
		cliqueTela.<span style="color: #006600;">alpha</span> = <span style="color: #cc66cc;">0.5</span>
        <span style="color: #0066CC;">stage</span>.<span style="color: #006600;">displayState</span> = StageDisplayState.<span style="color: #006600;">NORMAL</span>;
    <span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
&nbsp;
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> onClick<span style="color: #66cc66;">&#40;</span>event:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
    goFullScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span></pre></div></div>

<p>Para o modo full screen funcionar é preciso fazer uma alteração em nosso arquivo HTML habilitar a exibição full screen do contém Flash. Por exemplo mostrar um trecho do código HTML:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">...
&lt;div id=&quot;flashContent&quot;&gt;
			&lt;object classid=&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot; width=&quot;550&quot; height=&quot;400&quot; id=&quot;fullscreen&quot; align=&quot;middle&quot;&gt;
				&lt;param name=&quot;movie&quot; value=&quot;fullscreen.swf&quot; /&gt;
				&lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt;
				&lt;param name=&quot;bgcolor&quot; value=&quot;#ffffff&quot; /&gt;
&nbsp;
				&lt;param name=&quot;allowfullscreen&quot; value=&quot;true&quot; /&gt;
                                ...</pre></div></div>

<p>Se estiver utilizando swfobject o código fica assim :</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;script type=&quot;text/javascript&quot;&gt;
&nbsp;
var flashvars = false;
var params = { };
&nbsp;
swfobject.embedSWF(&quot;myContent.swf&quot;, &quot;myContent&quot;, &quot;300&quot;, &quot;120&quot;, &quot;9.0.0&quot;,&quot;expressInstall.swf&quot;, flashvars, params);
&nbsp;
&lt;/script&gt;</pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/como-fazer-uma-exibicao-full-screen-em-as3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Evento Change TextField &#8211; Como contar o número de caracteres</title>
		<link>http://www.fellyph.com.br/blog/flash/evento-change-textfield-como-contar-o-numero-de-caracteres/</link>
		<comments>http://www.fellyph.com.br/blog/flash/evento-change-textfield-como-contar-o-numero-de-caracteres/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 01:32:37 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[textfield]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=1300</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/evento-change-textfield-como-contar-o-numero-de-caracteres/' addthis:title='Evento Change TextField &#8211; Como contar o número de caracteres '  ><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 Classe TextField tem 4 eventos:  change, link, scroll e input. Nesse tutorial vou trabalhar com o evento "change" para fazer um pequeno contador de caracteres. O evento change como o nome sugere é chamado quando o inputText é alterado. Então vamos começar o tutorial: <a href="http://www.fellyph.com.br/blog/flash/evento-change-textfield-como-contar-o-numero-de-caracteres/">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/evento-change-textfield-como-contar-o-numero-de-caracteres/' addthis:title='Evento Change TextField &#8211; Como contar o número de caracteres '  ><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 Classe TextField tem 4 eventos:  change, link, scroll e input. Nesse tutorial vou trabalhar com o evento &#8220;change&#8221; para fazer um pequeno contador de caracteres. O evento change como o nome sugere é chamado quando o inputText é alterado. Então vamos começar o tutorial:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript" style="font-family:monospace;">package
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">//importando as classes necessárias</span>
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">display</span>.<span style="color: #0066CC;">MovieClip</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: #0066CC;">text</span>.<span style="color: #0066CC;">TextField</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #0066CC;">text</span>.<span style="color: #006600;">TextFieldType</span>;
&nbsp;
	<span style="color: #808080; font-style: italic;">/**
	 * ...
	 * @author Fellyph Cintra
	 */</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> ContaTexto <span style="color: #0066CC;">extends</span> <span style="color: #0066CC;">MovieClip</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">//</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> campoInput	:<span style="color: #0066CC;">TextField</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> campoConta	:<span style="color: #0066CC;">TextField</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> titulo		:<span style="color: #0066CC;">TextField</span>;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> contador		:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">0</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> maximo		:<span style="color: #0066CC;">Number</span> = <span style="color: #cc66cc;">140</span>;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> ContaTexto<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #808080; font-style: italic;">// instanciando os campos</span>
			campoConta 	= <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">TextField</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			campoInput 	= <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">TextField</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			titulo 		= <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">TextField</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//definindo nosso campo input</span>
			campoInput.<span style="color: #0066CC;">type</span> = TextFieldType.<span style="color: #006600;">INPUT</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//definindo a quantidade maxima de caracteres que é 140</span>
			campoInput.<span style="color: #0066CC;">maxChars</span> = maximo;
&nbsp;
			<span style="color: #808080; font-style: italic;">//adicionando os campos ao palco</span>
			addChild<span style="color: #66cc66;">&#40;</span>campoInput<span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>campoConta<span style="color: #66cc66;">&#41;</span>;
			addChild<span style="color: #66cc66;">&#40;</span>titulo<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			titulo.<span style="color: #0066CC;">text</span> = <span style="color: #ff0000;">&quot;digite seu texto&quot;</span>;
			titulo.<span style="color: #006600;">x</span> = <span style="color: #cc66cc;">50</span>
			titulo.<span style="color: #006600;">y</span> = <span style="color: #cc66cc;">30</span>
&nbsp;
			<span style="color: #808080; font-style: italic;">//definindo algumas caracteristicas do textIpunt</span>
			campoInput.<span style="color: #0066CC;">width</span>		= <span style="color: #cc66cc;">200</span>;
			campoInput.<span style="color: #0066CC;">height</span> 		= <span style="color: #cc66cc;">80</span>;
			campoInput.<span style="color: #0066CC;">border</span>		= <span style="color: #000000; font-weight: bold;">true</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// definir como multline</span>
			campoInput.<span style="color: #0066CC;">multiline</span>	= <span style="color: #000000; font-weight: bold;">true</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">// definir a quebra de linha quando chegar no final</span>
			campoInput.<span style="color: #0066CC;">wordWrap</span>		= <span style="color: #000000; font-weight: bold;">true</span>;
			campoInput.<span style="color: #006600;">x</span> 			= <span style="color: #cc66cc;">50</span>;
			campoInput.<span style="color: #006600;">y</span> 			= <span style="color: #cc66cc;">50</span>;
&nbsp;
			campoConta.<span style="color: #0066CC;">width</span> 		= <span style="color: #cc66cc;">50</span>;
			campoConta.<span style="color: #0066CC;">height</span> 		= <span style="color: #cc66cc;">20</span>;
			campoConta.<span style="color: #0066CC;">border</span>		= <span style="color: #000000; font-weight: bold;">true</span>;
			campoConta.<span style="color: #006600;">y</span> 			= <span style="color: #cc66cc;">135</span>;
			campoConta.<span style="color: #006600;">x</span> 			= <span style="color: #cc66cc;">200</span>;
&nbsp;
			campoConta.<span style="color: #0066CC;">text</span> 		= <span style="color: #ff0000;">&quot;140&quot;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//adicionando o evento change ao campo de texto</span>
			<span style="color: #808080; font-style: italic;">//notem que change não um TextEvent e sim um Event</span>
			campoInput.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">CHANGE</span>, onChange<span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> onChange<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;">// subitraindo o numero maximo pela quantidade de caracteres</span>
			campoConta.<span style="color: #0066CC;">text</span> = maximo - campoInput.<span style="color: #0066CC;">text</span>.<span style="color: #0066CC;">length</span>  + <span style="color: #ff0000;">&quot;&quot;</span>;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></div></div>

<p>O código já está comentado para facilitar o entendimento, mas o princípio básico é:</p>
<ul>
<li>Definir a quantidade máxima de caracteres</li>
<li>Adicionar o evento de listener</li>
<li>E fazer o tratamento na função que o listener chama</li>
</ul>
<p>o resultado vai ser o seguinte:</p>
<p><object type="application/x-shockwave-flash" data="http://www.fellyph.com.br/blog/wp-content/uploads/2010/07/main.swf" width="470" height="300" class="embedflash"><param name="movie" value="http://www.fellyph.com.br/blog/wp-content/uploads/2010/07/main.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/evento-change-textfield-como-contar-o-numero-de-caracteres/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Oportunidade &#8211; I2 tecnologia &#8211; Recife</title>
		<link>http://www.fellyph.com.br/blog/vagas/oportunidade-i2-tecnologia-recife/</link>
		<comments>http://www.fellyph.com.br/blog/vagas/oportunidade-i2-tecnologia-recife/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 19:03:30 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Vagas]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[oportunidades]]></category>
		<category><![CDATA[recife]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=916</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/vagas/oportunidade-i2-tecnologia-recife/' addthis:title='Oportunidade &#8211; I2 tecnologia &#8211; Recife '  ><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 i2 Tecnologia abriu uma vaga para programador <strong>Java e AS3</strong>, para criação de jogos e aplicativos para celular em AS3 e criação se server em Java. 

Gostar de jogos e já ter feito alguma programação para jogos em AS3 são pre-requisitos. É para contratação CLT.  <a href="http://www.fellyph.com.br/blog/vagas/oportunidade-i2-tecnologia-recife/">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/vagas/oportunidade-i2-tecnologia-recife/' addthis:title='Oportunidade &#8211; I2 tecnologia &#8211; Recife '  ><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 i2 Tecnologia abriu uma vaga para programador <strong>Java e AS3</strong>, para criação de jogos e aplicativos para celular em AS3 e criação se server em Java. </p>
<p>Gostar de jogos e já ter feito alguma programação para jogos em AS3 são pre-requisitos. É para contratação CLT. </p>
<p>Interessados, favor enviar currículo para:</p>
<p><a href="http://www.i2tecnologia.com.br/v2/?pag=jobs" target="_blank">http://www.i2tecnologia.com.br/v2/?pag=jobs</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/vagas/oportunidade-i2-tecnologia-recife/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>Link da Semana &#8211; Tutorias de games em flash(inglês)</title>
		<link>http://www.fellyph.com.br/blog/flash/link-do-dia-tutorias-de-games-em-flashingles/</link>
		<comments>http://www.fellyph.com.br/blog/flash/link-do-dia-tutorias-de-games-em-flashingles/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 15:15:52 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[as2]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[inglês]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=703</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/link-do-dia-tutorias-de-games-em-flashingles/' addthis:title='Link da Semana &#8211; Tutorias de games em flash(inglês) '  ><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>Não tive a oportunidade de ver todos, mas vi que o site tem uma variadade muito boa de tutoriais de games em flash tanto em as2 como as3. Os tutoriais são divididos em partes isso ajuda muito no aprendizado.   <a href="http://www.fellyph.com.br/blog/flash/link-do-dia-tutorias-de-games-em-flashingles/">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/link-do-dia-tutorias-de-games-em-flashingles/' addthis:title='Link da Semana &#8211; Tutorias de games em flash(inglês) '  ><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>Não tive a oportunidade de ver todos, mas vi que o site tem uma variadade muito boa de tutoriais de games em flash tanto em as2 como as3. Os tutoriais são divididos em partes isso ajuda muito no aprendizado.   segue o link : <a href="http://www.flashgametuts.com/ " target="_blank">http://www.flashgametuts.com/ </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/link-do-dia-tutorias-de-games-em-flashingles/feed/</wfw:commentRss>
		<slash:comments>1</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>Tutorial PaperVision 3D 2.0</title>
		<link>http://www.fellyph.com.br/blog/flash/tutorial-papervision-3d-20/</link>
		<comments>http://www.fellyph.com.br/blog/flash/tutorial-papervision-3d-20/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 05:09:28 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[actionScprit]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[classes]]></category>
		<category><![CDATA[flash develop]]></category>
		<category><![CDATA[flex sdk]]></category>
		<category><![CDATA[métodos]]></category>
		<category><![CDATA[papervision]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=303</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/tutorial-papervision-3d-20/' addthis:title='Tutorial PaperVision 3D 2.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 nesse post eu vou falar sobre Papervision 3D, ela é uma engine que simula um ambiente 3D dentro do flash com um conjunto de classes que através de calculos gera um ambiente altura, largura e profundidade, diferente do que o flash proporcionava na versão CS3. Lembrando que a nova versão do flash já tem um suporte nativo para 3D.

Atualmente existem várias engines 3D no mercado, sendo Papervision a mais popular. Com essa engine podemos trabalhar com formas como: planos , cubos , cilindros, cones e objetos complexos, exportados por ferramentas 3D, por exemplo, Blender. <a href="http://www.fellyph.com.br/blog/flash/tutorial-papervision-3d-20/">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/tutorial-papervision-3d-20/' addthis:title='Tutorial PaperVision 3D 2.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 nesse post eu vou falar sobre Papervision 3D(obs. esse post está em rascunho desde o ano passado), ela é uma engine que simula um ambiente 3D dentro do flash com um conjunto de classes que através de cálculos gera um ambiente altura, largura e profundidade.Mas lembrando que a nova versão do flash já tem um suporte nativo para 3D.</p>
<p>Atualmente existem várias engines 3D no mercado, sendo Papervision a mais popular. Com essa engine podemos trabalhar com formas como: planos , cubos , cilindros, cones e objetos complexos, exportados por ferramentas 3D, por exemplo, Blender.</p>
<p>Mais informações no site do projeto no google code: <a href="http://code.google.com/p/papervision3d/" target="_blank">http://code.google.com/p/papervision3d/</a></p>
<p>Blog oficial: <a href="http://blog.papervision3d.org/" target="_blank">http://blog.papervision3d.org/</a></p>
<p>Um exemplo no site : <a href="http://www.papervision3d.org/" target="_blank">http://www.papervision3d.org/</a></p>
<p>Vamos começar de leve, para esse tutorial será necessário baixar a versão 2.0 do papervision, no site : <a href="http://papervision3d.googlecode.com/files/Papervision3D_2.0_beta_1_src.zip" target="_blank">http://papervision3d.googlecode.com/files/Papervision3D_2.0_beta_1_src.zip</a></p>
<p>Descompacte o zip, o aqui contém uma pasta chamada src, dentro dessa pasta tem os seguintes arquivos :</p>
<p><img class="alignnone size-full wp-image-337" title="print-paper-vision" src="http://www.fellyph.com.br/blog/wp-content/uploads/2008/11/print-paper-vision.gif" alt="" width="450" height="281" /></p>
<p>Como na imagem a cima a pasta src possui as seguintes pastas nochump e org.</p>
<p>Copie a pasta &#8220;org&#8221; para o local do seu projeto. (no meu caso criei uma pasta papervision e em seguida criei um projeto com o flash Develop).</p>
<p><img class="alignnone size-full wp-image-342" title="print-paper-vision-2" src="http://www.fellyph.com.br/blog/wp-content/uploads/2008/11/print-paper-vision-2.gif" alt="" width="450" height="281" /></p>
<p>Para compilar o código eu vou utilizar flash develop + flex SDK que você pode ver o <a href="http://www.fellyph.com.br/blog/tutoriais/flash-develop-flex-sdk/">tutorial como utilizar aqui</a>, se tudo der certo o flash develop irá reconhecer as classes do paperVision, crie uma classe chama Main e 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
</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>;
&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>;
&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: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> Main <span style="color: #0066CC;">extends</span> Sprite <span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">// para criar um ambiente 3D precisamos desses três elementos para</span>
                <span style="color: #808080; font-style: italic;">//visualização de de nosso ambiente, resumindo :</span>
                <span style="color: #808080; font-style: italic;">// Viewport é responsável pela área que irá ser exibida</span>
                <span style="color: #808080; font-style: italic;">// Scene3D é responsável pelos objetos 3d aplicados na tela</span>
                <span style="color: #808080; font-style: italic;">// Camara3D será nossa visão do ambiente 3d</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: #808080; font-style: italic;">// BasicRenderEngine cuidará da renderização de nosso ambiente.</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;">//Sphere é nosso objeto primitivo 3D</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> esfera 			:Sphere;
&nbsp;
                <span style="color: #808080; font-style: italic;">// WireframeMaterial é camada do objeto primitivo ou seja nossa Textura</span>
                <span style="color: #808080; font-style: italic;">// WireframeMaterial é um dos materiais mais simples do paperVision são</span>
                <span style="color: #808080; font-style: italic;">// apenas linhas que contornam os vértices do meu objeto.</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">var</span> material		        :WireframeMaterial;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Main<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>0x330000<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			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;">6</span>, <span style="color: #cc66cc;">6</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>esfera<span style="color: #66cc66;">&#41;</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>Para que não esta ambientado com POO, vou fazer um resumo bem &#8220;Basicão&#8221;:</p>
<ol>
<li>Na primeira linha definimos o pacote que a classe está &#8220;package  {&#8221; nesse caso a classe está na raiz do projeto.</li>
<li>Importamos as classes necessárias</li>
<li>Iniciamos nossa classe &#8221; public class Main extends Sprite { &#8220;</li>
<li>Definimos nossos atributos</li>
<li>Iniciamos nosso construtor (o construtor é o primeiro método a ser executado em uma classe) &#8220;public function Main() {&#8220;</li>
</ol>
<p>Para esse tutorial para ficar simples eu joguei todas as operações dentro do construtor, para entender melhor vamos ver o passo-a-passo de nosso construtor:</p>
<ul>
<li>Primeiro criamos um novo Viewport3D, passamos como parâmetro ( largura:Number, altura:Number, autosize:Boolean e interatividade:Boolean ), existem outros parâmetros, mas não serão abordados nesse tutorial.</li>
<li>Adicionamos o Viewport no palco.</li>
<li>Instânciamos novos _renderizador, _cena e _camera.</li>
<li>Criamos um novo material e passamos com parâmetro a cor.</li>
<li>A instancimos uma nova esfera Objeto do tipo Sphere , para isso são necessário os parâmetros, o material , o raio da esfera, e a quantidade de segmentos horizontais e verticais</li>
<li>Adicionamos a esfera na _cena</li>
<li>por fim renderizamos nosso ambiente</li>
</ul>
<p>Nesse esquema utilizado o nosso ambiente será renderizado apenas uma vez o resultado podemos ver abaixo:</p>
<p><object type="application/x-shockwave-flash" data="http://www.fellyph.com.br/blog/wp-content/uploads/2009/03/teste22.swf" width="450" height="300" class="embedflash"><param name="movie" value="http://www.fellyph.com.br/blog/wp-content/uploads/2009/03/teste22.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>Diferente do modelo acima o legal é dar movimento aos objetos, nesse caso precisamos  renderizar o nosso ambiente varias vezes, para isso utilizamos o Evento ENTER_FRAME, 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
</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>;
&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>;
&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> Main <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> material		:WireframeMaterial;
&nbsp;
&nbsp;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> Main<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>0x330000<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			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;
			_cena.<span style="color: #006600;">addChild</span><span style="color: #66cc66;">&#40;</span>esfera<span style="color: #66cc66;">&#41;</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//adicionamos o Evento ENTER_FRAME</span>
			addEventListener<span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ENTER_FRAME</span>, render<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>
			esfera.<span style="color: #006600;">rotationY</span> += <span style="color: #cc66cc;">2</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>Vamos lá a diferença para o modelo anterior é que, aumentei o número de segmentos da esfera para ficar visualmente melhor e adicionamos um evento ENTER_FRAME que chama o método &#8220;render&#8221; que faz duas coisas simples incrementa o rotationY e renderiza nosso ambiente a cada vez que o método é chamado.</p>
<p>O Resultado é o seguinte :</p>
<p><object type="application/x-shockwave-flash" data="http://www.fellyph.com.br/blog/wp-content/uploads/2009/03/teste2.swf" width="450" height="300" class="embedflash"><param name="movie" value="http://www.fellyph.com.br/blog/wp-content/uploads/2009/03/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>Próximo tutorial vou falar mais um pouco sobre papervision.</p>
<p>Quando comecei a reescrever esse post era dia 30 de março, aniversário do meu amigo André Ponce, Parceiro sempre ajudando quando possível, terminei de escrever 2 horas do dia 31 março, foi mau ai Ponce. Parabéns atrasado.</p>
<p>Até breve&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/tutorial-papervision-3d-20/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>Saiu o release 3.0.0 RCI do Flash Develop (atrasado)</title>
		<link>http://www.fellyph.com.br/blog/geral/saiu-o-release-300-rci-do-flash-develop-atrasado/</link>
		<comments>http://www.fellyph.com.br/blog/geral/saiu-o-release-300-rci-do-flash-develop-atrasado/#comments</comments>
		<pubDate>Mon, 19 Jan 2009 22:43:53 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[flash develop]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=405</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/geral/saiu-o-release-300-rci-do-flash-develop-atrasado/' addthis:title='Saiu o release 3.0.0 RCI do Flash Develop (atrasado) '  ><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>Meio atrasado mas esse post estava perdido nos meus rascunhos, saiu dia 27 de dezembro o relase 3.0.0 RCI do flash develop para baixa clique aqui. Entre as melhorias do novo release estão :  swc externos agora aparecem como classpath. &#8230; <a href="http://www.fellyph.com.br/blog/geral/saiu-o-release-300-rci-do-flash-develop-atrasado/">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/geral/saiu-o-release-300-rci-do-flash-develop-atrasado/' addthis:title='Saiu o release 3.0.0 RCI do Flash Develop (atrasado) '  ><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>Meio atrasado mas esse post estava perdido nos meus rascunhos, saiu dia 27 de dezembro o relase 3.0.0 RCI do flash develop para baixa <a href="http://www.flashdevelop.org/downloads/releases/FlashDevelop-3.0.0-RC1.exe" target="_blank">clique aqui</a>. Entre as melhorias do novo release estão : </p>
<ul>
<li>swc externos agora aparecem como classpath.</li>
<li>a possibilidade de explorar um swc com duplo clique.</li>
<li>melhor integração com flash player 10.</li>
<li>erros de sitaxe ao vivo para as3.</li>
<li>atualizado o MXML completation.</li>
</ul>
<p>O grupo do Flash Develop sempre aconselha fazer Backup dos seu projetos quando for instalar uma nova versão, eu sinceramente nunca faço isso.</p>
<p>Até a Próxima.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/geral/saiu-o-release-300-rci-do-flash-develop-atrasado/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

