Wheel Of Fortune Jquery Game
Posted : admin On 13.06.2020Jul 31, 2015 Emanuele Feronato on July 31, 2015. View all posts about 'Wheel of Fortune' game. When you want to reward your players with some random gift, a wheel of fortune is what you need. In one of the games in am currently playing, Down The Mountain, there is a fortune wheel spinning every six hours. Step 1 Introduction to Wheel of Fortune. I guess, you already know what Wheel of Fortune is. If you’re fond of playing Candy Crush, you should have already spun that Daily Booster Wheel countless times. Spin & Win from 8 Ball Pool is also quite popular among gamers. Or, You might have seen it on some reality TV game shows, where a person spins a wheel to get a prize or a task to win the prize.
Enjoy a round of this three-player recreation of the classic Wheel of Fortune game. Spin the wheel with friends andsolve the puzzles to compete for a chance to spin the bonus wheel and take home massive prizes! Or fly solo and play against a couple of AI players!
Background / About
The goal of this project was to utilize Object Oriented Programming to build a fully functional wheel of fortune game. As additional challenge, I added the option to play against computer players using timeOut functions to display the actions of each computer player during their turns. The game supports three players and guides you through each puzzle with wheel spins, vowel purchases, consonant guesses, and solve attempts. The winner through 4 rounds participates in single-player bonus round. For more on how to play, checkout the instructions in-game or read this article.
See it Live
Wheel of Fortune on Github Pages.
Specs
- Built with Javascript and jQuery.
- Styled with SASS/SCSS
- Tested with Mocha/Chai
Next Steps
- Add Difficulty Levels for AI players
- Refactor Wheel Generation and Puzzle Generation functions
- Add additional visual elements like a speen wheel animation
Setup
Clone the repo
Wheel Of Fortune Computer Game
Original Assignment
Wheel of Fortune from the Turing School of Software & Design
#Wheel of Fortune
By: AJ Almaguer
I made this version of Wheel of Fortune for my first project of General Assembly's Web Development Immersive program. I chose this project because it could be something that I would actually use with my friends and family. I used to be a summer camp counselor, so I enjoy facilitating group experiences.
This is a two-player Wheel of Fortune game. Players have three rounds to 'bank' as many points to win the game. In each round, you earn points by 'spinning the wheel' and correctly guessing letters in the of the puzzle displayed on the board. But be careful of landing on Bankrupt or Lose-a-Turn!
Just like the TV show, you have to keep track of the guessed letters yourself. If the letter you guess isn't in the puzzle or has already been guessed, you lose your turn. A round ends when a player solves the puzzle, which allows them to 'bank' their points for that round—the other player loses all points earned that round since they didn't solve.
Play it here:http://ajalmaguer.github.io/wheel-of-fortune/
##Technologies Used
- HTML
- CSS
- CSS3 Animations and Transitions
-
- Javascript & JQuery
- Gifs curtousy of Giphy.com
##The Design
User stories can be found at: Pivotal Tracker Board
Wheel Of Fortune Game Games
The game board is created using a table. The cells that hold the clue letters have the class `'tiles'. The tiles are called into javascript using jquery and are placed into a 2D Array. The critical function is placeTiles(), which takes the clue, breaks up the string into an array, and places each word onto the board one at a time. If the word does not fit onto the row, it will be placed at the beginning of the next row.
Top Online Casino websites with big bonuses. Visit our site and play in the best casinos of 2019. Exclusive bonus for new players.
These are the flow charts I made to plan out the logic of the game. The three basic options you have when it's your turn is spin, buy vowel, and solve. Each button has it's own function to execute the logic of that choice.
The game checks the letters you guess. It knows whether you guessed a constonant, a vowel, a non-letter, or a letter that was already guessed. Best payout slots at casinos. The game is not case sensitive.
I mostly worked on the control logic of the game before adding css. Here's a gif of the project throughout the development process.
##Get Started
- Download this repository
- Open index.html
Play online here:ajalmaguer.github.com/wheel-of-fortune