Wheel of Fortune (often known simply as Wheel) is an American television game show created by Merv Griffin that debuted in 1975. The show features a competition in which contestants solve word puzzles, similar to those used in Hangman, to win cash and prizes determined by spinning a giant carnival wheel.
A Javascript application which creates a wheel-of-fortune using HTML5 Canvas.
Description
This is a personal toy web application to explore HTML5 Canvas and the development workflow for a Javascript project. It utilizes Backbone as the application framework and Grunt for task automation.
The current implementation fetches the wheel-data from a google spreadsheet using the Spreadsheets Data API.
Demo
Make A Wheel Of Fortune Game Online
Wheel Of Fortune Game Free Web Arcade
Local Setup
Create a spreadsheet and publish it. Clone this repository and rename the file Gruntfile.sample.js to Gruntfile.js and edit the initialRoute parameter in the template task (<key> is the key of your spreadsheet as defined by the Spreadsheets Data API; <label column title> and <fitness column title> are the values in the columns of the first row in the spreadsheet). Run npm install && bower install && grunt build server
, which builds the app in the build/ directory and starts a server at localhost:7878 with this directory as it's root. Open a browser and enter the URL of the server.
Spin the wheel ;)