<?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>unodos &#187; Code &laquo; </title>
	<atom:link href="http://unodos.jp/wp/category/code/feed/" rel="self" type="application/rss+xml" />
	<link>http://unodos.jp/wp</link>
	<description></description>
	<lastBuildDate>Sun, 08 Apr 2012 15:38:49 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Visualization of House of Cards</title>
		<link>http://unodos.jp/wp/2008/07/19/visualization-of-house-of-cards/</link>
		<comments>http://unodos.jp/wp/2008/07/19/visualization-of-house-of-cards/#comments</comments>
		<pubDate>Sat, 19 Jul 2008 04:34:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Music]]></category>

		<guid isPermaLink="false">http://unodos.jp/wp/2008/07/19/visualization-of-house-of-cards/</guid>
		<description><![CDATA[先日書いたRadioheadの「House of Cards」ついはやり物を記事にしてしまったが故に、フォローすることが増えてしまった。「google code」に上がっていたソースを使って二次創作したものが早くも出てきた。素晴らしい物をいくつかまとめてみた。 HoC spectrum データを利用しFlashで再現。さらにサウンドスペクトラムになっていて横から見たとき、顔のぶれ具合が曲に反応していてる。 ソースも公開している。 Javascript Visualization Demo &#8211; Radiohead &#8216;House of Cards&#8217; スキャンデータをJavascriptで再現。1-9のキーでエフェクトをかけることができる。 via ニテンイチリュウ 「RadioheadのプロモーションがGoogle Codeで行われている理由」Flash版 Flash版、詳しく解説している。 追記： もう２つ追加してみた。 RA DIOHEA_D / HOU SE OF_C ARDS AS3S.ORGの改良版 [Away3D] RA DIOHEA_D / HOU SE OF_C ARDS]]></description>
			<content:encoded><![CDATA[<p><img src='http://unodos.jp/wp/wp-content/uploads/2008/07/radiohead01.jpg' alt='radiohead - house of cards' /></p>
<p>先日書いたRadioheadの「<a href="http://unodos.jp/wp/2008/07/16/house-of-cards/">House of Cards</a>」ついはやり物を記事にしてしまったが故に、フォローすることが増えてしまった。「<a href="http://code.google.com/creative/radiohead/viewer.html" target="_blank" class="broken_link">google code</a>」に上がっていたソースを使って二次創作したものが早くも出てきた。素晴らしい物をいくつかまとめてみた。</p>
<div class="imgMargin"><img src='http://unodos.jp/wp/wp-content/uploads/2008/07/radiohead04.jpg' alt='Radiohead - House of Cards  - masuda' /></div>
<p><a href="http://www.metaphor.co.jp/masuda/blog/?p=21" target="_blank">HoC spectrum</a><br />
データを利用しFlashで再現。さらにサウンドスペクトラムになっていて横から見たとき、顔のぶれ具合が曲に反応していてる。<br />
ソースも公開している。</p>
<div class="imgMargin"><img src='http://unodos.jp/wp/wp-content/uploads/2008/07/radiohead02.jpg' alt='Radiohead - House of Cards - nihilogic' /></div>
<p><a href="http://www.nihilogic.dk/labs/radiohead-meets-javascript/" target="_blank">Javascript Visualization Demo &#8211; Radiohead &#8216;House of Cards&#8217;</a><br />
スキャンデータをJavascriptで再現。1-9のキーでエフェクトをかけることができる。</p>
<p>via <a href="http://www.nitenichiryu.org/archives/2008/07/18/1145.php" target="_blank">ニテンイチリュウ</a></p>
<div class="imgMargin"><img src='http://unodos.jp/wp/wp-content/uploads/2008/07/radiohead03.jpg' alt='Radiohead - House of Cards - AS3s' /></div>
<p><a href="http://as3s.org/archives/2008/07/radiohead-google-code.html" target="_blank" class="broken_link">「RadioheadのプロモーションがGoogle Codeで行われている理由」Flash版</a><br />
Flash版、詳しく解説している。</p>
<p>追記：<br />
もう２つ追加してみた。</p>
<div class="imgMargin"><img src='http://unodos.jp/wp/wp-content/uploads/2008/07/radiohead05.jpg' alt='Radiohead - House of Cards - 閃光的網站・弛緩複合体' /></div>
<p><a href="http://aquioux.blog48.fc2.com/blog-entry-446.html" target="_blank">RA DIOHEA_D / HOU SE OF_C ARDS</a><br />
AS3S.ORGの改良版</p>
<div class="imgMargin"><img src='http://unodos.jp/wp/wp-content/uploads/2008/07/radiohead06.jpg' alt='Radiohead - House of Cards - note.x' /></div>
<p><a href="http://blog.r3c7.net/?p=209" target="_blank">[Away3D] RA DIOHEA_D / HOU SE OF_C ARDS</a></p>
]]></content:encoded>
			<wfw:commentRss>http://unodos.jp/wp/2008/07/19/visualization-of-house-of-cards/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HOUSE OF CARDS</title>
		<link>http://unodos.jp/wp/2008/07/16/house-of-cards/</link>
		<comments>http://unodos.jp/wp/2008/07/16/house-of-cards/#comments</comments>
		<pubDate>Wed, 16 Jul 2008 02:25:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[Music]]></category>

		<guid isPermaLink="false">http://unodos.jp/wp/2008/07/16/ra-diohea_d-hou-se-of_c-ards/</guid>
		<description><![CDATA[Radioheadの「In Rainbows」からの新しいビデオ「House of Cards」 今回のビデオではカメラや照明を使ってなくデータのみで作られているが、半端ないです。 Radiohead &#8211; House of Cards Directed by James Frost 追記： google codeで公開されていて、ブラウザ上で読み込まれたデータを表示、動かすことができる。 http://code.google.com/creative/radiohead/viewer.html 上記のgoogle codeにソース（Processingファイル）がアップされている。ファイルを開いてみると1フレーム約1,2000ポイントで2101フレームもあり、CSVのファイルサイズは100mb以上とむちゃ重い。このビデオのメイキングも公開されている。 Youtubeの「House of Cards YouTube group」にこのデータをいじって作られた映像が公開されている。 さらに追記： かなり詳しくかかれているブログもあったのでリンク貼っておきます。 レディオヘッドとGoogleが贈るデータだけの新MVって？ 二次創作されたものについては別の投稿でまとめてみました。 Visualization of House of Cards]]></description>
			<content:encoded><![CDATA[<p><img src='http://unodos.jp/wp/wp-content/uploads/2008/07/radiohead1.jpg' alt='House of Cardss' /></p>
<p>Radioheadの「<a href="http://www.amazon.co.jp/dp/B000YY68MG/a2g-22/ref=nosim" target="_blank">In Rainbows</a>」からの新しいビデオ「House of Cards」<br />
今回のビデオではカメラや照明を使ってなくデータのみで作られているが、半端ないです。</p>
<div class="movMargin"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/8nTFjVm9sTQ&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/8nTFjVm9sTQ&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></div>
<p>Radiohead &#8211; House of Cards<br />
Directed by James Frost</p>
<div class="midMargin"><img src='http://unodos.jp/wp/wp-content/uploads/2008/07/radiohead2.jpg' alt='House of Cardsg' /></div>
<p>追記：<br />
google codeで公開されていて、ブラウザ上で読み込まれたデータを表示、動かすことができる。<br />
<a href="http://code.google.com/creative/radiohead/viewer.html" target="_blank" class="broken_link">http://code.google.com/creative/radiohead/viewer.html</a></p>
<p>上記のgoogle codeに<a href="http://code.google.com/p/radiohead/downloads/list">ソース（Processingファイル）</a>がアップされている。ファイルを開いてみると1フレーム約1,2000ポイントで2101フレームもあり、CSVのファイルサイズは100mb以上とむちゃ重い。このビデオの<a href="http://www.youtube.com/watch?v=cyQoTGdQywY&#038;hl" target="_blank">メイキング</a>も公開されている。</p>
<p>Youtubeの「<a href="http://jp.youtube.com/group/houseofcards" taret="_blank" class="broken_link">House of Cards YouTube group</a>」にこのデータをいじって作られた映像が公開されている。</p>
<p>さらに追記：<br />
かなり詳しくかかれているブログもあったのでリンク貼っておきます。<br />
<a href="http://white-screen.jp/2008/07/mv_5.php" target="_blank">レディオヘッドとGoogleが贈るデータだけの新MVって？</a></p>
<p>二次創作されたものについては別の投稿でまとめてみました。<br />
<a href="http://unodos.jp/wp/2008/07/19/visualization-of-house-of-cards/">Visualization of House of Cards</a></p>
]]></content:encoded>
			<wfw:commentRss>http://unodos.jp/wp/2008/07/16/house-of-cards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>action-coding</title>
		<link>http://unodos.jp/wp/2008/05/09/action-coding/</link>
		<comments>http://unodos.jp/wp/2008/05/09/action-coding/#comments</comments>
		<pubDate>Fri, 09 May 2008 12:06:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Code]]></category>

		<guid isPermaLink="false">http://unodos.jp/wp/2008/05/09/action-coding/</guid>
		<description><![CDATA[http://code.google.com/p/action-coding/ 「action-coding」とはProcessingをセーブした地点で実行できるライブコーディング環境。コンパイルしなくてもセーブした地点で反映されるのでより視覚的にコーディングできる。 デモムービー http://www.metaphor.co.jp/file/action-coding-demo00.mov 専門職ではないのでうまく説明できてないかもしれないのでCBC-NETからの引用 APIとしてProcessingを使用し、Rubyで動作するライブコーディング環境、Action-Coding。 Processingではパラメータを調整するたびにコンパイルの必要がありましたが、これならヴィジュアルを確認しながらより直感的にコーディングできそうです。 ムービーがとてもわかりやすいです。 実際にインストールしてみたが手間は結構ややこしい。素人には少しわかりにくいが、作者によれば手順の説明は改善してくれるみたい。その後サンプルファイルを開いてみたが、数値を変更してセーブすると確かにリアルタイムで反映されている。上記のムービーを見るとどんな感じかよく分かります。 JEditなどのエディタだけで作業できるが、作者が推奨しているTextMate（シェアウェア）の方が何かと便利みたいです。 本職ではないのでテクニカルなことは書けないが、今日一日のaction-codingの広がり方がおもしろかった。 作者の話を聞くとムービーまで用意して一生懸命作ったにもかかわらず「はてぶ」でブックマーク数があがらず、それを聞いた人がMixiに記事を書き、その一時間後には「CBC-Net」のニュースに載り、ブックマーク数が数時間で1.5倍になったらしい。ネットのつながり方もうまいことはまれば浸透が尋常ではないことを目の当たりにした。 Processingの知識があまりなく「Built with Processing デザイン/アートのためのプログラミング入門」を途中までしか読んでなく、もう一回復習しながら勉強しないとやばい．．．せっかく感覚的にいじれるツールを提供してくれているので何か作ってみようかと思ったりするが．．．どうだろ。]]></description>
			<content:encoded><![CDATA[<p><img src='http://unodos.jp/wp/wp-content/uploads/2008/05/ac01.jpg' alt='action-cogin capture' /></p>
<p><a href="http://code.google.com/p/action-coding/" target="_blank">http://code.google.com/p/action-coding/</a><br />
「action-coding」とはProcessingをセーブした地点で実行できるライブコーディング環境。コンパイルしなくてもセーブした地点で反映されるのでより視覚的にコーディングできる。</p>
<p><span id="more-346"></span></p>
<div class="imgMargin"><img src='http://unodos.jp/wp/wp-content/uploads/2008/05/ac.jpg' alt='acction-coding movie' /></div>
<p>デモムービー<br />
<a href="http://www.metaphor.co.jp/file/action-coding-demo00.mov" target="_blank">http://www.metaphor.co.jp/file/action-coding-demo00.mov</a></p>
<p>専門職ではないのでうまく説明できてないかもしれないのでCBC-NETからの引用</p>
<blockquote><p>APIとしてProcessingを使用し、Rubyで動作するライブコーディング環境、Action-Coding。<br />
Processingではパラメータを調整するたびにコンパイルの必要がありましたが、これならヴィジュアルを確認しながらより直感的にコーディングできそうです。<br />
ムービーがとてもわかりやすいです。
</p></blockquote>
<p>実際にインストールしてみたが手間は結構ややこしい。素人には少しわかりにくいが、作者によれば手順の説明は改善してくれるみたい。その後サンプルファイルを開いてみたが、数値を変更してセーブすると確かにリアルタイムで反映されている。上記の<a href="http://www.metaphor.co.jp/file/action-coding-demo00.mov" target="_blank">ムービー</a>を見るとどんな感じかよく分かります。<br />
JEditなどのエディタだけで作業できるが、作者が推奨している<a href="http://macromates.com/" target="_blank">TextMate</a>（シェアウェア）の方が何かと便利みたいです。</p>
<p>本職ではないのでテクニカルなことは書けないが、今日一日のaction-codingの広がり方がおもしろかった。</p>
<p>作者の話を聞くとムービーまで用意して一生懸命作ったにもかかわらず「はてぶ」でブックマーク数があがらず、それを聞いた人がMixiに記事を書き、その一時間後には「CBC-Net」のニュースに載り、ブックマーク数が数時間で1.5倍になったらしい。ネットのつながり方もうまいことはまれば浸透が尋常ではないことを目の当たりにした。</p>
<p>Processingの知識があまりなく「Built with Processing デザイン/アートのためのプログラミング入門」を途中までしか読んでなく、もう一回復習しながら勉強しないとやばい．．．せっかく感覚的にいじれるツールを提供してくれているので何か作ってみようかと思ったりするが．．．どうだろ。</p>
]]></content:encoded>
			<wfw:commentRss>http://unodos.jp/wp/2008/05/09/action-coding/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.metaphor.co.jp/file/action-coding-demo00.mov" length="10648479" type="video/quicktime" />
		</item>
	</channel>
</rss>

