hayaseblog tag:typepad.com,2003:weblog-81249910186088203 2010-03-01T14:36:55+09:00 ご飯ブログとも呼ばれてます(@_@) TypePad MOSAIC.WAV: We Live Heartsnative!! ライブレポート情報 tag:typepad.com,2003:post-6a0120a85ce28c970b0120a8e3f506970b 2010-03-01T14:36:55+09:00 2010-03-01T14:36:55+09:00 We Live Heartsnative!! ライブレポート情報 ■『We Li... hayase

We Live Heartsnative!! ライブレポート情報

■『We Live Heartsnative!!』コラボライブレポ - ニュース - アニメイトTV
http://www.animate.tv/news/details.php?id=1267175907


■We Live Heartsnative!!～ミクとMOSAIC.WAVと仲間たち～開催!!：ZAKZAKアニメ☆声優
http://www.zakzak.co.jp/anime/actor/1002/100225-001.html

via web.mosaicwav.com

やりたかったことが全般的に伝わってみたいでよかったですcatface
 

“AR”時代の音楽パフォーマンスの1つの方向性を示したアクトともなった。

via www.animate.tv

今の時代だとやっぱARとなるんですねぇ。。MR(MIxed Reality)という表現がなつかしい。。

最新技術を取り入れつつ、でもこだわらず面白いものを作っていきたいですねnote

 http://blog.hayase.tv/2010/03/we-live-heartsnative-livereport.html We live Heartsnative!! の科学力！？の一部解説 #mosaiclive tag:typepad.com,2003:post-6a0120a85ce28c970b0120a8c1f8f7970b 2010-02-24T11:14:48+09:00 2010-02-24T15:25:11+09:00 2/20に行われた We live Heartsnative!! で映像再生やら... hayase <div xmlns="http://www.w3.org/1999/xhtml"><p>2/20に行われた <a href="http://www.enterbrain.co.jp/magical-cute/sp/live_heartsnative/index.html">We live Heartsnative!!</a> で映像再生やらインタラクティブシステムやらを担当させていただきました。</p> <p><a href="http://hayase.typepad.jp/.a/6a0120a85ce28c970b01310f2a6fc7970c-pi"><img alt="写真" class="asset asset-image at-xid-6a0120a85ce28c970b01310f2a6fc7970c " src="http://hayase.typepad.jp/.a/6a0120a85ce28c970b01310f2a6fc7970c-320wi" style="display: block; margin-left: auto; margin-right: auto;" /></a> <br>私の担当する部分のシステム構成は、映像側にMacBook2台（1台はBootCampでWinXP）とMacBookPro1台の合計3台、ステージ側に音関係用にMacBook1台でした。</p> <p></p> <p>見に来てくれた友人に「お前が何やってるか分からなかったけど楽しかった」という感想をもらったので<img alt="coldsweats01" class="emoticon coldsweats01 " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/coldsweats01.gif" style="border:0;" />実際何をやっていたかを感想を交えて振り返ってみます</p> <p></p><br>基本的には、メインのスクリーンの映像の表示は全てやりました。失敗すると進行にモロ影響がでるので結構ドキドキでした<img alt="catface" class="emoticon catface " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/catface.gif" style="border:0;" /><p>後は、元々<a href="http://hayase.tv/works.html">参加型のインタラクティブ作品</a>を作っていたのもあって、何かしら参加型ができたらなーというのもありました。</p> <p>今回は全てのソフトを、<a href="http://music.e-frontier.co.jp/product/max/">Max/MSP/Jitter</a> か<a href="http://journal.mycom.co.jp/articles/2005/05/26/qc/index.html">Quartz Composer</a>で作成しています。</p> <p></p><strong><h3>&nbsp;<span style="font-weight: normal; line-height: 15px; font-size: 13px; "><strong><span style="font-size: 16px; "><h3 style="display: inline !important; ">開場から開演までと終了後のスクリーン上で Twitter リアルタイム表示</h3></span></strong></span></h3></strong><p></p> まず、開場するとお客さんが入場し、開演までちょっと時間があるのですが、そこでスクリーンにこんな感じにメッセージを表示してTwitterにポストしてもらいました。<br><a href="http://hayase.typepad.jp/.a/6a0120a85ce28c970b01310f2a7327970c-pi"><img alt="HeartsnativeOpeningTwitter - Viewer" border="0" class="asset asset-image at-xid-6a0120a85ce28c970b01310f2a7327970c " src="http://hayase.typepad.jp/.a/6a0120a85ce28c970b01310f2a7327970c-800wi" style="display: block; margin-left: auto; margin-right: auto;" title="HeartsnativeOpeningTwitter - Viewer" /></a><p></p> <p></p> <p>実際には、#mosaiclive というハッシュタグをつけて投稿されたメッセージがほぼリアルタイムに表示されるという状態になるので、それに気づいたお客さんがネタ的投稿をしてそれを見て開場が盛り上がる、、といった面白い状況になりましたｗ</p> <p>ほぼ同じ仕組みをライブ終了後にも、スクリーンに表示しました。</p> <p>やっぱり参加型だと、想像を越えて楽しんでもらえるなーといつも思います<img alt="catface" class="emoticon catface " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/catface.gif" style="border:0;" /></p> <p></p> <p><strong><span style="font-size: 16px; "></span></strong></p><strong><h3><span style="font-size: 19px; ">&nbsp;歌って踊る Motion Portrait さんの3Dのようなミクさん</span></h3></strong><p></p> <p>ライブ中にサイドのパネルとは別に歌って踊るミクさんが登場したのですが、これは <a href="http://www.motionportrait.com/">Motion Portraitさん</a>の技術によって2Dの画像から作成されていたのです<img alt="sign03" class="emoticon sign03 " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/sign03.gif" style="border:0;" /></p> <p>&nbsp;<a href="http://hayase.typepad.jp/.a/6a0120a85ce28c970b01310f2a79f5970c-pi" style="display: inline;"><img alt="写真(3)" border="0" class="asset asset-image at-xid-6a0120a85ce28c970b01310f2a79f5970c " src="http://hayase.typepad.jp/.a/6a0120a85ce28c970b01310f2a79f5970c-800wi" title="写真(3)" /></a>&nbsp;</p> <p>正直これを始めてみたときは、現代の技術ってすげーーと思いましたｗ</p> <p>口パクもミクさんの歌声にあわせてやってくれます<img alt="note" class="emoticon note " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/note.gif" style="border:0;" />&nbsp;</p> <p>後、ねんどろいど版のミクさんもいましたが、こちらも同じ技術で1枚の写真から作られてます。</p> <p>このミクさん達に、曲によって背景を用意してあげてライブに登場させました<img alt="happy02" class="emoticon happy02 " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/happy02.gif" style="border:0;" /></p> <p></p> <p></p><h3 style="font-size: 16px; "><span style="font-size: 19px; ">幕間劇や曲中の映像を流すためのソフト</span></h3><p></p> <p>今回はメインスクリーン全部担当ということで、幕間劇から曲中に流す口パクもあるＰＶ的な映像、歌詞の表示される映像を流す必要があったのですが、とある事情で音とシンクさせることができず、タイミング的にシビアなものもあったりと普通の再生プレイヤーでは無理でした。</p> <p><a href="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3bde1970b-pi"><img alt="MoviePlayerForMosaic" class="asset asset-image at-xid-6a0120a85ce28c970b0120a8c3bde1970b " src="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3bde1970b-320wi" style="display: block; margin-left: auto; margin-right: auto;" /></a> <br>そこで、自分が使いやすいように機能を追加した再生プレイヤーを作りました。（上記画像は開発中のものです）</p> <p>遅れた場合に少し再生速度をあげて、また通常に戻して、、といったことができるように工夫しています。</p> <p></p><h3 style="font-size: 19px; ">リアルタイムでお話するミクさん</h3><p></p> <p>今回の個人的目玉に、リアルタイムでお話をするミクさんを登場させるという試みがありました。</p> <p>通称ミクタイプと呼んでまして、これはローマ字入力で文字を打つと、若干棒読みだけどミクさんがしゃべる<img alt="karaoke" class="emoticon karaoke " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/karaoke.gif" style="cursor: pointer !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " />というある意味画期的なソフトです（笑</p> <p>今回はゲストのデＰさんとcosMoさんと会話するということで、2バージョン作りました。実際の会話は楽しい脚本を書いてくれたライターさんにやっていただきました。</p> <p> </p><div class="asset asset-image-multiple med-img-mult"> <ul class="asset-thumbnails"> <li class="asset-thumbnail on" tp:fulluri="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ce92970b-pi" tp:largeuri="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ce92970b-500wi"><a href="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ce92970b-pi"><img alt="[image]-1" src="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ce92970b-75pi" /></a></li> <li class="asset-thumbnail" tp:fulluri="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ceed970b-pi" tp:largeuri="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ceed970b-500wi"><a href="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ceed970b-pi"><img alt="[image]" src="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ceed970b-75pi" /></a></li> </ul> <div class="asset-image-large"><a href="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ce92970b-pi"><img alt="[image]" border="0" class="at-xid-6a0120a85ce28c970b0120a8c3ce92970b " src="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3ce92970b-500wi" /></a></div> </div> <p></p><h3 style="font-size: 19px; ">モザミクブラザーズに登場！ミクフレーズ</h3><p></p> <p>DSやiPhoneなどガジェットで演奏するモザミクブラザーズの演奏の中で、みーこさんが鍵盤のキーボードとＰＣのキーボードが一体となったものでミクのボーカルを演奏しているのですが、このソフトウェアの部分も作りました。</p> <p>これは演奏する方がタイミングなどシビアで、みーこさんがすごかったですｗ</p> <p></p><h3 style="font-size: 19px; ">リアルタイムにメンバーと踊るSDキャラのミクさん</h3><p></p> <p>みーこさんの発案で小さいみくさんを一緒にライブ映像で登場させるというものがあったので、カメラの映像とGifアニメのイラストをリアルタイムに合成できるアプリを作成しました。</p> <p><a href="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3dcc8970b-pi"><img alt="写真(2)" class="asset asset-image at-xid-6a0120a85ce28c970b0120a8c3dcc8970b " src="http://hayase.typepad.jp/.a/6a0120a85ce28c970b0120a8c3dcc8970b-320wi" style="display: block; margin-left: auto; margin-right: auto;" /></a> </p><p style="text-align: center;">&nbsp;（写真は開発中のものです）</p> <p></p> <p>これは、原因がよくわからないバグがあって表示におかしな部分がありましたが、ライブ前日になんとか解消してうまくいきました<img alt="smile" class="emoticon smile " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/smile.gif" style="border:0;" /></p> <p></p> <p></p><h3 style="font-size: 19px; ">Wiiリモコンでしゃべるミクさん</h3><p></p> <p>今回はかやもりさんが利用していたのですが、Wiiリモコンでミクさんと（きまったフレーズだけど）会話ができるソフトです。</p> <p>WiiリモコンでBluetooth接続なので、もっとも心配な部分ではありましたが無事最後まできちんと動いてくれました<img alt="sign01" class="emoticon sign01 " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/sign01.gif" style="border:0;" /></p> <p></p> <p></p><h3 style="font-size: 19px; ">リアルタイム映像とTwitterの最新ポストを3D空間上に表示</h3><p></p> <p>鶴田さん登場後の曲で使ったのですが、リアルタイムの映像とＣＤジャケット写真やロゴなどをキューブ上に写し、#mosaiclive のハッシュタグのつぶやきをリアルタイムに表示しました。（ライブ中は携帯禁止なので、開演時やその前に発言していただいたものも表示しました。）</p> <p><a href="http://hayase.typepad.jp/.a/6a0120a85ce28c970b01310f2acaa3970c-pi"><img alt="RssMOSAICnico4 - Viewer" class="asset asset-image at-xid-6a0120a85ce28c970b01310f2acaa3970c " src="http://hayase.typepad.jp/.a/6a0120a85ce28c970b01310f2acaa3970c-320wi" style="display: block; margin-left: auto; margin-right: auto;" /></a> <br>この直前に、ライブに来ることができなかった皆さんにも、今から会場のスクリーンに表示されるからメッセージを！とTwitterで呼びかけて、応援メッセージをいただきました。</p> <p>若干ライブ会場にいるお客さんの中でもつぶやいている人がいたようですが<img alt="coldsweats01" class="emoticon coldsweats01 " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/coldsweats01.gif" style="border:0;" />みなさんのご協力により映像がつくられました<img alt="sign03" class="emoticon sign03 " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/sign03.gif" style="border:0;" /></p> <p></p> <p>といった感じで個人的にも盛りだくさんで、いろいろあったけどいやーほんと楽しかったです<img alt="note" class="emoticon note " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/note.gif" style="cursor: pointer !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; " /></p> <p><a href="http://mosaicwav.com/">MOSAIC.WAV</a>のお二人、関係者のみなさん、会場やネット上から参加していただいた皆さん、ありがとうございました<img alt="sign03" class="emoticon sign03 " src="https://www.typepad.jp/.s/static.typepad.jp/.shared:v46.12:typepad-jp:ja_jp/images/emoticon/sign03.gif" style="border:0;" /></p> <p>さらに技術的なことは、いずれ自分の忘備録も兼ねて<a href="http://hayase.tv/">別のブログ</a>に書くと思いますので、興味がありましたらチェックしていただければと思います。</p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p></div> http://blog.hayase.tv/2010/02/we-live-heartsnative.html 設置完了 tag:typepad.com,2003:post-6a0120a85ce28c970b0120a8b93dc5970b 2010-02-20T12:44:39+09:00 2010-02-20T12:44:39+09:00 後は音チェックです 楽しみ♪ hayase

