This is my second Version of a jQuery slot machine. I released my first Version of a jQuery slot machine about a year ago.
jQuery slot machine in 3D
The main difference between my old jQuery slot machine and this version is the way it looks and feels.
I wanted to make a new “cleaner” version, since the old one was just a modified Version of this jQuery slot machine.
Well… in the beginning I just wanted to make a plugin with different options… but about 10 minutes after I started I said to myself..
Man… let’s make a funky 3D version.
Haha.. another totally useless (is it really useless?) but absolutely amazing project from the CSSnerd.
So I started making a box and a few cylinders (used as wheels). I first thought the calculation would be quite complicated… turning to the right position and giving points for matches.. but it turned out to be simpler than I imagined.
I might go into detail on this later (maybe in this post or I’ll write a tutorial if people are interested)
yeah yeah.. I know you only want to try it out.. so let’s stop talking…
Ok I will really keep this post short.. feel free to comment or request a tutorial.. If there are enought requests I will most probably write a tutorial for this.
Keep in mind.. I did this on one afternoon and it is WORK IN PROGRESS. I will add a lot more features.. i.E. audio and probably a drag handle (I really have to think about how I can move the handle in a three-dimensional space… but I’m sure I will figure it out.. eventually)
This will work in Webkit browsers (Safari and Chrome) and Firefox.
I also works really good on the iPhone and iPad.