Home > Mac | 技術 > iDance - Thank you Steve.

iDance - Thank you Steve.

gamen.png

webkitAudioContextを使って音とcanvasへの描画をシンクロさせてみました。
あまり情報が多くなく、試行錯誤でしたがなんとかそれっぽくなったと思います。

canvasへの描画は、Paper.jsを使いました。
これぐらいならライブラリを使う必要なかったのですが、Paper.jsが気になっていたのでとりあえず慣れるということで。

また、今回のこのアプローチはken_c_loさんからアイデアをいただきました。
画像の提供から配置までのデザインを担当してもらい、ありがとうございます!

この作品をスティーブ・ジョブズ氏に捧げます。

iDance - Thank you Steve.

Chromeでご覧ください。(音が出ます)
iDance - Thank you Steve.

■github
hisasann/iDance - GitHub

AudioDance

こちらはiDanceの元となった作品です。
スピーカー画像を使って表現してみました。是非こちらもご覧ください。
AudioDance

■github
hisasann/AudioDance - GitHub

Steve Jobs
Steve Jobs
posted with amazlet at 12.01.27
Walter Isaacson
Simon & Schuster (2011-10-24)
売り上げランキング: 3

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1275
Listed below are links to weblogs that reference
iDance - Thank you Steve. from HouseTect, JavaScriptな情報をあなたに

Home > Mac | 技術 > iDance - Thank you Steve.

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top