<?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>STNDE &#187; Javascript</title>
	<atom:link href="http://stnde.com/archives/category/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://stnde.com</link>
	<description>STNDEは、”DATA VISUALIZATION &#38; MEDIA ART”をテーマに色々な情報可視化やメディアアートを取り上げています。</description>
	<lastBuildDate>Mon, 26 Jul 2010 17:59:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language></language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>iProcessing &#124; iPhoneアプリ用Processingフレームワーク</title>
		<link>http://stnde.com/archives/529</link>
		<comments>http://stnde.com/archives/529#comments</comments>
		<pubDate>Sun, 28 Feb 2010 16:21:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Device]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[Luckybite]]></category>

		<guid isPermaLink="false">http://stnde.com/?p=529</guid>
		<description><![CDATA[Processingの記述方法で、iPhoneアプリを作成できるフレームワーク、IProcessing。]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-530" title="iprocessing-1" src="http://stnde.com/wp-content/uploads/2010/03/iprocessing-1.jpg" alt="iprocessing-1" width="400" height="790" /><br />
via <a href="http://www.pixelsumo.com/post/make-iphone-apps-using-processing" target="_blank">Pixelsumo</a></p>
<p></p>
<p>Flash CS5を利用した、iPhone アプリが<a href="http://corleonis.net/blog/?p=301" target="_blank">続々と公開</a>されている中、iPhoneアプリを書き出せる、Processingのフレームワーク、<a href="http://luckybite.com/iprocessing/" target="_blank">iProcessing</a>が発表されました。&lt;<a href="http://luckybite.com/" target="_blank">Luckybite</a>氏作&gt;</p>
<p></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/tENliJSMEB8&amp;rel=0&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/tENliJSMEB8&amp;rel=0&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>動画を見る限り、かなりサクサクと動いている模様。</p>
<p></p>
<blockquote><p>iProcessing is an open programming framework to help people develop native iPhone applications using the Processing language. It is an integration of the Processing.js library and a Javascript application framework for iPhone.</p></blockquote>
<p>との説明があるように、<a href="http://processingjs.org/" target="_blank">Processing.js</a>とiPhoneのjsフレームワークを利用して、ネイティブアプリケーションとして書き出しているみたいです。</p>
<p></p>
<p>今後、iPhoneアプリを作成する開発環境の選択肢がどんどん広がって行きそうですね！</p>
]]></content:encoded>
			<wfw:commentRss>http://stnde.com/archives/529/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Image evolution &#124; Javascriptで画像マイニング</title>
		<link>http://stnde.com/archives/169</link>
		<comments>http://stnde.com/archives/169#comments</comments>
		<pubDate>Fri, 06 Feb 2009 17:29:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[alteredqualia]]></category>
		<category><![CDATA[Roger Alsing]]></category>

		<guid isPermaLink="false">http://stnde.com/?p=169</guid>
		<description><![CDATA[<a href="http://alteredqualia.com/visualization/evolve/">Image evolution</a> は、遺伝的なプログラミング処理で画像をポリゴンで複製するプロジェクト。]]></description>
			<content:encoded><![CDATA[<p><a href="http://alteredqualia.com/visualization/evolve/"> <img class="alignnone size-full wp-image-170" title="image_evolution" src="http://stnde.com/wp-content/uploads/2009/02/image_evolution.jpg" alt="image_evolution" width="468" height="170" /></a></p>
<p><a href="http://alteredqualia.com/visualization/evolve/">Image evolution</a> は、遺伝的なプログラミング処理で画像をポリゴンで複製するプロジェクト。</p>
<p>このプロジェクトは、Roger Alsing氏が以前公開した、<a href="http://rogeralsing.com/2008/12/07/genetic-programming-evolution-of-mona-lisa/">モナリザの絵をプログラムで複写</a>したプロジェクトがベースになっているのですが、Image evolutionのユニークな所は、Javascriptでコードが書かれているところ。</p>
<p>これまで、ビジュアライゼーションのツールというと、FlashやProce55ingがWebでは多かったんですが、Javascriptの描画でここまで出来るのはスゴイですね！</p>
<p>どのような仕組みで描画しているかをちょっと調べてみると、</p>
<p>1.透明なポリゴンを50個ランダムに配置<br />
2.ポリゴンの色か大きさのパラメータをランダムに変更。<br />
3.その結果とオリジナルのイメージに近い場合、そのパラメータが次のベースになる。<br />
4.1〜3をループする事で徐々にオリジナルの画像に近づける。</p>
<p>という手法みたいです。</p>
<p>モナリザはちょっと複雑だったみたいですが、FireFoxのロゴはいい感じで出来てます。</p>
<p><img class="alignnone size-full wp-image-171" title="image_evo_fire" src="http://stnde.com/wp-content/uploads/2009/02/image_evo_fire.png" alt="image_evo_fire" width="468" height="99" /></p>
<p>ソースコードは、MITライセンスで配布されていますので、<br />
興味がある方は是非！</p>
<p>なんか、<a href="http://gyu.que.jp/jscloth/">こちらの例</a>は、Javascriptで物理エンジン+3Dが実装されています。</p>
]]></content:encoded>
			<wfw:commentRss>http://stnde.com/archives/169/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
