<?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>NOTE.haramakoto</title>
	<atom:link href="http://haramakoto.com/wordpress/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://haramakoto.com/wordpress</link>
	<description>（　･ิω･ิ）</description>
	<lastBuildDate>Mon, 02 Aug 2010 17:00:13 +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>KEIZOmachine! × 真鍋大度ライブがすごかった件</title>
		<link>http://haramakoto.com/wordpress/?p=760</link>
		<comments>http://haramakoto.com/wordpress/?p=760#comments</comments>
		<pubDate>Mon, 02 Aug 2010 17:00:13 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[ひとりごと]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=760</guid>
		<description><![CDATA[wombで見た、Rhizomatiks真鍋さんとHIFANA KEIZOmachine!さんののパフォーマンスが本当にすごかった。
イベントの告知ページはこちら
http://rhythmholic.net/lineup [...]]]></description>
			<content:encoded><![CDATA[<p>wombで見た、Rhizomatiks真鍋さんとHIFANA KEIZOmachine!さんののパフォーマンスが本当にすごかった。</p>
<p>イベントの告知ページはこちら<br />
<a href="http://rhythmholic.net/lineup/" target="_blank">http://rhythmholic.net/lineup/</a><br />
真鍋さんによる、イベントで使った装置の解説はこちら<br />
<a href="http://www.daito.ws/weblog/2010/08/with-keizomachine-and-motoi-ishibashi.html" target="_blank">http://www.daito.ws/weblog/2010/08/with-keizomachine-and-motoi-ishibashi.html</a></p>
<p>クラブ苦手な人でも、表現に関わる人は全員見た方がいいんじゃないかと思った。</p>
<p>個人的には、今までに見たいわゆるVJ/DJプレイは、フロアを盛り上げてくれているとは思うけど表現としては何の新鮮味も感じられず、何度かクラブに足を運んだことはあるけど辟易して帰ってくる事が多かった。音楽と映像に造詣がなさすぎるのだろうけど・・</p>
<p>でも今回は全く違った。度肝を抜かれたというか金槌で頭をたたかれたというか・・</p>
<p>具体的な技術としては真鍋さんのブログにもある通り、ヴィーナスとジーザスのPVで使われていた技術と、蓄光スクリーンのバージョンアップ版だった。<br />
この書き方だととてもつまらなそうだけど、<br />
まずそれが、「たった今」「目の前で」インタラクティブに動いてるのを見ただけでも大興奮だったし、<br />
KEIZOmachine!さんのDJプレイと完全同期でインタラクティブ映像が動いてるし、<br />
サウンドがそもそもハイクオリティだし、<br />
さらに１時間か２時間くらいの間？飽きさせないように色々なパターンが展開している様子は<br />
本当神としか言いようがない！なにこの神時間！　て感じだった。</p>
<p>蓄光スクリーンは光があたった所が輝いて軌跡が残る謎の壁、といった感じで、他では見れない物体で刺激的だった。また、手書きのメッセージや、SVGか何かを読み込んだアートワークを表示できたりしていたので、フロアとの一体感がより増していたように思う。<br />
バックスクリーンの映像も、ヴィーナスとジーザスそのままではなくKEIZOさんの芸風にあわせてかなりアレンジされていた。<br />
クラブにおいては、おそらくDJはパフォーマーとして見られていると思うので、DJの映像を増幅するというのはとても理にかなっていると思う。<br />
いやー本当すごかった。</p>
<p>もう今年はこれを超える映像パフォーマンス出ないんじゃないのかなー、もうおなかいっぱいだよー<br />
と思いつつも、ライゾマさんのスピード感だったら年内にあと２つも３つも全然できそうだから恐ろしい。</p>
<p>そんなこんなで、彼らがライブに出る時は皆様ぜひ足を運ぶとよいと思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=760</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhoneでプレビューできた</title>
		<link>http://haramakoto.com/wordpress/?p=750</link>
		<comments>http://haramakoto.com/wordpress/?p=750#comments</comments>
		<pubDate>Thu, 28 Jan 2010 21:12:01 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=750</guid>
		<description><![CDATA[1mmも動けない日々でしたが、合間をぬって少しだけ前進。
つまづいたところは、
・キーチェーンアクセスの証明書ファイルの場所（「システム」ではなく「ログイン」）
・profile doesn&#8217;t match  [...]]]></description>
			<content:encoded><![CDATA[<p>1mmも動けない日々でしたが、合間をぬって少しだけ前進。<br />
つまづいたところは、</p>
<p>・キーチェーンアクセスの証明書ファイルの場所（「システム」ではなく「ログイン」）<br />
・profile doesn&#8217;t match Application identifier（プロビジョニングファイルがちゃんと設定できていても、Bundle Identifierが「プロビジョニングファイルの通り」になってないと怒られる</p>
<p>という２点。</p>
<p>主に参考にしたページ<br />
<a href="http://think-now.jugem.jp/?eid=8">http://think-now.jugem.jp/?eid=8</a><br />
<a href="http://nariakiiwatani.net/?p=15">http://nariakiiwatani.net/?p=15</a></p>
<p>ブログ解説で端折ろうとするからつまづくんですね。ちゃんと英語のドキュメント読まないと・・</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=750</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OFエラー出なくした</title>
		<link>http://haramakoto.com/wordpress/?p=745</link>
		<comments>http://haramakoto.com/wordpress/?p=745#comments</comments>
		<pubDate>Sat, 16 Jan 2010 23:32:54 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=745</guid>
		<description><![CDATA[単純にSDKのバージョン指定が間違っていただけだった。
iPhoneシミュレータ2.2.1でビルドすると正常に動く。
ちなみにうっかりiPhoneデバイス2.2.1でビルドしたらエラーが出ていた。
コード認証IDが違うと [...]]]></description>
			<content:encoded><![CDATA[<p>単純にSDKのバージョン指定が間違っていただけだった。<br />
iPhoneシミュレータ2.2.1でビルドすると正常に動く。</p>
<p>ちなみにうっかりiPhoneデバイス2.2.1でビルドしたらエラーが出ていた。<br />
コード認証IDが違うとか。<br />
まだデバイスにはつなげられないが、実際つなげる時にはこちらの記事が参考になりそう。<br />
<a href="http://www.happymeme.com/?p=164" target="_blank">http://www.happymeme.com/?p=164</a></p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=745</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OpenFrameworksをDL</title>
		<link>http://haramakoto.com/wordpress/?p=740</link>
		<comments>http://haramakoto.com/wordpress/?p=740#comments</comments>
		<pubDate>Sat, 16 Jan 2010 00:24:49 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=740</guid>
		<description><![CDATA[ここから
http://www.openframeworks.cc/download
とりあえずDLして、iPhone Graphics Example実行してみたら
error: There is no SDK wit [...]]]></description>
			<content:encoded><![CDATA[<p>ここから<br />
<a href="http://www.openframeworks.cc/download" target="_blank">http://www.openframeworks.cc/download</a></p>
<p>とりあえずDLして、iPhone Graphics Example実行してみたら</p>
<p>error: There is no SDK with the name or path &#8216;iphoneos2.2&#8242;</p>
<p>だって・・</p>
<p>今日も1mm。</p>
<p>参考<br />
<a href="http://yoppa.org/sbaw09.php?itemid=974" target="_blank">http://yoppa.org/sbaw09.php?itemid=974</a></p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=740</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>キャプチャ2</title>
		<link>http://haramakoto.com/wordpress/?p=737</link>
		<comments>http://haramakoto.com/wordpress/?p=737#comments</comments>
		<pubDate>Fri, 15 Jan 2010 00:05:17 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=737</guid>
		<description><![CDATA[
1mmも進んでなーい
]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://haramakoto.com/wordpress/wp-content/uploads/2010/01/cap2.gif" title="キャプチャ2" class="alignnone" width="450" height="340" /><br />
1mmも進んでなーい</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=737</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>試作</title>
		<link>http://haramakoto.com/wordpress/?p=734</link>
		<comments>http://haramakoto.com/wordpress/?p=734#comments</comments>
		<pubDate>Wed, 13 Jan 2010 22:22:01 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=734</guid>
		<description><![CDATA[
processingで。こっからどう面白くしてくか
]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://haramakoto.com/wordpress/wp-content/uploads/2010/01/aaa.gif" title="hana" class="alignnone" width="450" height="414" /><br />
processingで。こっからどう面白くしてくか</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=734</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>機能洗い出し１</title>
		<link>http://haramakoto.com/wordpress/?p=731</link>
		<comments>http://haramakoto.com/wordpress/?p=731#comments</comments>
		<pubDate>Tue, 12 Jan 2010 17:07:07 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=731</guid>
		<description><![CDATA[そろそろ試作に移れる・・
必要な機能は、えー
起動
描画
読み込み
保存
投稿
設定
終了
とりあえずは。
まずはこれが動くの作るべきか
今日は本当に1mm
#—————
スタート
↓
企画・アイディア出し
↓
競合調査 [...]]]></description>
			<content:encoded><![CDATA[<p>そろそろ試作に移れる・・<br />
必要な機能は、えー</p>
<p>起動<br />
描画<br />
読み込み<br />
保存<br />
投稿<br />
設定<br />
終了</p>
<p>とりあえずは。<br />
まずはこれが動くの作るべきか<br />
今日は本当に1mm</p>
<p>#—————</p>
<p>スタート<br />
↓<br />
企画・アイディア出し<br />
↓<br />
競合調査<br />
↓<br />
仕様かためる　　←ｲﾏｺｺ<br />
↓<br />
技術調査・試作<br />
↓<br />
メインビジュアル作成<br />
↓<br />
アイコン作成<br />
↓<br />
基本UI実装<br />
↓<br />
メイン機能部分の実装<br />
↓<br />
検証<br />
↓<br />
リリース</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=731</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>考え少し整える</title>
		<link>http://haramakoto.com/wordpress/?p=728</link>
		<comments>http://haramakoto.com/wordpress/?p=728#comments</comments>
		<pubDate>Mon, 11 Jan 2010 22:43:32 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=728</guid>
		<description><![CDATA[とりあえずまとめ。取り急ぎとしてやりたいのがnutsuさんの作品のような、動きで色々ジェネレートされるペン系のものだけど、それはあくまで要素レベル。このままだとまだ選択肢が無限すぎるので、誰向けのものを作るかという大体の [...]]]></description>
			<content:encoded><![CDATA[<p>とりあえずまとめ。取り急ぎとしてやりたいのがnutsuさんの作品のような、動きで色々ジェネレートされるペン系のものだけど、それはあくまで要素レベル。このままだとまだ選択肢が無限すぎるので、誰向けのものを作るかという大体の企画の方向をまとめる。<br />
たとえば、LEGO PhotoのようにLEGOファンに向けたものと考えると、ドラッグした場所にブロックが落ちてきて積み上がっていく／タッチで形を整える、みたいな感じにするということ。<br />
でもLEGOというクライアントもいないので、ユーザを仮に設定する必要がある。</p>
<p>#—————</p>
<p>スタート<br />
↓<br />
企画・アイディア出し<br />
↓<br />
競合調査<br />
↓　　←ｲﾏｺｺ<br />
仕様かためる<br />
↓<br />
技術調査・試作<br />
↓<br />
メインビジュアル作成<br />
↓<br />
アイコン作成<br />
↓<br />
基本UI実装<br />
↓<br />
メイン機能部分の実装<br />
↓<br />
検証<br />
↓<br />
リリース</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=728</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>参考になるイメージ</title>
		<link>http://haramakoto.com/wordpress/?p=723</link>
		<comments>http://haramakoto.com/wordpress/?p=723#comments</comments>
		<pubDate>Sun, 10 Jan 2010 13:32:23 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=723</guid>
		<description><![CDATA[nutsuさんの一連の取り組みはとても参考になるというか真似したいというか。
F5BitmapDataSample2 &#8211; wonderfl build flash online
FShape path dra [...]]]></description>
			<content:encoded><![CDATA[<p>nutsuさんの一連の取り組みはとても参考になるというか真似したいというか。</p>
<div style="text-align:center;width:465px;"><iframe title="F5BitmapDataSample2 - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/360b32f860ff65aa7ff354ad510bafdb42956952"; width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/360b32f860ff65aa7ff354ad510bafdb42956952"; title="F5BitmapDataSample2 - wonderfl build flash online">F5BitmapDataSample2 &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="FShape path draw - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/9dfa6d869ce34b3436a234e597876d7a407aabc4"; width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/9dfa6d869ce34b3436a234e597876d7a407aabc4"; title="FShape path draw - wonderfl build flash online">FShape path draw &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="SketchSample7 - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/114b1324273a4dd6bfb1bbf8613dbb2140bfc5e2"; width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/114b1324273a4dd6bfb1bbf8613dbb2140bfc5e2"; title="SketchSample7 - wonderfl build flash online">SketchSample7 &#8211; wonderfl build flash online</a></div>
<div style="text-align:center;width:465px;"><iframe title="Draw worm by mouse gesture. - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/41d72cda4cc3ec1088d2abcb4d782fce7b50734f"; width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.net/code/41d72cda4cc3ec1088d2abcb4d782fce7b50734f"; title="Draw worm by mouse gesture. - wonderfl build flash online">Draw worm by mouse gesture. &#8211; wonderfl build flash online</a></div>
<p>nutsuさんのsketchは、マウスの運び次第で描き手のオリジナリティが出せつつ他にない表現になってるところがいい。</p>
<p>想像しているのはもちょっと具象的なイメージ。</p>
<p>#&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>スタート<br />
↓<br />
企画・アイディア出し<br />
↓<br />
競合調査　　←ｲﾏｺｺ<br />
↓<br />
仕様かためる<br />
↓<br />
技術調査・試作<br />
↓<br />
メインビジュアル作成<br />
↓<br />
アイコン作成<br />
↓<br />
基本UI実装<br />
↓<br />
メイン機能部分の実装<br />
↓<br />
検証<br />
↓<br />
リリース</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=723</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhoneでペイント系のソフトは売れてるか</title>
		<link>http://haramakoto.com/wordpress/?p=712</link>
		<comments>http://haramakoto.com/wordpress/?p=712#comments</comments>
		<pubDate>Sat, 09 Jan 2010 05:49:13 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=712</guid>
		<description><![CDATA[売れてないぽい？
ま、日々変動はするだろうけど、2010/1/9現在現在上位を占めているのは
カメラアプリと、ゲームと、便利系アプリ（家計簿とか生活関連）。
あとは定番アプリ。
ToyCamとか超息長いな〜
似たような路 [...]]]></description>
			<content:encoded><![CDATA[<p>売れてないぽい？</p>
<p>ま、日々変動はするだろうけど、2010/1/9現在現在上位を占めているのは<br />
カメラアプリと、ゲームと、便利系アプリ（家計簿とか生活関連）。<br />
あとは定番アプリ。<br />
ToyCamとか超息長いな〜</p>
<h3>似たような路線のiPhoneアプリは？</h3>
<h4><a href="itms://itunes.apple.com/us/app/graffiti-analysis/id345338950?mt=8" target="_blank">graffiti analysis</a></h4>
<p><img alt="" src="http://haramakoto.com/wordpress/wp-content/uploads/2010/01/g_a.jpg" title="graffity analysis" class="alignnone" width="479" height="319" /><br />
グラフィティを3Dで描画してくれるかっこいいアプリ。<br />
クール。<br />
ランキングには上がってなかった。でも賞とか取れそう</p>
<h4><a href="http://itunes.apple.com/jp/app/lego-photo/id347363502?mt=8" target="_blank">LEGO Photo</a></h4>
<p><img alt="" src="http://haramakoto.com/wordpress/wp-content/uploads/2010/01/lego.jpg" title="LEGO" class="alignnone" width="321" height="480" /><br />
ペイント系ではないけど、このノリは参考になる。子供向けな雰囲気で<br />
むしろ大人が超満足するためにあるというか。</p>
<h4><a href="http://itunes.apple.com/jp/app/kid-pics-now-with-undo/id319558553?mt=8" traget="_blank">Kid Pics</a></h4>
<p><img alt="" src="http://haramakoto.com/wordpress/wp-content/uploads/2010/01/kidpics.jpg" title="Kid Pics" class="alignnone" width="318" height="479" /><br />
エンタメ的要素と、できる絵のバランスとターゲットが絶妙だと思う。<br />
iPhone版あった。往年のKidPicsと同じような操作感でよかったけど、<br />
今の時代にそのまま出すには物足りない感は否めない。特に子供はそうだろう</p>
<p>iPhoneのペイント系は、基本的にアート系に走るか、絵師たちが満足するように制度を求めるかの<br />
2方向がある感じ。<br />
iPhoneにはあまりないけど、スケッチピストンのようにゲーム、エンタメ系に行くというのが<br />
もう1方向としてあると思う。</p>
<h3>このへんの感覚は大事にしたい。</h3>
<h4><a href="http://www.team-lab.com/sketchpiston/sketchpiston1/sketchpiston1.html" target="_blank">スケッチピストン</a></h4>
<p><img alt="" src="http://haramakoto.com/wordpress/wp-content/uploads/2010/01/sketchpiston.jpg" title="スケッチピストン" class="alignnone" width="450" height="283" /></p>
<h4><a href="http://yesyesno.com/night-lights" target="_blank">Night Light</a></h4>
<p>ちょっとした動きで100倍の動きが生成される、動きの面白さ、美しさなど<br />
あとは、そんなに労力をかけずにすごい綺麗な絵が作れる、とかかなあ。。</p>
<p>ざっと眺めてみて、自分のやりたいペイント系の要素としては<br />
「身体拡張感」、適当に描いた線が美しいとか、ちょっとしたペンの走りのベクトルをもとに10倍の動きが発生するとかそういう楽しみ方をさせたい、というのがあるという気持ちの整理。<br />
あとはもうちょっと具体的なアイディアに落としこみたい。</p>
<p>昨日はサボったので今日はもう1mmくらい進める。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=712</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>だいたいこんなのを作りたい</title>
		<link>http://haramakoto.com/wordpress/?p=708</link>
		<comments>http://haramakoto.com/wordpress/?p=708#comments</comments>
		<pubDate>Thu, 07 Jan 2010 17:35:58 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=708</guid>
		<description><![CDATA[とりあえず、こういうの作りたいなー、というのはある。
こういうの。

花ブラシ。で、花は有機的な動きをするという
動きで楽しむお絵描き的なやつ。
Flashではよくあるかも。
で、描き終わったら保存できたりtwitter [...]]]></description>
			<content:encoded><![CDATA[<p>とりあえず、こういうの作りたいなー、というのはある。<br />
こういうの。</p>
<p><img alt="" src="http://haramakoto.com/wordpress/wp-content/uploads/2010/01/flower.png" class="alignnone" width="346" height="490" /></p>
<p>花ブラシ。で、花は有機的な動きをするという<br />
動きで楽しむお絵描き的なやつ。</p>
<p>Flashではよくあるかも。</p>
<p>で、描き終わったら保存できたりtwitter投稿できたりするようなもの。</p>
<p>シンプルな大人版KidPicsみたいなイメージ。</p>
<p>詳細は決めていなくて、まずは競合とかiPhone売れ線とか調べてから詳細決めていこうかと。<br />
技術面も気になる。</p>
<p>スタート<br />
↓<br />
企画・アイディア出し　　←ｲﾏｺｺ<br />
↓<br />
競合調査<br />
↓<br />
仕様かためる<br />
↓<br />
技術調査・試作<br />
↓<br />
メインビジュアル作成<br />
↓<br />
アイコン作成<br />
↓<br />
基本UI実装<br />
↓<br />
メイン機能部分の実装<br />
↓<br />
検証<br />
↓<br />
リリース</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=708</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一日にほんの少しだけでもiPhoneの勉強進める記</title>
		<link>http://haramakoto.com/wordpress/?p=705</link>
		<comments>http://haramakoto.com/wordpress/?p=705#comments</comments>
		<pubDate>Wed, 06 Jan 2010 17:26:40 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[̤未分類]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[一日にほんの少しだけでもiPhoneの勉強進める記]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=705</guid>
		<description><![CDATA[ちょうひさびさのブログ。軽く半年くらい経っているな・・
iPhoneやりたいなと思いつつ、まともにそっちに手が回せるスキルも備わっていない、
でもなんとかしてやりたい、ということで
まともにはしない。ゆるゆるiPhone [...]]]></description>
			<content:encoded><![CDATA[<p>ちょうひさびさのブログ。軽く半年くらい経っているな・・</p>
<p>iPhoneやりたいなと思いつつ、まともにそっちに手が回せるスキルも備わっていない、<br />
でもなんとかしてやりたい、ということで<br />
まともにはしない。ゆるゆるiPhone開発に取り組んでみようかというテスト。</p>
<p>プロセスとしてはこんな感じかな？</p>
<p>スタート　　←ｲﾏｺｺ<br />
     ↓<br />
企画・アイディア出し<br />
     ↓<br />
競合調査<br />
     ↓<br />
仕様かためる<br />
     ↓<br />
技術調査・試作<br />
     ↓<br />
メインビジュアル作成<br />
     ↓<br />
アイコン作成<br />
     ↓<br />
基本UI実装<br />
     ↓<br />
メイン機能部分の実装<br />
     ↓<br />
検証<br />
     ↓<br />
リリース</p>
<p>・期限は設けない<br />
・毎日1mmは進める<br />
てことで。あくまでゆるくいきます。<br />
<a href="http://japanese.engadget.com/2010/01/05/google-android-nexus-one/" target="_blank"><br />
Nexus Oneが発表されてたり</a>、<a href="http://blogs.adobe.com/akamijo/archives/2009/12/flash_cs5.html" target="_blank">FlashCS5の発売も迫っていたり</a>、<br />
そもそもすっかりレッドオーシャンな感じになってたりして<br />
時代に置いてかれてる感半端ないですが。。</p>
<p>iPhoneもさることながら、QuartzとOpenGLという強力なグラフィック生成装置への興味がより一段とあるので<br />
そこは目をつぶることにしたのでした。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=705</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>時計のスクリーンセーバー化・第一歩</title>
		<link>http://haramakoto.com/wordpress/?p=683</link>
		<comments>http://haramakoto.com/wordpress/?p=683#comments</comments>
		<pubDate>Wed, 05 Aug 2009 16:04:12 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[Actionscript]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=683</guid>
		<description><![CDATA[ちょーひさしぶりの更新！
最近は_level0で興味の赴くままに時計を作り続けてる原です。
まー見ての通り、スクリーンセーバー的なフルFlashの時計ばかり作っているので、そのうちスクリーンセーバーも出していきたいつもり [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_685" class="wp-caption aligncenter" style="width: 460px"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/08/tori.gif" alt="にわとりver" title="tori" width="450" height="267" class="size-full wp-image-685" /><p class="wp-caption-text">にわとりver</p></div>
<p>ちょーひさしぶりの更新！</p>
<p>最近は_level0で興味の赴くままに時計を作り続けてる原です。</p>
<p>まー見ての通り、スクリーンセーバー的なフルFlashの時計ばかり作っているので、そのうちスクリーンセーバーも出していきたいつもり。<br />
というわけで、今回はスクリーンセーバー化の第一歩として個人的お気に入りの<a href="http://level0.kayac.com/2009/07/drawingclock.php" target="_blank">これ</a>をスクリーンセーバーにしてみたよ。</p>
<p><span id="more-683"></span></p>
<h3>FlaverLiteで</h3>
<p>Flashをスクリーンセーバーにする方法は、<a href="http://katapad.com/wp/tag/screensaver/" target="_blank">katapadさんのブログで超詳しく解説されていた</a>のでこちらを参考に・・</p>
<p><a href="http://flaver.jp/Contents/download.html" target="_blank">Flaver:lite</a>がフリーのソフトでは一番クオリティが高いってことはなんとなく知っていたのだけど、<br />
・Macだとステージ取得のタイミングがずれる問題<br />
・小窓表示をカスタマイズできる</p>
<p>ってのはしらなんだ・・</p>
<p>というわけで、とりあえず<a href="http://swimmingbird.heteml.jp/dl/DrawingClock.app.zip">自分の環境で楽しむ用はできた！</a><br />
MacBookProだったら問題なく使えるはず。</p>
<h3>プレビューがずれる</h3>
<p><div id="attachment_695" class="wp-caption aligncenter" style="width: 460px"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/08/settei2.jpg" alt="設定画面" title="settei2" width="450" height="391" class="size-full wp-image-695" /><p class="wp-caption-text">設定画面</p></div><br />
やっていて微妙につまづいたところは、プレビュー画面でやっぱりステージサイズをうまく取得できないところ。中央表示がどうしてもずれる・・<br />
ので、最終的にここは815×580のサイズ（目分量：かなり適当）のオブジェクト上にロゴを配置して、座標0,0に置いて解決。なので他のMacで見るとプレビューがずれる可能性大。</p>
<h3>DrawingClock</h3>
<p><div id="attachment_692" class="wp-caption aligncenter" style="width: 460px"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/08/monarisa.gif" alt="モナリザ" title="monarisa" width="450" height="562" class="size-full wp-image-692" /><p class="wp-caption-text">モナリザ</p></div><br />
DrawingClockはモナリザが表示される時が一番お気に入り。もっと女の子を出していきたい。<br />
しかしまあ、_level0の方はフラッシュアイディア的にバンバン出してくことだけを念頭に置いてるので、正式にスクリーンセーバーリリースの時には色々ブラッシュアップしたいなあ。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=683</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>scaleform雑感</title>
		<link>http://haramakoto.com/wordpress/?p=640</link>
		<comments>http://haramakoto.com/wordpress/?p=640#comments</comments>
		<pubDate>Mon, 22 Jun 2009 23:54:05 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[セミナー]]></category>
		<category><![CDATA[ダイアグラム]]></category>
		<category><![CDATA[寸評]]></category>
		<category><![CDATA[ScaleForm]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=640</guid>
		<description><![CDATA[とっても遅ればせですが、先週見てきたscaleFormについて雑感。
ScaleFormとは
ScaleFormそのものについては、こちらの記事が詳しい。
【GTMF2009】ゲームUIをFlashで作成「Scalefo [...]]]></description>
			<content:encoded><![CDATA[<p>とっても遅ればせですが、先週見てきたscaleFormについて雑感。</p>
<h3>ScaleFormとは</h3>
<p>ScaleFormそのものについては、こちらの記事が詳しい。<br />
<a target="_blank" href="http://www.inside-games.jp/news/358/35845.html">【GTMF2009】ゲームUIをFlashで作成「Scaleform GFx」 &#8211; iNSIDE</a><br />
プレゼンの画像も、Adobeのイベントで使われたものとほぼ同じ。<br />
要は、ゲーム開発においてやっかいになりやすいベクターグラフィックスやフォントの処理をflashによってより簡単に扱うことができる。<br />
また、flashの開発環境で作れるため、UIの作り込みに集中でき、技術的に参入もしやすいという代物。</p>
<p>特に<a target="_blank" href="https://www.scaleform.com/products/clik">ScaleForm CLICK</a>と<a target="_blank" href="https://www.scaleform.com/products/amp">scaleForm AMP</a>が秀逸で、CLICKの方は、かの有名なFlasher、GLANT SKINNER氏が開発に関わったインタフェースコンポーネントキット。ゲームに用いられるようなリッチ表現を伴ったインタフェースのためにまとめられたコンポーネントなので、一見の価値があるものだと思う。<br />
また、ScaleForm AMPはメモリの使用量を、パーツごとに分解してモニタリングできる機能。これはゲームに限らず、flashの大規模開発に普通に使えるってか普通にFlashPlayerに入っててほしいかも。</p>
<p>公式サイトは<a target="_blank" href="https://www.scaleform.com/">こちら</a>。<br />
ページの下の方にpdfのリンクがあり、そのpdfにより詳しい製品情報が日本語で掲載されている。このpdfが一番詳しい日本語情報な気がする・・<br />
<span id="more-640"></span></p>
<h3>壁</h3>
<p>で、色んな人が記事書いてるけど、おそらく会場に来た多くのflasherが感じたと思われるのが、ゲーム業界の厚い壁。<br />
質問で、「Flasherがゲーム業界の仕事をするにはどうすればいいですか？」というのに対して「まずゲーム会社に就職してください」と返答したのが印象的。</p>
<p>前者はWeb系Flasherが現在のゲームの仕事の一部を担うことができるか？という質問だったのに対し、後者はそれに答えずして否定しつつ「web業界から離れて門戸に入れ！」ということで・・</p>
<p>こんな感じで苦笑する場面が多かった。</p>
<p>ここには３つの壁がある。<br />
・高価なライセンスを持った企業でないとゲーム開発に関わることができない<br />
・ゲーム開発において、外部のFlasherと協力して仕事をすることに全く期待がない<br />
・Flasherとしても、ゲーム開発は畑違いで技術的ハードルも高い</p>
<p>けっこう厚そうな壁だ。</p>
<h3>英語</h3>
<p><a target="_blank" href="http://unbland.org/blog/2009/05/14/244.html">こちらの記事</a>の受け売りだけど、<br />
そもそも海外ではFlasherとゲーム開発は日本のそれよりも距離が近いらしい。<br />
また、映画製作とかも、（メディアの情報を見る限り）日本よりも分業が進んでいるはず。その土壌あってのScaleFormなのではないだろうか。</p>
<p>となると、<a target="_blank" href="http://blog.jactionscripters.com/">JActionScripters</a>じゃね？？<br />
ゲーム業界と距離の近いFlasher、に日本で一番距離が近いのは英語圏のFlashに近づきつつあるJActionScriptersなので、<br />
ここから英語圏でも活躍できる日本のFlasher！みたいな事態になればゲーム業界に食い込める可能性もぐっと増えるのではないかとおもう。</p>
<h3>個人的には</h3>
<p>正直、僕はゲームそのものには全く興味がない。ゲームって、生活そのものにはあんまり関係がないというイメージが強いから。<br />
でも、UIデザインとかインタフェースとかメディアアートとか、生活に関わるものとか、割と一方的な表現みたいなものは俄然興味がある。なので、ゲームそのものが作りたい！という願望は特になく、ゲーム内に出てくるメカのUIで画期的なものを作れればそれでいいという感じ。<br />
そういう仕事の受け方もあっていいと思う。</p>
<h3>ScaleFormを導入してみたい</h3>
<p>とはいえ、それはそこそこ長い目で見なければいけない話。ちょっとやそっとでは破れない壁は今は放っておくにこしたことはない。JActionScriptersも特にScaleFormのために存在しているわけではないだろうし。<br />
せっかくScaleFormという優れた開発環境を教えてもらったのだから、まずは使ってみることが先決だろう。<br />
さて、ScaleFormって体験版とかないのかな？</p>
<p>セミナーの時には、ScaleFormはバイナリ版とソース版があり、ソース版はGFxPlayerをいじることができて高価である、ということは説明していたが、具体的な価格や体験版については特に言及していなかったように思う。<br />
また、さきほどの<a target="_blank" href="http://unbland.org/blog/2009/05/14/244.html">unbland.orgさんの記事</a>によると、</p>
<p>「会社名義であれば試用目的でのデベロッパー登録も大丈夫」とあるので、とりあえず<a target="_blank" href="https://www.scaleform.com/register">ユーザ登録</a>を試みてみた。</p>
<p>User Registration、Company Registrationと進むと、次にProject Registrationの記入欄になる。<br />
ここには、主にどのようなゲームを開発しているか、という情報を記入するのだが、特にゲームは開発していないため、プラットフォームを適当に選び「FlashDeveloperです、使ってみたいです」みたいな事を書いて送った。<br />
現在メールの返信待ちだが、試用目的でも大丈夫なのであれば問題ないはず・・</p>
<p>というわけでこの件はペンディング。<br />
今後の経過も報告したいけど、何せゲーム関連のソフトであるため、情報の公開には制限がつく可能性がある。<br />
その場合、この記事の続きは自動的になくなってしまうためあしからず。</p>
<h3>参考記事</h3>
<p>今回の記事を書く上で参考にさせてもらったブログ記事です。<br />
<a target="_blank" href="http://getnews.jp/archives/19296">ゲーム機でFlashを動かす『Scaleform』セミナー開催――開発者が寄せる期待と現実のギャップ</a><br />
<a target="_blank" href="http://unbland.org/blog/2009/05/14/244.html">今後の Flasher の身の振り方 – Scaleform GFx なんてどう？</a><br />
<a target="_blank" href="http://www.inazumatv.com/contents/archives/3142">Scaleform GFx とFlash な関係</a><br />
<a target="_blank" href="http://un-q.net/2009/06/flash_ui_scaleform.html">Flashでコンシューマー向けのゲームUIが作れるScaleformのセミナーに行って来た</a><br />
<a target="_blank" href="http://clockmaker.jp/blog/2009/06/scaleform/">Scaleform・Adobe共同セミナーに行ってきました</a></p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=640</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RemoveChild前に確認しときたい時のDispayObject.contains</title>
		<link>http://haramakoto.com/wordpress/?p=590</link>
		<comments>http://haramakoto.com/wordpress/?p=590#comments</comments>
		<pubDate>Sun, 31 May 2009 15:25:14 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=590</guid>
		<description><![CDATA[報告エントリばかりじゃアレなので、小ネタも投稿しておきます。
基本だけど知らなかったよシリーズ。
AS3で表示要素をremoveChildする時に、もうすでにremoveChildされてたりすると「DisplayObje [...]]]></description>
			<content:encoded><![CDATA[<p>報告エントリばかりじゃアレなので、小ネタも投稿しておきます。<br />
基本だけど知らなかったよシリーズ。<br />
AS3で表示要素をremoveChildする時に、もうすでにremoveChildされてたりすると「DisplayObjectの子じゃないのはいけないと思います！」と怒られるのですが、これを回避するために<br />
親DispayObject.contains(子DisplayObject)<br />
で消えてるかどうか（正確には親要素の子要素に含まれているかどうか）確認してから消せます。<br />
trueならChildで、falseだと無関係で、falseの時に同じ組み合わせでremoveChildすると怒られる。</p>
<p>設計が悪いのか？ このようにして消えてるかどうか確認してから消したいケースがよくある・・</p>
<p>イベントなら<br />
対象のオブジェクト.hasEventListener(イベントタイプ)<br />
Tweenerなら<br />
Tweener.isTweening(対象のオブジェクト)<br />
で確認ですね。</p>
<p>便利！</p>
<p>以上、小ネタでしたー。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=590</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>web creators出ました</title>
		<link>http://haramakoto.com/wordpress/?p=619</link>
		<comments>http://haramakoto.com/wordpress/?p=619#comments</comments>
		<pubDate>Sun, 31 May 2009 14:55:44 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[連載]]></category>
		<category><![CDATA[雑誌]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=619</guid>
		<description><![CDATA[
月例報告な感じですが、web creators出てます。
今回のテーマは3Dのお魚でBoidなプログラムです。
サンプルページはこちら
amazonはこちら！

ご購入よろしくですー
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.mdn.co.jp/webcre/Flash/vol91/" target="_blank"><div id="attachment_620" class="wp-caption aligncenter" style="width: 410px"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/05/1.jpg" alt="3Dの魚のモーション" title="fish" width="400" height="263" class="size-full wp-image-620" /><p class="wp-caption-text">3Dの魚のモーション</p></div></a><br />
月例報告な感じですが、web creators出てます。<br />
今回のテーマは3Dのお魚でBoidなプログラムです。</p>
<p><a href="http://www.mdn.co.jp/content/view/8650/" target="_blank">サンプルページはこちら</a></p>
<p>amazonはこちら！<br />
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=haramakotocom-22&#038;o=9&#038;p=8&#038;l=as1&#038;asins=B0029VBSEK&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p>ご購入よろしくですー</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=619</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>level0のharaとharamakotoは同じ人です</title>
		<link>http://haramakoto.com/wordpress/?p=616</link>
		<comments>http://haramakoto.com/wordpress/?p=616#comments</comments>
		<pubDate>Sun, 31 May 2009 14:54:41 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[お知らせ]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=616</guid>
		<description><![CDATA[level0にスクロールのイージングに関する記事を投稿いたしました。
そう、３月まで某社にてFlashデベロッパだった僕は、この４月より面白法人カヤックにてFlashデベロッパをしております。（スタッフのページにはまだ反 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://level0.kayac.com/2009/05/post_22.php" target="_blank">level0にスクロールのイージングに関する記事を投稿いたしました。</a><br />
そう、３月まで某社にてFlashデベロッパだった僕は、この４月より面白法人カヤックにてFlashデベロッパをしております。（スタッフのページにはまだ反映されておりません。あしからず）<br />
さすがはカヤック、と毎日思いながらのFlash生活です。<br />
今月号のweb creators連載のプロフィール部分にはもう反映されているはず。</p>
<p>というわけで、僕の現在のプロフィールはこんな感じになります。<br />
twitter:<a href="http://twitter.com/xxxxMakoto" target="_blank">xxxxMakoto</a><br />
本名：原 真人<br />
ブログ：<a href="http://haramakoto.com/wordpress/">NOTE.haramkaoto</a><br />
所属：<a href="http://www.kayac.com/" target="_blank">KAYAC</a></p>
<p>今後ともよろしくお願いいたします。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=616</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>またまたweb creatros出てます</title>
		<link>http://haramakoto.com/wordpress/?p=588</link>
		<comments>http://haramakoto.com/wordpress/?p=588#comments</comments>
		<pubDate>Wed, 13 May 2009 22:55:48 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[お知らせ]]></category>
		<category><![CDATA[webcreators]]></category>
		<category><![CDATA[連載]]></category>
		<category><![CDATA[雑誌]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=588</guid>
		<description><![CDATA[
発売から何日経っとるねんって話ですね。すいません。
最近まわりの環境がリニューアルしていたので。。リニューアル直後は何かと大変なものなので。でもそろそろブログも書いていけるかなあ。
今回はprogression使った映 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.mdn.co.jp/content/view/8465/"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/05/showreel.jpg" alt="web creatorsサンプル" title="web creatorsサンプル" width="500" height="359" class="aligncenter size-full wp-image-601" /></a></p>
<p>発売から何日経っとるねんって話ですね。すいません。<br />
最近まわりの環境がリニューアルしていたので。。リニューアル直後は何かと大変なものなので。でもそろそろブログも書いていけるかなあ。</p>
<p>今回はprogression使った映像ビューアにしました。<br />
自分で解説したサンプル使って自分のサイトリニューアルしてやるぜ。。ぐへへ。。<br />
という目論みがあったのですが、全然暇なくてできてません。</p>
<p>ダウンロードは<a href="http://www.mdn.co.jp/content/view/8465/" target="_blank">こちら</a>から。雑誌買ってパスワードゲットしてね！</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=588</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>web creators出てます。</title>
		<link>http://haramakoto.com/wordpress/?p=573</link>
		<comments>http://haramakoto.com/wordpress/?p=573#comments</comments>
		<pubDate>Wed, 01 Apr 2009 23:22:19 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[SoundMixer.computeSpectrum]]></category>
		<category><![CDATA[連載]]></category>
		<category><![CDATA[雑誌]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=573</guid>
		<description><![CDATA[web creators5月号出てますー。
僕の連載は、前回の続きで「サウンドビジュアライザを作る」ですね。
今回はサウンドの扱いを中心に解説していて、SoundMixer.computeSpectrumとか出てきます。 [...]]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_577" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.mdn.co.jp/webcre/Flash/vol89/Frame5-SoundVisualizer/index.html" target="_blank"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/04/captree.jpg" alt="ビジュアライザ" title="captree" width="450" height="378" class="size-full wp-image-577" /></a><p class="wp-caption-text">ビジュアライザ</p></div><br />
web creators5月号出てますー。</p>
<p>僕の連載は、前回の続きで「サウンドビジュアライザを作る」ですね。</p>
<p>今回はサウンドの扱いを中心に解説していて、<a href="http://livedocs.adobe.com/flash/9.0_jp/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&#038;file=00000296.html" target="_blank">SoundMixer.computeSpectrum</a>とか出てきます。</p>
<p><a href="http://www.mdn.co.jp/content/view/8265/" target="_blank">サンプルDLのページ<br />
</a><br />
買ってね〜</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=573</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>AS3の色のビットシフト</title>
		<link>http://haramakoto.com/wordpress/?p=559</link>
		<comments>http://haramakoto.com/wordpress/?p=559#comments</comments>
		<pubDate>Wed, 25 Mar 2009 05:39:43 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=559</guid>
		<description><![CDATA[基本的な事なんだけど、いつも忘れるのでメモメモ
16進数→10進数にしたい時

var color = 0xffffff;
var r = &#40; color &#38; 0xff0000 &#41; &#62;&#038;gt [...]]]></description>
			<content:encoded><![CDATA[<p>基本的な事なんだけど、いつも忘れるのでメモメモ</p>
<p>16進数→10進数にしたい時</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">color</span> = 0xffffff;
<span style="color: #6699cc; font-weight: bold;">var</span> r = <span style="color: #000000;">&#40;</span> <span style="color: #004993;">color</span> <span style="color: #000000; font-weight: bold;">&amp;</span> 0xff0000 <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&gt;&gt;</span> <span style="color: #000000; font-weight:bold;">16</span>;
<span style="color: #6699cc; font-weight: bold;">var</span> g = <span style="color: #000000;">&#40;</span> <span style="color: #004993;">color</span> <span style="color: #000000; font-weight: bold;">&amp;</span> 0xff00 <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">&gt;&gt;</span> <span style="color: #000000; font-weight:bold;">8</span>;
<span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">b</span> = <span style="color: #000000;">&#40;</span> <span style="color: #004993;">color</span> <span style="color: #000000; font-weight: bold;">&amp;</span> 0xff <span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>10進数→16進数にしたい時</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #6699cc; font-weight: bold;">var</span> r<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">uint</span> = <span style="color: #000000; font-weight:bold;">255</span>;
<span style="color: #6699cc; font-weight: bold;">var</span> g<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">uint</span> = <span style="color: #000000; font-weight:bold;">255</span>;
<span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">b</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">uint</span> = <span style="color: #000000; font-weight:bold;">255</span>;
<span style="color: #6699cc; font-weight: bold;">var</span> newColor<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">uint</span> = r <span style="color: #000000; font-weight: bold;">&lt;</span> <span style="color: #000000; font-weight: bold;">&lt;</span> <span style="color: #000000; font-weight:bold;">16</span> <span style="color: #000000; font-weight: bold;">|</span> g <span style="color: #000000; font-weight: bold;">&lt;&lt;</span> <span style="color: #000000; font-weight:bold;">8</span> <span style="color: #000000; font-weight: bold;">|</span> <span style="color: #004993;">b</span>;
<span style="color: #004993;">trace</span><span style="color: #000000;">&#40;</span>newColor.<span style="color: #004993;">toString</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">16</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>;</pre></div></div>

</pre>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=559</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Utils3D.projectVectors</title>
		<link>http://haramakoto.com/wordpress/?p=529</link>
		<comments>http://haramakoto.com/wordpress/?p=529#comments</comments>
		<pubDate>Tue, 24 Mar 2009 12:53:13 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[FlashPlayer10]]></category>
		<category><![CDATA[Utils3D.projectVectors]]></category>
		<category><![CDATA[wonderfl]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=529</guid>
		<description><![CDATA[前回のエントリでは、PS2 Fireworkのコードを改造して3D-Lineを作ったけれど・・・
最近気になったビジュアライゼーション　0903 &#171;  NOTE.haramakoto
続きで作っただけあって、 [...]]]></description>
			<content:encoded><![CDATA[<p>前回のエントリでは、<a href="http://wonderfl.kayac.com/code/fd77117130bc4a82c686afa7c3a2fa19a3b8e0fa" target="_blank">PS2 Firework</a>のコードを改造して3D-Lineを作ったけれど・・・<br />
<a href="http://haramakoto.com/wordpress/?p=506">最近気になったビジュアライゼーション　0903 &laquo;  NOTE.haramakoto</a></p>
<p>続きで作っただけあって、コードの全部を完全に理解できたわけではない感じ。なんかバグもあったみたいだし。。<br />
ただ、１つ個人的に発見だったのがUtils3D.projectVectors。何かというと、３次元の座標を突っ込むと2次元での座標を返してくれるというもの。</p>
<blockquote><p>投影 Matrix3D オブジェクトを使用して、3 次元空間座標のベクター（verts）を 2 次元空間座標のベクター（projectedVerts）に投影します。 投影された Vector オブジェクトがパラメータとして使用される前に、事前に割り当てる必要があります。</p></blockquote>
<p><a href="http://help.adobe.com/ja_JP/AS3LCR/Flash_10.0/flash/geom/Utils3D.html#projectVectors()" target="_blank">projectVectors	()	メソッド</a></p>
<p>というか、そもそもUtils3Dって何よ？というと・・</p>
<blockquote><p>
Utils3D クラスには、特定の 3 次元マトリックス操作の実装を単純化する静的メソッドが含まれます。</p></blockquote>
<p><a href="http://help.adobe.com/ja_JP/AS3LCR/Flash_10.0/flash/geom/Utils3D.html" target="_blank">Utils3D &#8211; ActionScript 3.0 言語およびコンポーネントリファレンス<br />
</a><br />
 とのことなので、単に３次元マトリックスを扱いやすくするための便利道具ですよってことみたい。<br />
<span id="more-529"></span><br />
前回の3D Lineは基本的にこれで線を引いた事以外は<a href="http://wonderfl.kayac.com/code/fd77117130bc4a82c686afa7c3a2fa19a3b8e0fa" target="_blank">PS2 Firework</a>のコードを利用してる感じで、<br />
３次元のLineの座標更新→Utils3D.projectVectorsで2次元座標に変換→出力された2次元座標にgraphics.LineTo<br />
を繰り返して描画させてる。<br />
LineToしてる箇所はこんな感じ。</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">g2.<span style="color: #004993;">moveTo</span><span style="color: #000000;">&#40;</span>lPos.lineProjectedVertices<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#93;</span>, lPos.lineProjectedVertices<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#93;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #6699cc; font-weight: bold;">var</span> lineArNum<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = lPos.lineProjectedVertices.<span style="color: #004993;">length</span> <span style="color: #000000; font-weight: bold;">/</span> <span style="color: #000000; font-weight:bold;">2</span>;
<span style="color: #0033ff; font-weight: bold;">for</span><span style="color: #000000;">&#40;</span>i=<span style="color: #000000; font-weight:bold;">1</span>; i<span style="color: #000000; font-weight: bold;">&lt;</span>linearnum ; i<span style="color: #000000; font-weight: bold;">++</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
	g2.<span style="color: #004993;">lineTo</span><span style="color: #000000;">&#40;</span>lPos.lineProjectedVertices<span style="color: #000000;">&#91;</span>i<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#93;</span>, lPos.lineProjectedVertices<span style="color: #000000;">&#91;</span>i<span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000; font-weight: bold;">+</span><span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#93;</span><span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>g2はDisplayObjectのgraphics、lPosっていうのは座標を保持しているlinePosクラスのインスタンス、lPos.lineProjectedVerticesはlPosで出力された、３次元座標から変換された２次元座標の配列。150行目あたりです。</p>
<p>で、３次元の座標を更新してる箇所はこんな感じ。</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #6699cc; font-weight: bold;">var</span> px<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = LINE_VERTICES<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#93;</span> <span style="color: #000000; font-weight: bold;">+</span><span style="color: #000000;">&#40;</span> vecX<span style="color: #000000; font-weight: bold;">*</span><span style="color: #004993;">Math</span>.<span style="color: #004993;">random</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">10</span>;
<span style="color: #6699cc; font-weight: bold;">var</span> py<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = LINE_VERTICES<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#93;</span> <span style="color: #000000; font-weight: bold;">+</span><span style="color: #000000;">&#40;</span> vecZ<span style="color: #000000; font-weight: bold;">*</span><span style="color: #004993;">Math</span>.<span style="color: #004993;">random</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">*</span><span style="color: #000000; font-weight:bold;">10</span>;
LINE_VERTICES<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#93;</span> = px;
LINE_VERTICES<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">2</span><span style="color: #000000;">&#93;</span> = py;
cnt<span style="color: #000000; font-weight: bold;">++</span>;</pre></div></div>

<p>まあこんな感じといってもランダム値を加算しているだけだけれど。<br />
これは290行目くらいのところで、LINE_VERTICES[0]と[2]になっているのはLINE_VERTICESにx1,y1,z1,x2,y2,z2,・・・みたいに座標を入れているから。<br />
[0]と[2]ということは、先頭のx値とz値というわけ。y値は一定で、残りの座標（つまりLINE_VERTICES[3]以降）は順番に先頭に追随させる。</p>
<p>で、これを2次元に変換してるのはこんな感じ。</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;">Utils3D.projectVectors<span style="color: #000000;">&#40;</span>projectionMatrix, lPos.LINE_VERTICES, lPos.lineProjectedVertices, floorUvts2<span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>クラスメソッドというやつだろうか。<br />
lPos.lineProjectedVerticesに変換後の座標が入ります。</p>
<p>ということで、ここの３次元座標更新のところをいじれば違った感じの動きにできたりする。<br />
こうとか</p>
<div style="text-align:center;width:465px;"><iframe title="forked1:カーナビのあれっぽいのforked from: PS2 Firework - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/a9b199a4128352aab6737f01890d8d515eea94f5" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/a9b199a4128352aab6737f01890d8d515eea94f5" title="forked1:カーナビのあれっぽいのforked from: PS2 Firework - wonderfl build flash online">forked1:カーナビのあれっぽいのforked from: PS2 Firework &#8211; wonderfl build flash online</a></div>
<p>またはこうとか。</p>
<div style="text-align:center;width:465px;"><iframe title="forked from: forked1:カーナビのあれっぽいのforked from: PS2 Firework - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/f1915403fd5c78c2878fbfd95f7b88c221ace5ff" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/f1915403fd5c78c2878fbfd95f7b88c221ace5ff" title="forked from: forked1:カーナビのあれっぽいのforked from: PS2 Firework - wonderfl build flash online">forked from: forked1:カーナビのあれっぽいのforked from: PS2 Firework &#8211; wonderfl build flash online</a></div>
<p>こんな感じで、３次元に線を引くような表現ではUtils3D.projectVectorsはとっても便利そうという話でした。</linearnum></pre>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=529</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>最近気になったビジュアライゼーション　0903</title>
		<link>http://haramakoto.com/wordpress/?p=506</link>
		<comments>http://haramakoto.com/wordpress/?p=506#comments</comments>
		<pubDate>Fri, 13 Mar 2009 23:45:16 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[visualization]]></category>
		<category><![CDATA[ダイアグラム]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=506</guid>
		<description><![CDATA[最近っても公開されたのは最近ではないけど。
Honda &#124; インターナビ &#124; INTERNAVI REALIZATION
カーナビから送られたユーザの位置情報記録をもとにlineを走らせてるらしい。
AdobeEdgeの [...]]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_511" class="wp-caption aligncenter" style="width: 419px"><a href="http://www.honda.co.jp/internavi/realization/" target="_blank"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/03/capture1.jpg" alt="INTERNAVI REALIZATION" title="capture1" width="409" height="306" class="size-full wp-image-511" /></a><p class="wp-caption-text">INTERNAVI REALIZATION</p></div><br />
最近っても公開されたのは最近ではないけど。<br />
<a href="http://www.honda.co.jp/internavi/realization/" target="_blank">Honda | インターナビ | INTERNAVI REALIZATION</a><br />
カーナビから送られたユーザの位置情報記録をもとにlineを走らせてるらしい。<br />
<a href="http://www.adobe.com/jp/newsletters/edge/february2009/articles/article5/index.html" target="_blank">AdobeEdgeの特集によると</a>、FlashPlayer10の3D機能を使って作られてるとのこと。この線のなめらかさはpapervisionでは表現が難しい気がする。<br />
作りとしては、線の動き自体は2次元で、その動きが乗っかっているフィールドに傾きを与えているという感じだろうか？　だとしたら表現自体は割と簡単にできそうな気もするなぁ・・<br />
と思ってforkして作ってみた。<br />
<span id="more-506"></span></p>
<div style="text-align:center;width:465px;"><iframe title="forked from: PS2 Firework (Particles and Motion blur) - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/d4e7bbef11316a46e9ce87534aaccd163dca2ce8" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/d4e7bbef11316a46e9ce87534aaccd163dca2ce8" title="forked from: PS2 Firework (Particles and Motion blur) - wonderfl build flash online">forked from: PS2 Firework (Particles and Motion blur) &#8211; wonderfl build flash online</a></div>
<p>進行方向はランダムに与えているだけなので、軌跡が塗りつぶされてしまう。軌跡を予め設定させたら結構似るかもー</p>
<p><div id="attachment_513" class="wp-caption aligncenter" style="width: 369px"><a href="http://blog.blprnt.com/blog/blprnt/nyt-this-was-1984" target="_blank"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/03/nytcapture.jpg" alt="NYT Visualizations" title="nytcapture" width="359" height="245" class="size-full wp-image-513" /></a><p class="wp-caption-text">NYT Visualizations</p></div><br />
<a href="http://blog.blprnt.com/blog/blprnt/nyt-this-was-1984" target="_blank">NYT Visualizations</a><br />
例の、<a href="http://developer.nytimes.com/?authChecked=1" target="_blank">New York Timesの過去の大量な記事を参照できるAPI</a>を使ったビジュアライゼーション。<br />
僕はAPI使ってみたいと思いつつ、英語の壁に立ち向かえずにいつもあきらめている・・</p>
<p><div id="attachment_515" class="wp-caption aligncenter" style="width: 265px"><a href="http://www.wowlab.net/index.php?ref=study-visualizer-jp" target="_blank"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/03/bisualiza.jpg" alt="iTunes Visualizer(wowlab)" title="bisualiza" width="255" height="203" class="size-full wp-image-515" /></a><p class="wp-caption-text">iTunes Visualizer(wowlab)</p></div><br />
<a href="http://www.wowlab.net/index.php?ref=study-visualizer-jp" target="_blank">iTunes Visualizer(wowlab)</a><br />
ヴィジュアルデザインスタジオのwowさんによるiTunesビジュアライザ。<br />
色々な表現を試みていて面白い。</p>
<p><a href="http://www.ryojiikeda.mot-art-museum.jp/" target="_blank">+ / &#8211; [ the infinite between 0 and 1 ] Ryoji Ikeda 池田亮司</a><br />
池田亮司の展示。<br />
まだ中身はわからないけど、<a href="http://datamatics.ycam.jp/" target="_blank">見に行けなかったYCAMの展示</a>のような感じであれば是非見に行きたい。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=506</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>webcreators出たよー</title>
		<link>http://haramakoto.com/wordpress/?p=498</link>
		<comments>http://haramakoto.com/wordpress/?p=498#comments</comments>
		<pubDate>Mon, 02 Mar 2009 00:55:49 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=498</guid>
		<description><![CDATA[flaファイルダウンロードのページ
また連載書きましたー
今回はサウンドビジュアライザ用のモーショングラフィックです。次回はこれを使ってサウンドとつなげて、サウンドビジュアライザを作るよていです。
買ってねー
]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_499" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.mdn.co.jp/webcre/Flash/vol88/deploy/index.html" target="_blank"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/03/capture.jpg" alt="サンプルのキャプチャ" title="サウンドビジュアライザ" width="450" height="317" class="size-full wp-image-499" /></a><p class="wp-caption-text">サンプルのキャプチャ</p></div><br />
<a href="http://www.mdn.co.jp/content/view/8036/" target="_blank">flaファイルダウンロードのページ</a><br />
また連載書きましたー<br />
今回はサウンドビジュアライザ用のモーショングラフィックです。次回はこれを使ってサウンドとつなげて、サウンドビジュアライザを作るよていです。</p>
<p>買ってねー</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=498</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Andyさんの新作が素晴らしすぎる件</title>
		<link>http://haramakoto.com/wordpress/?p=487</link>
		<comments>http://haramakoto.com/wordpress/?p=487#comments</comments>
		<pubDate>Wed, 18 Feb 2009 16:41:24 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=487</guid>
		<description><![CDATA[
Tails, You Win &#8211; 3D Trails In Papervision &#124; zupko.info
papervisionのコミッターとして有名なAndy Zupko氏が先日エントリした作品が、生 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.zupko.info/?p=264" target="_blank"><div id="attachment_490" class="wp-caption aligncenter" style="width: 460px"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/02/fish3d_1.jpg" alt="Trailsキャプチャ" title="fish3d_1" width="450" height="224" class="size-full wp-image-490" /><p class="wp-caption-text">Trailsキャプチャ</p></div></a><br />
<a href="http://blog.zupko.info/?p=264" target="_blank">Tails, You Win &#8211; 3D Trails In Papervision | zupko.info</a><br />
papervisionのコミッターとして有名なAndy Zupko氏が先日エントリした作品が、生き物系Flash大好きな僕的にはたまらないサンプルでありました。<br />
上記リンクからソースもダウンロードできます。</p>
<p>3Dで魚的な表現にかなり使えそうっていうか、iTunesのビジュアライザの表現の一部に酷似していますね。<br />
<span id="more-487"></span><br />
中のソースを見ても、あの尻尾の部分をどう計算しているのか今ひとつ理解できませんでした。<br />
けど何か触りたかったので、とりあえずカメラワークとスピードを調節して、より魚っぽさを強調してみた。<br />
目線が魚を追うので、よりリアリティがあるはず・・<br />
<a href="http://haramakoto.com/as3/0902/trails/" target="_blank"><div id="attachment_492" class="wp-caption aligncenter" style="width: 460px"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/02/fish3d_2.jpg" alt="改造したTrails" title="fish3d_2" width="450" height="258" class="size-full wp-image-492" /><p class="wp-caption-text">改造したTrails</p></div></a></p>
<p>修正したのは以下の箇所。</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #3f5fbf;">/*
camera.x -= (camera.x-(stage.stageWidth*0.5-mouseX)/(stage.stageWidth*0.5)*1600)*0.2;
camera.y -= (camera.y-(stage.stageHeight*0.5-mouseY)/(stage.stageHeight*0.5)*800)*0.2;
&nbsp;
camera.y = Math.max(-300, camera.y);
*/</span>
camTarget.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">+</span>= <span style="color: #000000; font-weight:bold;">0.1</span> <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000;">&#40;</span> trails<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#93;</span>.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">-</span> camTarget.<span style="color: #004993;">x</span> <span style="color: #000000;">&#41;</span>;
camTarget.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">+</span>= <span style="color: #000000; font-weight:bold;">0.1</span> <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000;">&#40;</span> trails<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#93;</span>.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">-</span> camTarget.<span style="color: #004993;">y</span> <span style="color: #000000;">&#41;</span>;
camTarget.z <span style="color: #000000; font-weight: bold;">+</span>= <span style="color: #000000; font-weight:bold;">0.1</span> <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000;">&#40;</span> trails<span style="color: #000000;">&#91;</span><span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#93;</span>.z <span style="color: #000000; font-weight: bold;">-</span> camTarget.z <span style="color: #000000;">&#41;</span>;
&nbsp;
camera.<span style="color: #004993;">x</span> <span style="color: #000000; font-weight: bold;">+</span>= <span style="color: #000000; font-weight:bold;">0.1</span> <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000;">&#40;</span> <span style="color: #000000; font-weight:bold;">800</span> <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #004993;">Math</span>.<span style="color: #004993;">cos</span><span style="color: #000000;">&#40;</span> cnt <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #004993;">Math</span>.<span style="color: #004993;">PI</span> <span style="color: #000000; font-weight: bold;">/</span> <span style="color: #000000; font-weight:bold;">180</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">-</span> camera.<span style="color: #004993;">x</span> <span style="color: #000000;">&#41;</span>;
camera.z <span style="color: #000000; font-weight: bold;">+</span>= <span style="color: #000000; font-weight:bold;">0.1</span> <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000;">&#40;</span> <span style="color: #000000; font-weight:bold;">800</span> <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #004993;">Math</span>.<span style="color: #004993;">sin</span><span style="color: #000000;">&#40;</span> cnt <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #004993;">Math</span>.<span style="color: #004993;">PI</span> <span style="color: #000000; font-weight: bold;">/</span> <span style="color: #000000; font-weight:bold;">180</span> <span style="color: #000000;">&#41;</span> <span style="color: #000000; font-weight: bold;">-</span> camera.z <span style="color: #000000;">&#41;</span>;
camera.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">+</span>= <span style="color: #000000; font-weight:bold;">0.1</span> <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #000000;">&#40;</span> camTarget.<span style="color: #004993;">y</span> <span style="color: #000000; font-weight: bold;">-</span> camera.<span style="color: #004993;">y</span> <span style="color: #000000;">&#41;</span>;</pre></div></div>

<p>onRenderTick内でカメラの動かし方を変えています。カメラターゲットを魚のうちの１匹に定めています。</p>
<p>このライブラリはぜひ使いこなしたいなあ〜　もっと詳しく見よう</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=487</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>バレンタインFlashを作った</title>
		<link>http://haramakoto.com/wordpress/?p=478</link>
		<comments>http://haramakoto.com/wordpress/?p=478#comments</comments>
		<pubDate>Sat, 14 Feb 2009 02:22:51 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=478</guid>
		<description><![CDATA[
またまた自作Flashです。
Happy Valentine Message
入力ページからメッセージを入力すると、そのメッセージ入りのフルFlashが展開する、ユニークなページを返してくれます。

これは、バレンタイ [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://swimmingbird.heteml.jp/vlt/" target="_blank"><div id="attachment_479" class="wp-caption aligncenter" style="width: 460px"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/02/vlt_capture.png" alt="Happy Valentine Message" title="vlt_capture" width="450" height="268" class="size-full wp-image-479" /><p class="wp-caption-text">Happy Valentine Message</p></div></a></p>
<p>またまた自作Flashです。<br />
<a href="http://swimmingbird.heteml.jp/vlt/" target="_blank">Happy Valentine Message</a></p>
<p>入力ページからメッセージを入力すると、そのメッセージ入りのフルFlashが展開する、ユニークなページを返してくれます。</p>
<p><span id="more-478"></span></p>
<p>これは、バレンタインカード用にメッセージを載せるために作ったFlashです。<br />
かねてからサーバサイドを使ったジェネレイター系のFlashを作りたかったので、いいサンプルになった。</p>
<p>しかし、今回は着地点をどうするかでかなり悩んでしまった。。</p>
<p>とりあえずこれでジェネレイターネタのもとではできたので、次への糧としよう。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=478</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>【papervision】Text3Dが消える</title>
		<link>http://haramakoto.com/wordpress/?p=465</link>
		<comments>http://haramakoto.com/wordpress/?p=465#comments</comments>
		<pubDate>Sun, 08 Feb 2009 14:51:42 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=465</guid>
		<description><![CDATA[papervisionできれいなベクターが使える、Text3Dがかっこいいなと思った。
んで、使ってみたのだけれど、どうもカメラが近づきすぎると突然パッと消えてしまう。
近づいてもポリゴンが消えないという、Frustum [...]]]></description>
			<content:encoded><![CDATA[<p>papervisionできれいなベクターが使える、Text3Dがかっこいいなと思った。</p>
<p>んで、使ってみたのだけれど、どうもカメラが近づきすぎると突然パッと消えてしまう。<br />
近づいてもポリゴンが消えないという、FrustumClippingを使ってもなんか消える。</p>
<div style="text-align:center;width:465px;"><iframe title="Text3Dが近づきすぎると消えるような - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/f74a18aeda67e75ab95ba1b891105b8c7b852be1" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/f74a18aeda67e75ab95ba1b891105b8c7b852be1" title="Text3Dが近づきすぎると消えるような - wonderfl build flash online">Text3Dが近づきすぎると消えるような &#8211; wonderfl build flash online</a></div>
<p><span id="more-465"></span></p>
<p>どうも一定以上カメラが近づくとどうしても消えちゃうみたい。でもスケールを大きくすると、そんなに近づいてなくても近づいているように見せることはできる。</p>
<div style="text-align:center;width:465px;"><iframe title="スケールを大きくすると消えないというかごまかせる？？ - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/4526c7f37b45f29db4be198e3f9fab6984d71ebd" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/4526c7f37b45f29db4be198e3f9fab6984d71ebd" title="スケールを大きくすると消えないというかごまかせる？？ - wonderfl build flash online">スケールを大きくすると消えないというかごまかせる？？ &#8211; wonderfl build flash online</a></div>
<p>てことは一定以上のスケールで作成する必要があるってことなのだろうか？　てかもしかしてこれは3Dの基本テク？　うーん</p>
<p>今日はここまでー</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=465</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>最近気になったビジュアライゼーション</title>
		<link>http://haramakoto.com/wordpress/?p=452</link>
		<comments>http://haramakoto.com/wordpress/?p=452#comments</comments>
		<pubDate>Sat, 07 Feb 2009 10:38:36 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[ひとりごと]]></category>
		<category><![CDATA[ダイアグラム]]></category>
		<category><![CDATA[寸評]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=452</guid>
		<description><![CDATA[ここ１ヶ月くらいにあったビジュアライゼーションネタをチェック。


「膨大なデータを分析して見えてくること」ニコニコ動画データ分析研究発表会：CodeZine
ブクマ数が異常すぎる。こういったデータビジュアライジングなネ [...]]]></description>
			<content:encoded><![CDATA[<p>ここ１ヶ月くらいにあったビジュアライゼーションネタをチェック。<br />
<span id="more-452"></span><br />
<a href="http://codezine.jp/article/detail/3516" target="_blank"><br />
「膨大なデータを分析して見えてくること」ニコニコ動画データ分析研究発表会：CodeZine</a><br />
ブクマ数が異常すぎる。こういったデータビジュアライジングなネタに興味がある人が予想以上に多いということだろう。<br />
ブコメもなかなか興味深い。「面白い」と思っている人が多い一方、「有意な結果が得られていない」「解析手法が自己満足的」と見ている人もちらほら。<br />
うーん、やっぱりこういうビジュアライズは単純に「見た目派手さ」に惹かれて人がやってきやすいということなのだろうか。<br />
個人的には、解析手法が自己満足的とまでは思わない。全体の傾向を俯瞰する手段としては使える図なのではないかと思う。<br />
ただ、この図をみていきなり何か結論が出るという類いのものでもないのだろうけど。。</p>
<p>見た目面白さ／かっこよさをおさえつつ、目的に適った実用的な機能を果たしているビジュアライゼーションってのが一番いいですね。</p>
<p><a href="http://www.gizmodo.jp/2009/01/jr_2.html" target="_blank"><br />
JR時刻表の出発時刻で作られた現代音楽 : Gizmodo Japan（ギズモード・ジャパン）, ガジェット情報満載ブログ</a></p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/rvU7nBdo7wE&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rvU7nBdo7wE&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
ビジュアライゼーションとは少し違う（サウンダライゼーション？）が、データを違う形に変換する、という意味では同じジャンルと見ていいかと。<br />
新宿駅の電車の発車時刻を圧縮して音のタイミングに充てたものらしい。アート作品として面白い。</p>
<p><a href="http://www.neuroproductions.be/twitter_friends_network_browser/" target="_blank">Twitter Friends Network Browser</a><br />
<div id="attachment_456" class="wp-caption aligncenter" style="width: 460px"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/02/capture.jpg" alt="capture" title="capture" width="450" height="288" class="size-full wp-image-456" /><p class="wp-caption-text">capture</p></div><br />
Twitterの友達つながり可視化。<br />
動きの軽快さが半端ない。特に役に立たないけど触ってて気持ちがいい。本心はそういうのが好きです</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=452</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wonderflにPapervisionが入ったというので</title>
		<link>http://haramakoto.com/wordpress/?p=447</link>
		<comments>http://haramakoto.com/wordpress/?p=447#comments</comments>
		<pubDate>Mon, 02 Feb 2009 15:37:42 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=447</guid>
		<description><![CDATA[flash on 2009-2-3 &#8211; wonderfl build flash online
早速この前のを入れてみたよ。
おー動いてる動いてる。
願わくば誰かいい感じに修正してくれないかなーと(ォィ
]]></description>
			<content:encoded><![CDATA[<div style="text-align:center;width:465px;"><iframe title="flash on 2009-2-3 - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/db8ed156bc5cb3b0219b5fb2c3571639ed4fc68c" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/db8ed156bc5cb3b0219b5fb2c3571639ed4fc68c" title="flash on 2009-2-3 - wonderfl build flash online">flash on 2009-2-3 &#8211; wonderfl build flash online</a></div>
<p>早速<a href="http://haramakoto.com/wordpress/?p=394" target="_blank">この前の</a>を入れてみたよ。<br />
おー動いてる動いてる。<br />
願わくば誰かいい感じに修正してくれないかなーと(ォィ</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=447</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MAX2009に行ってきた</title>
		<link>http://haramakoto.com/wordpress/?p=409</link>
		<comments>http://haramakoto.com/wordpress/?p=409#comments</comments>
		<pubDate>Sun, 01 Feb 2009 03:13:57 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[セミナー]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=409</guid>
		<description><![CDATA[中村勇吾さんセッションのレポをとりあえず。
かなり意訳。
&#8212;&#8212;
いわゆる「シーケンシャルアニメーション」を否定し、「機能やインタフェースとしての動き」を作っていていたが、最近は「シーケンシャルアニ [...]]]></description>
			<content:encoded><![CDATA[<p>中村勇吾さんセッションのレポをとりあえず。<br />
かなり意訳。</p>
<p>&#8212;&#8212;</p>
<p>いわゆる「シーケンシャルアニメーション」を否定し、「機能やインタフェースとしての動き」を作っていていたが、最近は「シーケンシャルアニメーションもいいかも」と回帰しつつある。<br />
というか、インタフェースやアルゴリズム的な考え方でシーケンシャルアニメーションを作ったら面白いんではないか、ということで色々試みている。</p>
<p>作っているアニメーションを駆動エンジン別に分類</p>
<p><strong>アルゴリズム駆動（うろおぼえ）</strong><br />
<a href="http://yugop.com/" target="_blank">・CRAY GRID</a><br />
プログラミングの仕組みにアニメーションが組み込まれてる、という考え方</p>
<p>・サッカーボールが中心になるアニメ<br />
２つの映像で男性がリフティングをしているが、サッカーボールの動きに合わせてフレームの方が動く。<br />
これは逆に、自然の動きの中にプログラム的な考え方を見つけているもの</p>
<p><img alt="" src="http://f.hatena.ne.jp/images/fotolife/M/Makkon810501/20090201/20090201010309.jpg" title="サッカーの" class="aligncenter" width="450" height="243" /></p>
<p><span id="more-409"></span></p>
<p><strong>DB駆動</strong><br />
・<a href="http://www.uniqlo.com/utloop/utcm.html" target="_blank">UTのCM</a><br />
・UTのCM没案（Tシャツが高速で入れ替わる映像）<br />
映像の断片のサンプリング<br />
コンテがあって、流れがあって、、という決まった流れではない</p>
<p><strong>人力駆動</strong><br />
・<a href="http://fontpark.morisawa.co.jp/" target="_blank">fontpark2.0</a></p>
<p><strong>全体：文脈としては</strong><br />
・物語を放棄する、とう考え方<br />
<a href="http://ja.wikipedia.org/wiki/%E3%83%8E%E3%83%BC%E3%83%9E%E3%83%B3%E3%83%BB%E3%83%9E%E3%82%AF%E3%83%A9%E3%83%AC%E3%83%B3">ノーマン・マクラレン</a><br />
・様相、トーンだけを発する、環境、音楽的なアニメ</p>
<p><strong>グラフィックデザインの拡張</strong>	</p>
<p>・<a href="http://tha.jp/86" target="_blank">UNIQLO TEASER</a></p>
<p>・<a href="http://kashiwasato.com/" target="_blank">KASHIWASATO</a><br />
これは実は佐藤可士和用プレゼンツール<br />
やたらめったら動いてるのはプレゼン見栄えのため<br />
（どうりでwebとしては動きすぎてる）</p>
<p>・CRASH BETA<br />
ものが壊れるシミュレーション。格子で構成されたアルファベットが落ちてきて、地面と接触したり折れ曲がったりしたところから格子がばらばらになっていく。<br />
山中俊二プロデュース・Bone展@21_21で出展<br />
<img alt="" src="http://f.hatena.ne.jp/images/fotolife/M/Makkon810501/20090201/20090201092113.jpg" title="CRASH" class="aligncenter" width="450" height="245" /></p>
<p>・UNIQLO MIRROR<br />
KDDIのやつのUTバージョン<br />
解像度が荒くなって、最後にUTの柄１つに変わる。<br />
UNIQLOのパーティ？で流された映像らしい。</p>
<p>・奇跡を起こすアニメ（タイトルわすれた）<br />
一見、物理演算の環境で適当に放り投げたかに見えた物体が、最後の瞬間奇跡のようにきれいに積み重なる。<br />
法則が裏返しになった空間で再生→逆再生→普通の再生<br />
<img alt="" src="http://f.hatena.ne.jp/images/fotolife/M/Makkon810501/20090201/20090201092316.jpg" title="Miracle" class="aligncenter" width="450" height="239" /></p>
<p>プレゼンをwordでやるというやっつけぶりだったけど、話は興味深いし事例は豪華だしで大変楽しめました。どういうアニメーションが新しいか、面白いかっていうのをよくよく追求してはるなあ。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=409</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【papervision】方向ベクトルからMatrix回転への変換</title>
		<link>http://haramakoto.com/wordpress/?p=394</link>
		<comments>http://haramakoto.com/wordpress/?p=394#comments</comments>
		<pubDate>Sat, 31 Jan 2009 02:33:29 +0000</pubDate>
		<dc:creator>haramakotoster</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[papervision2.0]]></category>

		<guid isPermaLink="false">http://haramakoto.com/wordpress/?p=394</guid>
		<description><![CDATA[っていうのをしようと思ったんだけど・・ わかんねえぇぇぇぇ

なにがしたいのかというと、Planeが次に向かう方向ベクトルに応じて、その向きを合わせるという回転の動き。これができれば例えばターゲットの方をずっと向き続ける [...]]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_404" class="wp-caption aligncenter" style="width: 460px"><a href="http://haramakoto.com/as3/0901/rotateTest/" target="_blank"><img src="http://haramakoto.com/wordpress/wp-content/uploads/2009/01/sneakcapture.jpg" alt="ベクトルtoマトリックスのサンプル" title="sneakcapture" width="450" height="334" class="size-full wp-image-404" /></a><p class="wp-caption-text">ベクトルtoマトリックスのサンプル</p></div><br />
っていうのをしようと思ったんだけど・・ わかんねえぇぇぇぇ<br />
<span id="more-394"></span><br />
なにがしたいのかというと、Planeが次に向かう方向ベクトルに応じて、その向きを合わせるという回転の動き。これができれば例えばターゲットの方をずっと向き続ける砲台とか、進行方向に頭を向けながら移動するミサイルとかを3Dでできると思ったのですよ。<br />
Math.atan2の角度を入れようとしていたのだけど、Matrix.multiplyで合成してもどうしてもズレが出てうまくいかない。Plane.lookAt(DisplayObject3D)でもなぜかだめ。<br />
最後にたどりついたのが<a href="http://blog.r3c7.net/?p=152" target="_blank">note.xさんで以前エントリされていた</a>、クォータニオンを使って回転軸ベクトルつくってその軸周りの回転Matrixを反映させるという方法。<br />
これがうまくいくと、3Dヘビみたいなのも可能になる、ということで上記サンプルつくってみたけど、<br />
<a href="http://haramakoto.com/as3/0901/rotateTest/" target="_blank">ご覧の通り</a>、まだズレてる・・合ってる時はきれいにリボンなのだけど、ズレる角度の時があって、その時はことごとくナナメってます。<br />
うーん何が変なんだろ？ どなたかご存知ないだろーか・・<br />
該当部分のソースはこちら。</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> setQuatanion<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #0033ff; font-weight: bold;">void</span>
<span style="color: #000000;">&#123;</span>
&nbsp;
	<span style="color: #009900;">//回転させたい点の初期位置（始点）のクォータニオン生成</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> qStart<span style="color: #000000; font-weight: bold;">:</span>Quaternion = <span style="color: #0033ff; font-weight: bold;">new</span> Quaternion<span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">20</span>, <span style="color: #000000; font-weight:bold;">0</span>, <span style="color: #000000; font-weight:bold;">0</span> ,<span style="color: #000000; font-weight:bold;">0</span><span style="color: #000000;">&#41;</span>;
	<span style="color: #009900;">//終点</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> EndVec<span style="color: #000000; font-weight: bold;">:</span>Number3D = <span style="color: #0033ff; font-weight: bold;">new</span> Number3D<span style="color: #000000;">&#40;</span> vx, vy, vz <span style="color: #000000;">&#41;</span>;
	<span style="color: #009900;">//開始点(てきとうに）</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> StartVec<span style="color: #000000; font-weight: bold;">:</span>Number3D = <span style="color: #0033ff; font-weight: bold;">new</span> Number3D<span style="color: #000000;">&#40;</span> <span style="color: #000000; font-weight:bold;">20</span>, <span style="color: #000000; font-weight:bold;">0</span>, <span style="color: #000000; font-weight:bold;">0</span> <span style="color: #000000;">&#41;</span>;
&nbsp;
	EndVec.<span style="color: #004993;">normalize</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
	StartVec.<span style="color: #004993;">normalize</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>;
	<span style="color: #009900;">//法線ベクトル（回転軸）</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> vcross<span style="color: #000000; font-weight: bold;">:</span>Number3D = Number3D.cross<span style="color: #000000;">&#40;</span>StartVec, EndVec<span style="color: #000000;">&#41;</span>;
&nbsp;
	<span style="color: #009900;">//始点と終点のベクトルから回転角度（ラジアン）生成</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> rot<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #004993;">Math</span>.<span style="color: #004993;">acos</span><span style="color: #000000;">&#40;</span>Number3D.dot<span style="color: #000000;">&#40;</span>StartVec, EndVec<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span>;
&nbsp;
	<span style="color: #009900;">//指定軸まわりの回転クォータニオン生成</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> q<span style="color: #000000; font-weight: bold;">:</span>Quaternion = Quaternion.createFromAxisAngle<span style="color: #000000;">&#40;</span>vcross.<span style="color: #004993;">x</span>,vcross.<span style="color: #004993;">y</span>,vcross.z,rot<span style="color: #000000;">&#41;</span>;
&nbsp;
	<span style="color: #009900;">//qの共役クォータニオン</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> r<span style="color: #000000; font-weight: bold;">:</span>Quaternion = Quaternion.conjugate<span style="color: #000000;">&#40;</span>q<span style="color: #000000;">&#41;</span>;
&nbsp;
	<span style="color: #009900;">//クォータニオンから行列に変換</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> rotMtx<span style="color: #000000; font-weight: bold;">:</span>Matrix3D = Matrix3D.quaternion2matrix<span style="color: #000000;">&#40;</span>r.<span style="color: #004993;">x</span>,r.<span style="color: #004993;">y</span>,r.z,r.w,rotMtx<span style="color: #000000;">&#41;</span>;
	<span style="color: #6699cc; font-weight: bold;">var</span> m<span style="color: #000000; font-weight: bold;">:</span>Matrix3D = Matrix3D.multiply<span style="color: #000000;">&#40;</span>rotMtx,Mtx1<span style="color: #000000;">&#41;</span>;
&nbsp;
	slerpQuat = Quaternion.slerp<span style="color: #000000;">&#40;</span>planeQuat, r, <span style="color: #000000; font-weight:bold;">1</span><span style="color: #000000;">&#41;</span>;
	<span style="color: #0033ff; font-weight: bold;">this</span>.copyTransform<span style="color: #000000;">&#40;</span>slerpQuat.<span style="color: #004993;">matrix</span><span style="color: #000000;">&#41;</span>;
<span style="color: #000000;">&#125;</span></pre></div></div>

<p>全部のソースは<a href="http://haramakoto.com/as3/0901/rotateTest/src.zip" target="_blank">こちら</a>。要PaperVision3D2.0。</p>
]]></content:encoded>
			<wfw:commentRss>http://haramakoto.com/wordpress/?feed=rss2&amp;p=394</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
