Leap Motion App
Live Building
@ エフサミ2014
Naoji Taniguchi
自己紹介
谷口 直嗣
フリーランスで	

インタラクティブコンテンツ、	

スマートフォンアプリ、	

の企画、ディレクション、開発	

CGスタジオでのR&Dをしております。
GPU大好き!	

!
Shader野郎	

!
リアルタイム、インタラクティブ、セ
ンシング技術をCGの映像制作に持ち込
みたい
センサーデバイスからの	

インタラクションを	

「面白い」に	

結びつける過程を	

お見せします
今回はUnityをベースに
Leap Motionで遊べる	

アプリを作ってみます。
コンセプト	

念力
ソースをここからゲット!	

https://github.com/naojitaniguchi/
UnityLeapFingerBeamAR
UnityでNew Scene
まずは	

Leap Motion Demo Pack
手を認識させてみる
念力っぽく指から炎でも
出してみる
それぞれの指先の色を変
えて派手に!
それぞれの指
に対応させる
それぞれの指
に対応させる
色設定
スペースキーを押して	

指先からパーティクルを
発射!
指先の方向に	

パーティクルを	

飛ばすには?
手の向きが取得できるの
でそれを使う
回転角
手のひら
手を触れずに	

ビームを発射したい
ハンドサインを使う?
せっかくの指から炎が出
ている念力感がスポイル
される
“Fire”と叫んでみよう!
マイク入力
効果音も鳴らす
音を作る、使う	

by 	

しくみデザイン中村さん
ボリュームで
スケール変化
それぞれの
パーティクルを
対応付ける
ヴォリュームが10
以上でFire!
背景が寂しい..
という時のARアプリ化
とりあえずここまで
さらに、WebCam画像を
OpenCVで解析して	

FaceTrackingとか
ビームがあたったら
WebCamからの画像をい
じるとか
ThankYou!
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Leap Motionアプリ Live Building @ エフサミ2014
Upcoming SlideShare
Loading in …5
×

Leap Motionアプリ Live Building @ エフサミ2014

923 views
830 views

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
923
On SlideShare
0
From Embeds
0
Number of Embeds
30
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Leap Motionアプリ Live Building @ エフサミ2014

  1. 1. Leap Motion App Live Building @ エフサミ2014 Naoji Taniguchi
  2. 2. 自己紹介 谷口 直嗣
  3. 3. フリーランスで インタラクティブコンテンツ、 スマートフォンアプリ、 の企画、ディレクション、開発 CGスタジオでのR&Dをしております。
  4. 4. GPU大好き! ! Shader野郎 ! リアルタイム、インタラクティブ、セ ンシング技術をCGの映像制作に持ち込 みたい
  5. 5. センサーデバイスからの インタラクションを 「面白い」に 結びつける過程を お見せします
  6. 6. 今回はUnityをベースに
  7. 7. Leap Motionで遊べる アプリを作ってみます。
  8. 8. コンセプト 念力
  9. 9. ソースをここからゲット! https://github.com/naojitaniguchi/ UnityLeapFingerBeamAR
  10. 10. UnityでNew Scene
  11. 11. まずは Leap Motion Demo Pack
  12. 12. 手を認識させてみる
  13. 13. 念力っぽく指から炎でも 出してみる
  14. 14. それぞれの指先の色を変 えて派手に!
  15. 15. それぞれの指 に対応させる
  16. 16. それぞれの指 に対応させる 色設定
  17. 17. スペースキーを押して 指先からパーティクルを 発射!
  18. 18. 指先の方向に パーティクルを 飛ばすには?
  19. 19. 手の向きが取得できるの でそれを使う
  20. 20. 回転角 手のひら
  21. 21. 手を触れずに ビームを発射したい
  22. 22. ハンドサインを使う?
  23. 23. せっかくの指から炎が出 ている念力感がスポイル される
  24. 24. “Fire”と叫んでみよう!
  25. 25. マイク入力
  26. 26. 効果音も鳴らす
  27. 27. 音を作る、使う by しくみデザイン中村さん
  28. 28. ボリュームで スケール変化
  29. 29. それぞれの パーティクルを 対応付ける
  30. 30. ヴォリュームが10 以上でFire!
  31. 31. 背景が寂しい..
  32. 32. という時のARアプリ化
  33. 33. とりあえずここまで
  34. 34. さらに、WebCam画像を OpenCVで解析して FaceTrackingとか
  35. 35. ビームがあたったら WebCamからの画像をい じるとか
  36. 36. ThankYou!

×