エフサミ2014でLeap Motionを使ったアプリをUnityで、壇上で作りました。Slide Share用にUnityのスクリーンショットや、コードのスクリーンショットを追加したものです。

1. Leap Motion App
Live Building
@ エフサミ2014
Naoji Taniguchi

2. 自己紹介
谷口 直嗣

3. フリーランスで
インタラクティブコンテンツ、
スマートフォンアプリ、
の企画、ディレクション、開発
CGスタジオでのR&Dをしております。

4. GPU大好き！
!
Shader野郎
!
リアルタイム、インタラクティブ、セ
ンシング技術をCGの映像制作に持ち込
みたい

5. センサーデバイスからの
インタラクションを
「面白い」に
結びつける過程を
お見せします

6. 今回はUnityをベースに

7. Leap Motionで遊べる
アプリを作ってみます。

8. コンセプト
念力

9. ソースをここからゲット！
https://github.com/naojitaniguchi/
UnityLeapFingerBeamAR

10. UnityでNew Scene

12. まずは
Leap Motion Demo Pack

15. 手を認識させてみる

17. 念力っぽく指から炎でも
出してみる

20. それぞれの指先の色を変
えて派手に！

21. それぞれの指
に対応させる

22. それぞれの指
に対応させる
色設定

23. スペースキーを押して
指先からパーティクルを
発射！

25. 指先の方向に
パーティクルを
飛ばすには？

26. 手の向きが取得できるの
でそれを使う

27. 回転角
手のひら

29. 手を触れずに
ビームを発射したい

30. ハンドサインを使う？

31. せっかくの指から炎が出
ている念力感がスポイル
される

32. “Fire”と叫んでみよう！

33. マイク入力

36. 効果音も鳴らす

39. 音を作る、使う
by
しくみデザイン中村さん

41. ボリュームで
スケール変化

42. それぞれの
パーティクルを
対応付ける

43. ヴォリュームが10
以上でFire!

44. 背景が寂しい..

45. という時のARアプリ化

48. とりあえずここまで

49. さらに、WebCam画像を
OpenCVで解析して
FaceTrackingとか

50. ビームがあたったら
WebCamからの画像をい
じるとか

51. ThankYou!