後は音チェックです
楽しみ♪

設置完了

http://blog.hayase.tv/2010/02/%E8%A8%AD%E7%BD%AE%E5%AE%8C%E4%BA%86.html ライブまで後2日 tag:typepad.com,2003:post-6a0120a85ce28c970b012877afbc14970c 2010-02-18T02:27:25+09:00 2010-02-18T02:27:25+09:00 映像用にMacBook2台とMacBook1台、音を出すソフトウェア用にMacB... hayase

映像用にMacBook2台とMacBook1台、音を出すソフトウェア用にMacBook1台、それらで動作するMax/MSP Jitter、Quartz Composerで作った自作ソフト最終的に７つぐらい、当日はメインスクリーンの映像（できてるムービーの再生とかも）全部担当しているライブが、後2日とせまってまいりましたsign03

banner.jpg

準備は大変ですが、どうやらとても楽しくなりそうですよnote

当日券もありそうなので、是非会場にお越しくださいhappy02

 http://blog.hayase.tv/2010/02/%E3%83%A9%E3%82%A4%E3%83%96%E3%81%BE%E3%81%A7%E5%BE%8C2%E6%97%A5.html 【インタビュー】「We Live Heartsnative!!～ミクとMOSAIC.WAVと仲間たち～」開催目前のMOSAIC.WAVを直撃 | ホビー | マイコミジャーナル tag:typepad.com,2003:post-6a0120a85ce28c970b0120a890241e970b 2010-02-12T12:18:29+09:00 2010-02-12T12:18:29+09:00 今回、プログラマーの助っ人の方がいまして、いろんな媒体からミクさんがしゃべるとい... hayase

