やじうまWatch

ブラウザーの幅を変えて演奏できるアコーディオン風サイトに絶賛の声

 ウェブブラウザー上で演奏が可能なとある海外サイトが話題になっていた。単純に音を出すだけなら珍しくもないわけだが、このサイトが注目を集めたのはその仕組み。ブラウザーをアコーディオンに見立てて、ウィンドウの左右幅を変更するたびに曲を演奏するという、ある意味でレスポンシブ・ウェブデザインの極致と言ってもよい仕組みを採用しているのだ。実際にはブラウザ幅の変更に合わせて下層にある音楽ファイルをちょっとずつ自動再生しているというからくりなのだが、あたかも自分がアコーディオンを弾きこなしているかのように錯覚するその挙動は秀逸そのもので、絶賛のコメントが多数寄せられていた。ちなみにソースコードはGitHubで公開されているので、演奏のもとになっているoggファイルも含め、その仕組みを確認できる。

◇Garmoshka
http://artpolikarpov.github.io/garmoshka/

(tks24)