[JS]手をかざし、そのモーションでページをスクロールさせたりコンテンツをスライドさせるスクリプト -doppler

Post on:2015年3月12日

sponsors

Webページを表示し、手をかざし動かすと、ページをスクロールさせたり、コンテンツスライダーをスライドさせたりすることができるスクリプトを紹介します。

dopplerの仕組みはスピーカーから音をだし、手を動かした時の反射音からドップラー効果を生み出し、モーションを検出して操作に反映させます。

下記デモページで実際の動作を試すことができます。
デモの動画もあります。

ブラウザでマイクの使用を許可し、「Start hand-free scrolling」をクリックすると、手のモーションでスクロールできるようになると思うのですが、うちのMacBookではうまくできませんでした。マイクの穴が横に小さくついてるだけだから？

現状、マウスやトラックパッドの方が操作は快適だと思いますが、可能性を感じるスクリプトですね。