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 site is still under construction; there is probably a couple of pages not yet fully complete (documentation takes ages). 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.1 (2016-01-09)
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