leap motionとwebglによる3dアニメーション

8
LeapMotion WebGL による 3D アニメーション

Upload: noriyuki-nonomura

Post on 25-Jun-2015

429 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Leap motionとwebglによる3dアニメーション

LeapMotionとWebGLによる3Dアニメーション

Page 2: Leap motionとwebglによる3dアニメーション

自己紹介

野々村 範之

株式会社サンゼロミニッツ 代表取締役CTO

@nonomura

http://www.facebook.com/nonomura/

Page 3: Leap motionとwebglによる3dアニメーション

LeapMotionで何ができる?

指の位置、手のひらの傾きなどを検知

円を描くなどのジェスチャーを検知

Z座標への動作(マウスは2DのX,Y軸のみ)

Webブラウザ上のJavaScriptで動作可能

Page 4: Leap motionとwebglによる3dアニメーション

Z座標による奥行きのデモ

一点透視図法による奥行き表現を体感してみる

Page 5: Leap motionとwebglによる3dアニメーション

あんまり面白くないですよね

Page 6: Leap motionとwebglによる3dアニメーション

3Dアニメーションへ

WebGLを使う

Webブラウザ上で3D描画を可能にする技術

視点の高さを固定、四角錐型の視体積を設定

X軸、Y軸で注視点(見る方向)を変更

Z軸で視点の位置を前後に変更

Page 7: Leap motionとwebglによる3dアニメーション

今日使用したデモのURL

Google Chromeで閲覧ください

http://www.nonomura.jp/leap/

Page 8: Leap motionとwebglによる3dアニメーション

試しに遊んでみてください