In development: Solitaire in HTML / CSS
Fancy a nice relaxing game of solitaire? In your browser? With pretty music?
I won't test your patience (LOL!), click here to play!. (though you may want to read the caveats below first):
This project relies heavily on webkit so use chrome or Safari. Also some of the rules are a bit different to add a slight twist, such as...
- Cards must be stacked in descending order of value
- Cards may only be placed on top of either a blank square, or a card of the same suit and one value higher
- The game is "won" when you have moved all 4 suits up to the 4 squares in the top right.
Credits include David Bellot's SVG Cards at http://svg-cards.sourceforge.net/ (I could have spent months designing a deck like his) and SomaFM for the nice background music (hover the "Tunes" label on the right to change the station). If you like the tunes I'd encourage you to consider supporting them.
Known bugs are
- You can only drag one card at a time. I haven't fully implemented the group drag (other than to set up the visual feedback for the drag).
Sometimes a card loses its onclick event by mistake, meaning you can't click or drag it. Just drag another card anywhere on the board to slap it back awake.
I'd love to hear feedback and bug reports as I'd like to polish this up into something presentable to the general public.