HTML5で作られた、クリックで打った点に沿って光が駆け抜ける「Keylight」


Keylight - an audio rhythm experiment. (Hakim El Hattab)

HTML5 canvasで作られた、打った点に沿って光が駆け抜けるデモ「Keylight」が公開されています。 (英語)

マウスをダブルクリックで点が打てます。何かキーを押しながらクリックすると点の大きさや色が変わります。

「Reset」をクリックでクリア、「Randomize」でランダム、「Increase/Decrease」でスピードアップ/ダウンできます。

打った点は個別のURLが生成されるので公開共有もできます。

光が駆け抜けた後には、細かい星屑のようなものが残るなど表現が細かいです。

サウンド・デモでもあるのですが、音の部分はFlashを使っているようです。

(*価格は掲載時のものです。購入時にご確認ください。)