JavaScriptでLeapMotionアプリを作る方法

こんにちは。クレイの浅海です。 いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。 まだLeapMotionを初めて数日なので勘違いしている部分もあるかもしれませんが、JavaScriptでLeapMotion対応アプリをどのように作るのかについて、気づいたことを紹介します。 目次 デモ leap.jsの用意 イベントループ Frameオブジェクト frame.fingers frame.hands frame.gestures circle swipe keyTap screenTap 感想 デモのコード デモ まずは実際に動かしている動画を御覧ください。 空中に手をかざすだけで、ピアノを演奏することができます。 音の再生にはMIDI.jsを使用しています。 ※ 手を3Dで表示している部分は、LeapMotion標準のビジュアライザ

[kuippa]

すごいね！ でもピアノは弾きにくそう… テルミンにしない？

[Kanasansoft]

『いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。』

[whitech0c0late]

[leap

[poppun1940]

こんにちは。クレイの浅海です。 いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。 まだLeapMotionを初めて数日なので勘違いしている部分もあるかもしれませんが、JavaScriptでLeapMotion対

[nikutaiha]

leap,js,あとで

[UDONCHAN]

"LeapMotionがWebSocketサーバを立てているらしく、leap.jsはそのサーバと通信をして情報を取っている"

[zakkym13]

参考に

[issy_s16]

これは面白い！未来だねー。。

[RabbitBit]

手のモーションに特化したKinectのような印象。Kinectは体のモーションを使うため操作が楽でなかった。こちらは手のモーションを使うため操作が楽。一般の人が使えるものが作れそう。

[kawa-masa]

早速出てる！ｗ LeapMotion 使ってみたい / JavascriptでLeapMotionアプリを作る方法 | KRAY Inc

[weed_7777]

「LeapMotionがWebSocketサーバを立てている」で、できる奴だ、LeapMotion！

[t_furu]

"LeapMotionがWebSocketサーバを立てているらしく、leap.jsはそのサーバと通信" / JSで弄れるデバイスいいな

[pirosikick]

ほしいよー誰か買ってよー

[kumaroku]

すごいなぁこれ。しかも面白い。

[tanabe56]

へー、すごいな。面白そうだ。

[river2470]

JavascriptでLeapMotionアプリを作る方法 | KRAY Inc

[oppara]

JavascriptでLeapMotionアプリを作る方法 | KRAY Inc

[shintokeimail]

エアピアノ！小室哲哉が喜びそう