leap motionとwebglによる3dアニメーション
TRANSCRIPT
LeapMotionとWebGLによる3Dアニメーション
自己紹介
野々村 範之
株式会社サンゼロミニッツ 代表取締役CTO
@nonomura
http://www.facebook.com/nonomura/
LeapMotionで何ができる?
指の位置、手のひらの傾きなどを検知
円を描くなどのジェスチャーを検知
Z座標への動作(マウスは2DのX,Y軸のみ)
Webブラウザ上のJavaScriptで動作可能
Z座標による奥行きのデモ
一点透視図法による奥行き表現を体感してみる
あんまり面白くないですよね
3Dアニメーションへ
WebGLを使う
Webブラウザ上で3D描画を可能にする技術
視点の高さを固定、四角錐型の視体積を設定
X軸、Y軸で注視点(見る方向)を変更
Z軸で視点の位置を前後に変更
今日使用したデモのURL
Google Chromeで閲覧ください
http://www.nonomura.jp/leap/
試しに遊んでみてください