<?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>infinita Design &#187; Flash</title>
	<atom:link href="http://infinitadesign.com/blog/category/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://infinitadesign.com/blog</link>
	<description>coding style.</description>
	<lastBuildDate>Sat, 20 Mar 2010 01:10:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Scite + AS3 + Flex-SDK + PaperVision3D</title>
		<link>http://infinitadesign.com/blog/2009/10/18/scite-as3-flex-sdk-papervision3d/</link>
		<comments>http://infinitadesign.com/blog/2009/10/18/scite-as3-flex-sdk-papervision3d/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 23:38:28 +0000</pubDate>
		<dc:creator>andre</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Geral]]></category>

		<guid isPermaLink="false">http://infinitadesign.com/blog/?p=85</guid>
		<description><![CDATA[Scite se tornou meu editor favorito por ser altamente customizável e tornando-o um editor multilinguagem muito bom. Baseado neste aspecto do scite resolvi agora começar a estudar um pouco de AS3, o Flex e o Papervision usando o scite para editar o código ao invés de utilizar o editor embutido do Flash.
A proposta aqui é [...]]]></description>
			<content:encoded><![CDATA[<p>Scite se tornou meu editor favorito por ser altamente customizável e tornando-o um editor multilinguagem muito bom. Baseado neste aspecto do scite resolvi agora começar a estudar um pouco de AS3, o Flex e o Papervision usando o scite para editar o código ao invés de utilizar o editor embutido do Flash.</p>
<p>A proposta aqui é utilizar o compilador do flex para criar os arquivos SWF sem precisar do flash, deixando o flash somente para edição gráfica do projeto. Para isso é necessário que tenhamos o Flex SDK que pode ser encontrado em:</p>
<blockquote><p><strong>FLEX 3 SDK</strong> : <a href="http://arthurdick.com/projects/as3/" target="_blank">http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3sdk</a></p></blockquote>
<p>Dentro do pacote nos iremos encontrar os compiladores, o framework do Flex, e os players 9 e 10 (Flex 3.4 SDK) &#8211; o pacote tem aproximadamente 200MB descompactado.<br />
O arquivo que procuramos é o mxmlc.exe localizado dentro de &#8220;bin&#8221;, este é o arquivo que irá compilar nosso arquivo &#8220;.as&#8221; e transformá-lo em um &#8220;swf&#8221;. Se quiser comprovar o funcionamento do mesmo é só arrastar um arquivo &#8220;.as&#8221; para o executável e ele irá criar o swf baseado neste script.</p>
<p>O Segundo passo é preparar o SciTE, iremos necessitar o SciTE e do arquivo API e .properties para que o SciTe tenha suporte &#8220;auto-completion&#8221; para AS3.<br />
O SciTE pode ser baixado gratuitamente em:</p>
<blockquote><p><strong>SciTE(2.01)</strong> : <a title="Scite" href="http://www.scintilla.org/SciTE.html" target="_blank">http://www.scintilla.org/SciTE.html</a></p></blockquote>
<p>Os arquivos api e properties podem ser encontrados aqui:</p>
<blockquote><p><strong>SciTE AS3</strong> : <a href="http://arthurdick.com/projects/as3/" target="_blank">http://arthurdick.com/projects/as3/</a></p></blockquote>
<p>Para utilizar a api AS3 pro Scite é necessário adicionar um linha no seu arquivo de configuração:</p>
<blockquote><p>import actionscript<br />
(supondo que o seu arquivo actionscript.properties está no mesmo diretorio que o SciTE caso contrário use: &#8220;import diretorio/actionscript&#8221; onde &#8220;diretorio&#8221; é onde seu arquivo actionscript.properties está)</p></blockquote>
<p>Pronto neste ponto você já é capaz de utilizar autocompletion ao editar arquivos AS3.<br />
Agora a parte importante: Fazer o SciTE utilizar o mxmlc.exe para compilar o script &#8220;.as&#8221;. No meu caso eu adicionei algumas linhas no arquivo actionscript.properties:</p>
<blockquote><p>#location of FlashPlayers<br />
flashplayer10=caminho_para_o_flex_sdk_3.4\runtimes\player\10\win\FlashPlayer.exe<br />
flashplayer9=caminho_para_o_flex_sdk_3.4\runtimes\player\win\FlashPlayer.exe</p></blockquote>
<blockquote><p>#location of mxmlc<br />
mxmlc=caminho_para_o_flex_sdk_3.4\flex_sdk_3.4\bin\mxmlc.exe</p></blockquote>
<p>e editei algumas linhas de ações do menu:</p>
<blockquote><p>#disable default flash commands<br />
command.go.subsystem.*.as=1<br />
command.compile.$(file.patterns.actionscript)=$(mxmlc) $(FileNameExt)<br />
command.go.$(file.patterns.actionscript)=$(flashplayer10) $(FileName).swf</p></blockquote>
<p>Pronto! Agora é só usar Crtl+F7 para compilar o arquivo e F5 para executá-lo usando o flashplayer 9 ou 10.</p>
<p>Depois de fazer esse &#8220;trajeto&#8221; todo eu ainda queria o papervision, o qual quero muito utilizar:</p>
<blockquote><p><strong>Papervision</strong> : <a href="http://code.google.com/p/papervision3d">http://code.google.com/p/papervision3d</a>/</p></blockquote>
<p>Neste ponto já é fácil incluir este framework junto com o Flex, só é preciso baixar o arquivo compilado .swc (Papervision3D_2.0.883.swc na data deste post) e copiá-lo para dentro do diretório frameworks\libs (que também contém o framework do flex)</p>
<p>So far so good&#8230;<br />
Neste ponto o SciTE já é capaz de compilar scripts AS3 sem precisar do flash e utilizar o framework PaperVision3D. Só pra testar utilizei o mesmo script que já havia postado aqui e funcionou normalmente.</p>
]]></content:encoded>
			<wfw:commentRss>http://infinitadesign.com/blog/2009/10/18/scite-as3-flex-sdk-papervision3d/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Começando com o Papervision3d.</title>
		<link>http://infinitadesign.com/blog/2009/02/01/comecando-com-o-papervision3d/</link>
		<comments>http://infinitadesign.com/blog/2009/02/01/comecando-com-o-papervision3d/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 23:34:39 +0000</pubDate>
		<dc:creator>andre</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://infinitadesign.com/2009/02/01/comecando-com-o-papervision3d/</guid>
		<description><![CDATA[O papervision3d é uma engine open source para o Flash, é um projeto mantido por um pequeno grupo de desenvolvedores e está disponível em http://code.google.com/p/papervision3d/ .
Na página do projeto encontra-se respostas para algumas perguntas frequentes e também um roteiro para instalação e utilização do papervision no flash, e é isto o que será tratado neste [...]]]></description>
			<content:encoded><![CDATA[<p>O papervision3d é uma engine open source para o Flash, é um projeto mantido por um pequeno grupo de desenvolvedores e está disponível em <a href="http://code.google.com/p/papervision3d/">http://code.google.com/p/papervision3d/</a> .</p>
<p>Na página do projeto encontra-se respostas para algumas perguntas frequentes e também um roteiro para instalação e utilização do papervision no flash, e é isto o que será tratado neste post.</p>
<p><strong>Baixar a ultima versão do papervision e configurar o Flash</strong></p>
<p>No roteiro, a versão do papervision é baixada via SVN, então vamos fazer o mesmo, assim teremos sempre a versão atualizada do papervision. Primeiramente é preciso baixar e instalar um cliente SVN, utilizaremos o mesmo: &#8220;<em>tortoise for windows</em>&#8221; ( <a rel="nofollow" href="http://tortoisesvn.tigris.org/" target="_blank">http://tortoisesvn.tigris.org/</a> ).</p>
<p>Após instalado, provavelmente será preciso reiniciar o computador. Ao retornar ao sistema você perceberá que o cliente SVN se integra com o Explorer, então para usá-lo siga estes passos.</p>
<ol>
<li>Crie um novo diretório/pasta(ex:&#8221;snv&#8221;) e clique com o botão direito do mouse e escolha  &#8220;svn checkout&#8221;.<br />
<a title="Tortoise SVN Checkout" href="http://infinitadesign.com/blog/wp-content/uploads/2009/02/svncheckout.jpg" rel="lightbox[33]"><img src="http://infinitadesign.com/blog/wp-content/uploads/2009/02/svncheckout.thumbnail.jpg" alt="Tortoise SVN Checkout" /></a></li>
<li> Na janela que irá aparecer cole este endereço: http://papervision3d.googlecode.com/svn/trunk/<br />
<a title="Tortoise SVN Checkout URL" href="http://infinitadesign.com/blog/wp-content/uploads/2009/02/tortoise_chk.jpg" rel="lightbox[33]"><img src="http://infinitadesign.com/blog/wp-content/uploads/2009/02/tortoise_chk.thumbnail.jpg" alt="Tortoise SVN Checkout URL" /></a></li>
<li>Ao clicar em &#8220;OK&#8221; o tortoise irá baixar o papervision para o seu computador.</li>
<li>Depois de baixar o papervision é necessário configurar o Flash.</li>
<li>Abra o Flash, vá em &#8220;Edit&gt;Preferences&gt;Actionscript&#8221; e clique em &#8220;Actionscript 3.0 settings&#8221;<br />
<a title="Adicionado Papervision ao Flash CS4" href="http://infinitadesign.com/blog/wp-content/uploads/2009/02/flash_papervision_install1.jpg" rel="lightbox[33]"><img src="http://infinitadesign.com/blog/wp-content/uploads/2009/02/flash_papervision_install1.thumbnail.jpg" alt="Adicionado Papervision ao Flash CS4" /></a></li>
<li>Clique na pasta indicada na imagem acima e navegue até a pasta onde você baixou o papervision (vide 1) e siga encontre o diretório &#8220;as3/trunk/src&#8221; e clique em OK.</li>
<li>Pronto, já temos o papervision adicionado ao Flash, agora vamos testar: Abra um novo documento no flash.</li>
<li>No Flash com o novo documento aberto, olhe no painel &#8220;Preferences&#8221; do nosso documento e no campo &#8220;Class&#8221; (Flash CS4) digite &#8220;Cub<strong>o</strong>&#8221; sem aspas, este será o nome da classe que utilizaremos como exemplo para o teste.<br />
<a title="Testando o Papervision" href="http://infinitadesign.com/blog/wp-content/uploads/2009/02/flash_papervision_install2.jpg" rel="lightbox[33]"><img src="http://infinitadesign.com/blog/wp-content/uploads/2009/02/flash_papervision_install2.thumbnail.jpg" alt="Testando o Papervision" /></a></li>
<li>Agora salve o documento onde preferir.</li>
<li>Em seguida crie um novo documento, dessa vez um novo arquivo actionscript (new Actionscript File) e salve-o com o nome &#8220;Cub<strong>o</strong>&#8221; no mesmo lugar onde foi salvo o documento flash que criamos anteriormente.</li>
<li>Agora volte ao documento flash e clique no lápis ao lado da caixa de texto onde adicionamos a nome &#8220;Cub<strong>o</strong>&#8221; no item 8. O arquivo &#8220;Cub<strong>o</strong>.as&#8221; deverá ser aberto.</li>
<li>Com o &#8220;Cub<strong>o</strong>.as&#8221; aberto cole <a title="este codigo" href="http://infinitadesign.com/blog/wp-content/uploads/2009/02/cube.txt" target="_blank"><a title="Cubo.as" href="http://infinitadesign.com/blog/wp-content/uploads/2009/02/Cubo.txt" target="_blank">este código</a></a> e salve-o.</li>
<li>Salve o flash e o script e execute o movie(crtl+Enter), tudo deve estar funcionando, bom agora é só ir experimentando outros exemplos. Have fun! =)</li>
</ol>
<p>Se você seguiu os passos corretamente, verá esta animação: <a title="Paper Vision Cube" href="http://infinitadesign.com/blog/wp-content/uploads/2009/02/cube.swf" target="_blank">Paper Vision Cube</a> (clique com o mouse e arraste para mover o cubo).</p>
<p>Referências:</p>
<p>http://code.google.com/p/papervision3d/wiki/Getting_Started_FAQ</p>
<p>http://pv3d.org/2009/01/15/dragging-an-object-to-rotate/</p>
]]></content:encoded>
			<wfw:commentRss>http://infinitadesign.com/blog/2009/02/01/comecando-com-o-papervision3d/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
