Use Leap Motion to Control Google's html5slides
- jQuery
- Google's HTML5 Slides (project home: https://code.google.com/p/html5slides/ or http://html5slides.googlecode.com/svn/trunk/slides.js)
- Leap Motion Javscript API (Link: http://js.leapmotion.com/)
http://rawgithub.com/botonchou/LeapSlide/master/demo.html
-
Add JS packages
<script src="http://html5slides.googlecode.com/svn/trunk/slides.js"></script> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://js.leapmotion.com/0.2.0-beta6/leap.min.js"></script>
-
Add Leap Slide to your html files (ex: index.html)
<script src='leap-slide/leap-slide.min.js'></script> <link rel='stylesheet' href='leap-slide/leap-slide.min.css'>
-
Connect your Leap Motion to your computer via USB cable.
-
Have fun!!