kinect-carousel / karousel

Little experiment to control an image carousel with a Kinect.
Demonstration video coming soon.

Todos/Roadmap

Use Grunt/Bower/... for easier installation
Add online demo & video, showing kinect in action
Code Refactoring (clean up messy CSS/JS...), Performance optimization

Credits

3D CSS carousel by David DeSandro
See https://github.com/desandro/3dtransforms for details
OSC Bridge by Javi Agenjo @tamat
See http://www.tamats.com/blog/?p=339
Progress bar for virtual cursor by blakek.us and atomicnogging
See http://blakek.us/css3-pie-graph-timer-with-jquery/

Installation & Usage

Buy a Kinect
Install Kinect drivers
Download Processing & install Processing libraries
Connect Kinect to your computer
Start OSC/Websocket bridge
$ cd kinect-carousel/server
$ node oscbridge.js -port 4344
Start Processing
/kinect-carousel/kinect/kinect.pde
Add folders with images (the name doesn't matter) to /kinect-carousel/client/img to initiate as many carousels as folders. Don't put files directly in /kinect-carousel/client/img, they won't be included
Open client on localhost/webserver (PHP must be enabled)
/kinect-carousel/client/index.html
Have fun!

Dependencies/Libraries/Requirements

Hardware

Computer
Kinect (Drivers/Installation Guide for Mac OS 10.8)

Software

Server:
- node
  $ brew install node
- node modules (already included in /kinect-carousel/server/node_modules)
  - faye-websocket
  - node-osc
- Localhost/webserver with PHP enabled
Kinect:
- Processing
- Processing libraries
  - SimpleOpenNI 0.27
  - oscP5 0.9.8
Client:
- Modern browser