WebページをLeapMotionに対応するAPI

ダウンロードURL
http://waseda.github.io/Leap-Motion-JS-API-for-Website-Navigation/

概要

現在、人々がウェブサイトを閲覧する際には、以下のようなデバイスが一般的に用いられています。

  • キーボード (Tab and Enter keys)
  • マウス(point and click)
  • タッチパネル(point and touch)

特に、近年はタッチパネルを搭載したデバイスを通じてウェブブラウジングを行う場面が増えています。

その一方で、空中での指の動きを検知する小型軽量なデバイス、Leap Motionが登場しました。
https://www.leapmotion.com/product

Leap Motion は、手や指の細かい動きもほぼすべて感知することができます。我々はマウスやキーボードの代わりに、手のジェスチャーをトラッキングするLeap Motionを用いてウェブブラウジングするためのAPIを開発しました。管理者はHTMLのheadタグ内に我々のAPIを組み込むだけで、JavaScriptとCSSによって書かれたLeap Motionの操作に応じた処理を自動的にウェブページのソースコードに導入され、Leap Motionを使ってウェブページをナビゲートできるようになります。

我々のAPIのメリットは次のとおりです:

  1. OSに依存しません。
  2. ブラウザーに依存しません。
  3. 導入が容易です。
  4. プログラミングの知識が不要です。
  5. 特別なプラグインが不要です。
  6. 拡張性があリます。
  7. 無料でダウンロード・修正・改良ができます。

API開発のモチベーション

ユーザインタフェースに関連するHuman-Computer Interaction の研究分野は近年非常に盛り上がりをみせていますが、ユーザの快適なウェブブラウジングの実現は依然として改善の余地が残されています。我々はこの研究課題に対する一つの提案として、マウスやキーボードやタッチパネルの代わりに、Leap Motionという手のジェスチャーを感知できるデバイスを利用して、ウェブサイトを操作するためのAPIを挙げます。

本APIによるウェブブラウジングが有効な場面として、ユーザの手がデバイスを触ることができない場合が挙げられます。例えば、下図のObsessive–compulsive disorder (OCD)handwasherのような状況です。

OCD handwash.jpg

Repetitive hand washing is a common OCD symptom

OCD handwash” by Lars Klintwall Malmqvist (Larsklintwallmalmqvist) – Own work. Licensed under Public Domain via Wikimedia Commons.

2014年度春学期に、我々はwebpage navigation using leap motionというコンセプトを提案しました。はじめに、Leap Motionを利用できるウェブサイトを作ることと計画しました。その後、プロトタイプとして研究室のホームページをに組み込みました。しかし、ウェブサイトをLeap Motion対応する際、手作業ででJavaScriptコードをソースページに組み込まなければいけないという問題が出てきました。もし100以上のウェブページに組み込む必要がある場合、我々の提案は実現不可能になるおそれがありました。

以上の問題を解決するために、2014年度秋学期に、我々はシステムの最適化に取り組みました。我々は目指しているのはウェブサイトを作ることではなく、ウェブサイトをLeap Motionで操作できる方法を考え出すことです。なので、我々はチーム全員が集まって、何回のミーティングを行った後、API for Leap Motion When Navigating Websitesというテーマを絞ることができました。

我々は提案したAPIを既に三つのウェブサイトで試しました:

  1. Yamana Lab Website: http://www.yama.info.waseda.ac.jp/
  2. The University of the South Pacific Staff Club Website: http://www.usp.ac.fj/index.php?id=staffclub
  3. Commercial Business Website: http://www.absn.com.au/

デモビデオ

https://www.youtube.com/watch?v=n3krU6-lR9Y

システムの宣伝について

我々は本プロジェクトについてのソースコードや、ドキュメントなどをGithubにアップロードしました。開発、研究したい方は以下のURLからダウンロードできます。
http://waseda.github.io/Leap-Motion-JS-API-for-Website-Navigation/

編集者:王瀾、Pritesh Chandra