Welcome to the home of Winwheel Library!

Winwheel Library is a feature packed JavaScript library that allows you to easily create HTML5 canvas Winning / Prize Wheels and Pie graphs using a highly configurable JavaScript class.


Wheels can be animated using GreenSock's Animation Platform (TweenMax.js) which contain easing functions and many other powerful animation features.


Winwheel.js Features Include:

  • Easy to use, highly configurable JavaScript classes.
  • Draw wheels using code generated segments or graphically rich images.
  • Numerous text orientation, direction, size and colour options.
  • Random or Pre-calculated prize stopping location.
  • Ability to get the segment the user clicked upon.
  • Fully commented source code. Plenty of tutorials and other documentation.
  • Winwheel.js is free to use with an open source licence.

 Your browser does not support HTML5 canvas, use another.

under_construction Note this new site is still under construction; there is a couple of pages not yet complete (documentation takes ages) and there may be a couple of links that go nowhere. My day job keeps me very busy so I will try to complete this when I can. Thank you for your patience.

Download Winwheel.js

Download Winwheel.js Version: 2.0 (2015-09-26)
Size: 52kb .zip

Older Versions


Tutorials & Documentation

Tutorials

  1. Getting Started
  2. Constructor Parameters
  3. Segment Colour and Text
  4. Altering Segment Properties
  5. Adding and Removing Segments
  6. Text Alignment and Orientation

Plus many more. See all tutorials...

Class References