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

Post on 28-Nov-2014

599 views 1 download

description

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

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

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からの画像をい

じるとか

Thank You!