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

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

サイトのキャプチャ

doppler
doppler -GitHub

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

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

サイトのキャプチャ

デモページ

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

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

sponsors

top of page

©2024 coliss