<?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; Tutoriais</title>
	<atom:link href="http://www.fellyph.com.br/blog/tag/tutoriais/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>Introdução a Pixel Bender ToolKit</title>
		<link>http://www.fellyph.com.br/blog/flash/introducao-a-pixel-bender-toolkit/</link>
		<comments>http://www.fellyph.com.br/blog/flash/introducao-a-pixel-bender-toolkit/#comments</comments>
		<pubDate>Tue, 02 Mar 2010 03:20:46 +0000</pubDate>
		<dc:creator>Fellyph</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[pixel bender]]></category>

		<guid isPermaLink="false">http://www.fellyph.com.br/blog/?p=1027</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.fellyph.com.br/blog/flash/introducao-a-pixel-bender-toolkit/' addthis:title='Introdução a Pixel Bender ToolKit '  ><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>Esse toolkit da adobe é pouco falado, mas é bastante legal ele surgiu junto com o pacote CS4. E o que é o Pixel Bender ? É uma tecnologia que permite processar os pixels das imagens e vídeos podendo assim &#8230; <a href="http://www.fellyph.com.br/blog/flash/introducao-a-pixel-bender-toolkit/">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/introducao-a-pixel-bender-toolkit/' addthis:title='Introdução a Pixel Bender ToolKit '  ><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>Esse toolkit da adobe é pouco falado, mas é bastante legal ele surgiu junto com o pacote CS4. E o que é o Pixel Bender ? É uma tecnologia que permite processar os pixels das imagens e vídeos podendo assim aplicar vários efeitos especiais, algoritimos que permitem gerar filtros para essas imagens, e essa tecnologia tem suporte a partir do Flash player 10. A linguagem utilizada pelo Pixel Bender é baseada em XML e o desenvolvedor tem uma ide independente do Flash o Pixel Bender Toolkit IDE.  Baixando este toolkit além da ide vem exemplos de código e uma documentação você pode baixar nesse endereço:</p>
<p><a href="http://www.adobe.com/devnet/pixelbender/" target="_self">Pixel Bender Technology Center</a></p>
<p>Nessa página você encontra mais tutorias e documentação.</p>
<p>Se você possui o CS4 na sua instalação ele pergunta se deseja instalar o pixel bender, se ainda não tem instalado o Pixel Bender baixe no link acima e instale, é um processo bastante simples.  Depois de feito isso abra a sua IDE que tem a seguinte interface:</p>
<p><img class="alignnone size-full wp-image-1029" title="tela1-pixelbender" src="http://www.fellyph.com.br/blog/wp-content/uploads/2010/02/tela1-pixelbender.jpg" alt="" width="450" height="200" /></p>
<p>Os passos para trabalhar com Pixel Bender são abrir uma imagem e importar ou criar um script. Nesse vamos criar um a partir do zero:</p>
<p>Abrir uma nova imagem (Menu Superior &gt; File &gt; Load Image 1 &gt;) selecione uma imagem, o Pixel Bender oferece umas imagens em sua biblioteca para você realizar seus teste.</p>
<p><img class="alignnone size-full wp-image-1030" title="tela2-pixelbender" src="http://www.fellyph.com.br/blog/wp-content/uploads/2010/02/tela2-pixelbender.jpg" alt="" width="450" height="200" /></p>
<p>Em seguida iremos criar um novo Script em: menu superior &gt; file &gt; New Kernel Filter.</p>
<p>Vai abrir um editor com a seguinte tela :</p>
<p><img class="alignnone size-full wp-image-1041" title="tela3-pixelbender" src="http://www.fellyph.com.br/blog/wp-content/uploads/2010/02/tela3-pixelbender.jpg" alt="" width="450" height="187" /></p>
<p>O código padrão que ele gera é o seguinte:</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">kernel NewFilter
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>   <span style="color: #003366; font-weight: bold;">namespace</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Your Namespace&quot;</span><span style="color: #339933;">;</span>     vendor <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Your Vendor&quot;</span><span style="color: #339933;">;</span>     version <span style="color: #339933;">:</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>     description <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;your description&quot;</span><span style="color: #339933;">;</span> <span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #009900;">&#123;</span>
    input image4 src<span style="color: #339933;">;</span>
    output pixel4 dst<span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #000066; font-weight: bold;">void</span>
    evaluatePixel<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
&nbsp;
        dst <span style="color: #339933;">=</span> sampleNearest<span style="color: #009900;">&#40;</span>src<span style="color: #339933;">,</span>outCoord<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Na linha 1 temos o Header que define a versão do pixelbender , na linha 3 os meta dados que podem se inseridos sobre o código, versão, desenvolvedor e descrição. Em seguida começa realmente o código que vamos trabalhar &#8220;input image4&#8243; define que vamos trabalhar com uma imagem de 4 canais, vermelho, verde, azul(RGB) e alpha. Na linha seguinte o output a nossa saída pixel4 indica que também trabalha com 4 canais nossa saída.</p>
<p>Pixel Bender trabalha com 4 tipos básicos de dados:</p>
<ul>
<li><strong>bool </strong>- Boolean</li>
<li><strong>int </strong>- inteiro</li>
<li><strong>float</strong> &#8211; ponto flutuante</li>
<li><strong>pixel1</strong> &#8211; representa o valor de um canal de uma imagem, ele pode trabalhar com um ou quatro canais ( pixel1, pixel2, pixel3, pixel4).</li>
</ul>
<p>Dentro de &#8220;void evaluatePixel()&#8221; é a função que vamos aplicar a nossa imagem, elas podem ser:</p>
<ul>
<li><strong>Matemáticas </strong>- trabalham com graus radianos, executam operações básicas.</li>
<li><strong>Geométrica </strong>- trabalhando com vetores, matrizes e realizando comparações.</li>
<li><strong>Região</strong> &#8211; aplica modificações em uma região</li>
<li><strong>Amostragem</strong> &#8211; trabalhando com os dados de entrada de uma imagem.</li>
<li><strong>Intrínsecos</strong> &#8211; aplicadas em tempo de execução.</li>
</ul>
<p>Agora vamos fazer umas modificações simples na imagem alterando o código anterior, acrescentando duas linhas depois da linha que se encontra &#8220;dst = sampleNearest(src,outCoord());&#8221; .</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">void</span>
    evaluatePixel<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
&nbsp;
        dst <span style="color: #339933;">=</span> sampleNearest<span style="color: #009900;">&#40;</span>src<span style="color: #339933;">,</span>outCoord<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #006600; font-style: italic;">//incrementando o canal vermelho</span>
        dst.<span style="color: #660066;">r</span> <span style="color: #339933;">+=</span> <span style="color: #CC0000;">0.4</span><span style="color: #339933;">;</span>
&nbsp;
        <span style="color: #006600; font-style: italic;">//decrementando o canal azul</span>
        dst.<span style="color: #660066;">b</span> <span style="color: #339933;">-=</span> <span style="color: #CC0000;">0.4</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #009900;">&#125;</span></pre></div></div>

<p>Feitas essa alterações, vamos rodar o nosso script no canto inferior da ide do Pixel Bender tem um botão run, clique nele para rodar o script o resultado vai ser o seguinte:<br />
<img class="alignnone size-full wp-image-1043" title="tela4-pixelbender" src="http://www.fellyph.com.br/blog/wp-content/uploads/2010/03/tela4-pixelbender.jpg" alt="" width="450" height="587" /></p>
<p>No próximo post vamos aplicar esse efeito dentro do Flash.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fellyph.com.br/blog/flash/introducao-a-pixel-bender-toolkit/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>
	</channel>
</rss>

