SethClydesdale / magic-8-ball

Ask the Magic 8-ball a question, directly in your browser ! Based off the fortune telling toy by mattell.

The Magic 8-ball

Got a question ? Then consult the magic 8-ball !

Information

This was another project developed for fun. Making use of HTML, CSS, and JavaScript. You can find a working demo @ https://sethclydesdale.github.io/magic-8-ball/

For the best experience, make sure that your browser is up to date !

CSS was used for a majority of transitions and animations, and of course JavaScript is used for the main logic ! The answer triangles themselves are images, due to the fact that it's a bit difficult to maintain a perfect appearance with CSS alone. You can make triangles with 2 transparent borders and 1 colored, but I found it was still a difficult task. It should be achievable if you're using the canvas element, though. :)

Trivia

There's a possibility of 20 different answers !

Positive Answers

1. It is certain
2. It is decidedly so
3. Without a doubt
4. Yes definitely
5. You may rely on it
6. As I see it, yes
7. Most likely
8. Outlook good
9. Yes
10. Signs point to yes

Neutral Answers

1. Reply hazy try again
2. Ask again later
3. Better not tell you now
4. Cannot predict now
5. Concentrate and ask again

Negative Answers

1. Don't count on it
2. My reply is no
3. My sources say no
4. Outlook not so good
5. Very doubtful

Now think of the chances ! 50% of the time you can get a positive answer, and 25% of the time you can get either a neutral or negative answer. The odds are in your favor !.. maybe !!