今回、プログラマーの助っ人の方がいまして、いろんな媒体からミクさんがしゃべるといった仕掛けを用意しています。もしかしたら、見ている人は「何やってんの?」となるかもしれませんけれど(笑)。

via journal.mycom.co.jp

このプログラマーの助っ人の方のような気がしますｗ
色々準備中です。
是非是非遊びにきてください〜

 http://blog.hayase.tv/2010/02/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%93%E3%83%A5%E3%83%BCwe-live-heartsnative%E3%83%9F%E3%82%AF%E3%81%A8mosaicwav%E3%81%A8%E4%BB%B2%E9%96%93%E3%81%9F%E3%81%A1%E9%96%8B%E5%82%AC%E7%9B%AE%E5%89%8D%E3%81%AEmosaicwav%E3%82%92%E7%9B%B4.html モブログをマイクロブログに分けてみた tag:typepad.com,2003:post-6a0120a85ce28c970b0120a874dfe3970b 2010-02-08T22:59:49+09:00 2010-02-08T22:59:49+09:00 一大決心をし！？モブログをマイクロブログ専用のブログを作ってわけてみました ha... hayase

一大決心をし！？モブログをマイクロブログ専用のブログを作ってわけてみましたcatface

hayaseMoblog

こっちのブログもほぼモブログ専用だった気がしますが、まー書くぞという意気込みでcoldsweats01

