jQuery Roulette Wheel

Description

jQuery Roulette Wheel allows you to convert a canvas in a random selection roulette. This project is based on this article.

This plugin extends the code in article by:

• Allowing to add any number of options, auto-generating a color for each one.
• A callback function is called when an item is selected.
• The spin button is rendered in the center of the wheel, instead of using a <button> element

Requirements

• jQuery
• jQuery UI

Usage

Simply include the rouletteWheel.js and start the plugin with jQuery like this:

$('canvas').rouletteWheel({   items : {     'key' : 'value'   },   selected : function(key, value){     'selected callback function'   },   spinText : 'Spin me' //text to display in spin button });

Customize

Coming soon

License

Released under the MIT License