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