館山に旅行にいったときの写真でバナーを作ってみました。バナー画像を解析し色を選んでくれる機能もいい感じですnote

上記のようなマイクロブログだけなら、無料で作れるようになった TypePad ではじめてみるといいですよnote

 http://blog.hayase.tv/2010/02/%E3%83%A2%E3%83%96%E3%83%AD%E3%82%B0%E3%82%92%E3%83%9E%E3%82%A4%E3%82%AF%E3%83%AD%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AB%E5%88%86%E3%81%91%E3%81%A6%E3%81%BF%E3%81%9F.html 新しいTypePadに移行されたのでデザインをかえてみたり tag:typepad.com,2003:post-6a0120a85ce28c970b0120a85f5262970b 2010-02-04T22:16:25+09:00 2010-02-04T22:16:25+09:00 テスト用のブログがたくさんあったり、もろもろありましたが無事新しいTypePad... hayase

テスト用のブログがたくさんあったり、もろもろありましたが無事新しいTypePadに移行されましたnote

これを機会にデザインを変えたり、モブログをマイクロブログで別につくったり（そうするとこのブログ記事がほとんどなくなるｗ）しようと思います。

まずは、デザインをMosaicに変更してVOX用につくったオリジナルバナーに変更してみました。プロフィールも新しくなったので右上に表示してみました。

