kujira.gif

こんにちは、原です。

今日は七夕ですね。織り姫とか彦星とか短冊とか、何かしらロマンチックな気分をかき立てられます。

七夕といえば星。星といえばきらきら星ということで、
デザイナーさんに「きらきら星」の曲をイメージした絵を描いてもらいました。
 
普通に描いたのでは面白くないので、「きらきら星」の曲に合わせて
ライブペインティングできるようなflashを用意してみました。
こんな感じ!(いずれも音が出ます)

feat.IKOYAMA

iko_star.gif iko_pochi.gif

feat.USSY

ussi.gif

feat.KINOPPY

kino_konchi.gif kino_kayac.gif kino_face.gif kino_car.gif kino_pierrot.gif kino_nike.gif


軽く仕組みを解説すると、
・曲を流しながら絵を描いてもらい、マウスの座標と時間、色などを記録
・JSON形式で出力した軌跡の記録をもらう
・出力用のflashに入れる
という感じです。

入力用のflashも貼っておきますね。よろしければお試しください。

「start」をクリックでPaint開始です。

ただし、「plot」を押してもwonderfl上では何も起きないので、出力結果が見たい方はダウンロードしてご確認ください。FireBugのコンソール上に描画した座標情報が出力されます。

曲のファイルは

夢幻のオルゴール工房さんのものを使用させていただきました。

ではでは、よい7/7を!

HTML5飯