Wheel of WDI
General Assembly WDI December 16 - Project 1
- Project: http://wheel-of-wdi.bitballoon.com/
- Trello Board: https://trello.com/b/zjN52Nde/wheel-of-wdi
- GitHub: https://github.com/chadchristensen/wheel_of_wdi.git
Overview
The goal of this project was to use our skills in HTML, CSS, and JavaScript to create a game that required manipulation of the DOM. I chose a variation of Wheel of Fortune based on phrases and people related to the Web Development Immersive program.
How to play
- Click the Play button
- Enter your name
- Click the Spin button
- Once alphabet appears, select a letter (vowels will cost you)
- Continue clicking spin and selecting letters until all letters are revealed or you guess wrong 3 times
Note: If you know the answer, click "Solve The Puzzle" button and enter your guess
Wireframe
Technologies Used
- Languages --> HTML, CSS3, JavaScript
- Libraries --> jQuery, animate.css, normalize.css
Future Developments/Improvements
Phase 1
- Add logic to break multi-word phrases onto two lines
- Add spin animation to the spin container
- Add semi-transparent Wheel of WDI graphic to the background of the green board tiles
- Add animation to turn the background of correctly guessed letters blue before revealing the letter
Phase 2
- Remove the spin container and add a multi-colored wheel
- Add multi-player mode for up to 3 players