後はモブログをマイクロブログで作る覚悟をするだけですcatface

 http://blog.hayase.tv/2010/02/%E6%96%B0%E3%81%97%E3%81%84typepad%E3%81%AB%E7%A7%BB%E8%A1%8C%E3%81%95%E3%82%8C%E3%81%9F%E3%81%AE%E3%81%A7%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E3%81%8B%E3%81%88%E3%81%A6%E3%81%BF%E3%81%9F%E3%82%8A.html 牛スジ煮込みカレー tag:typepad.com,2003:post-37094849 2010-02-02T16:55:33+09:00 2010-02-02T16:55:33+09:00 五反田にあるお店。土鍋できてアツアツで、ちょい辛め。 hayase



五反田にあるお店。土鍋できてアツアツで、ちょい辛め。

 http://blog.hayase.tv/2010/02/post-3101.html モツ煮パーカー tag:typepad.com,2003:post-37007819 2010-01-27T14:55:44+09:00 2010-01-27T14:55:44+09:00 久しぶりに登場。腕とフードが外れます。 学生時代にネタでかったがそろそろ厳しいな... hayase



久しぶりに登場。腕とフードが外れます。
学生時代にネタでかったがそろそろ厳しいなう

 http://blog.hayase.tv/2010/01/post-e57d.html 銀ぶら tag:typepad.com,2003:post-36952635 2010-01-23T16:22:35+09:00 2010-01-23T16:22:35+09:00 2次会移動。おめでとうございます！ hayase



2次会移動。おめでとうございます！

 http://blog.hayase.tv/2010/01/post-443e.html