<?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>alt &#187; Pixel Bender</title>
	<atom:link href="http://blog.alt-scape.com/archives/tag/pixel-bender/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.alt-scape.com</link>
	<description>alt-scape weblog</description>
	<lastBuildDate>Sat, 03 Dec 2011 18:00:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flash CS4英語体験版でPixel Benderを試してみる</title>
		<link>http://blog.alt-scape.com/archives/224</link>
		<comments>http://blog.alt-scape.com/archives/224#comments</comments>
		<pubDate>Mon, 17 Nov 2008 04:05:35 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[サンプル]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Flash CS4]]></category>
		<category><![CDATA[Pixel Bender]]></category>
		<category><![CDATA[ソースコード]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=224</guid>
		<description><![CDATA[


FlashPlayer10からPixel Bender Toolkitを使ったカスタムフィルタの作成ができるようになりましたね。
Flash CS4からFlashPlayer10のはき出しができるようになったので、 [...]]]></description>
			<content:encoded><![CDATA[<p>
<a rel="shadowbox;width=550;height=368" class="option" title="pixelbender1" href="http://blog.alt-scape.com/swf/pixelbender1/pixelbender1.swf"><img src="http://blog.alt-scape.com/img/pixelbender1.jpg" border="0" width="550" height="368" /></a><br />
<br />
<strong>FlashPlayer10</strong>から<strong>Pixel Bender Toolkit</strong>を使ったカスタムフィルタの作成ができるようになりましたね。<br />
Flash CS4からFlashPlayer10のはき出しができるようになったので、先日落とした英語体験版で早速試してみました。<br />
今回はPixel Bender Toolkitを使わずに <a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=productHome&#038;exc=26&#038;loc=en_us" target="_blank" title="Pixel Bender Exchange"><strong>Pixel Bender Exchange</strong></a> や <a href="http://labs.adobe.com/wiki/index.php/AIF_Toolkit%3AGallery" target="_blank" title="Pixel Bender Toolkit:Gallery"><strong>Pixel Bender Toolkit:Gallery</strong></a>などで提供されているフィルタをDLしてステージ上に配置したムービークリップに適用するだけです。<br />
<br />
まずは<a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=productHome&#038;exc=26&#038;loc=en_us" target="_blank" title="Pixel Bender Exchange">Pixel Bender Exchange</a>からZoom Blur、waveReflection、Fisheyeの<strong>pbj</strong>と<strong>pbk</strong>ファイルをDLします。あとついでに<a href="http://www.gotoandlearn.com/play?id=84" target="_blank" title="gotoAndLearn">gotoAndLearn</a>のソースも。<br />
Flashから読み込むのはpbjの方です。読み込んだ後に、それぞれのパラメータをステージ上に配置したスライダーに割り当てます。zoomBlurの場合はamount値を可変にします。<br />
読み込み部分はこんなかんじです。<br />
<br />
<span id="more-224"></span><br />
<pre class="code"><span class="keyword">var</span> zoomLoader:URLLoader;<br />
<span class="keyword">var</span> zoomShader:Shader;<br />
<span class="keyword">var</span> zoomFilter:ShaderFilter;<br />
zoomLoader = <span class="keyword">new</span> URLLoader();<br />
zoomLoader.dataFormat = URLLoaderDataFormat.BINARY;<br />
zoomLoader.addEventListener(Event.COMPLETE, zoomComplete);<br />
zoomLoader.load(<span class="keyword">new</span> URLRequest(<span class="str">&quot;zoomBlur.pbj&quot;</span>));<br />
<span class="keyword">function</span> zoomComplete(e:Event):<span class="keyword">void</span><br />
{<br />
    zoomShader = <span class="keyword">new</span> Shader(zoomLoader.data);<br />
    zoomShader.data.amount.value = [<span class="num">0</span>];<br />
    zoomFilter = <span class="keyword">new</span> ShaderFilter(zoomShader);<br />
    mc.filters = [zoomFilter];<br />
}<br />
<span class="rem">//スライダー</span><br />
zoomSlider.addEventListener(SliderEvent.THUMB_DRAG, zoomHandler);<br />
zoomSlider.minimum = <span class="num">0</span>;<br />
zoomSlider.maximum = <span class="num">500</span>;<br />
zoomSlider.value = <span class="num">0</span>;<br />
<span class="keyword">function</span> zoomHandler(event:SliderEvent):<span class="keyword">void</span><br />
{<br />
    zoomShader.data.amount.value = [event.value/<span class="num">1000</span>];<br />
    zoomFilter = <span class="keyword">new</span> ShaderFilter(zoomShader);<br />
    mc.filters = [zoomFilter];<br />
}<br />
</pre>
<br />
<a rel="shadowbox;width=550;height=368" class="option" title="pixelbender1" href="http://blog.alt-scape.com/swf/pixelbender1/pixelbender1.swf">こんなかんじ</a>で簡単に使えるので、サードパーティが作ったフィルタをジャンジャン利用させていただきます。<br />
<br />
<br />
参考： <strong>Introduction to Pixel Bender 2</strong><br />
<script type="text/javascript" src="http://www.gotoandlearn.com/js/swfobject.js"></script>
<div id="so_gotoandlearn"></div>
<script type="text/javascript">
var so_gotoandlearn = new SWFObject("http://www.gotoandlearn.com/swf/mediaplayer.swf","playlist","550","420","9.0.115.0");
so_gotoandlearn.addParam("allowfullscreen","true");
so_gotoandlearn.addVariable("file","http://adobe.edgeboss.net/download/adobe/adobetv/gotoandlearn/pixelbender2.mov");
so_gotoandlearn.addVariable("width","550");
so_gotoandlearn.addVariable("height","420");
so_gotoandlearn.addVariable("showdownload","true");
so_gotoandlearn.addVariable('overstretch', 'fit');
so_gotoandlearn.addVariable('autostart', 'true');
so_gotoandlearn.addVariable('link', 'http://adobe.edgeboss.net/download/adobe/adobetv/gotoandlearn/pixelbender2.mov');
so_gotoandlearn.write("so_gotoandlearn");
</script>
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/224/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://adobe.edgeboss.net/download/adobe/adobetv/gotoandlearn/pixelbender2.mov" length="48332984" type="video/quicktime" />
		</item>
	</channel>
</rss>

