🚀 [GAME] Play SOLITAIRE!!! another awesome game! 🚀
RolandJLevy (759)

This game is so addictive - it tests your speed, logic and skill - it’s a race against time….

I built this from scratch in 10 days using vanilla JS and CSS. It's really fun to play. Below is a demo and instructions. See if you can finish with just one marble remaining in the centre of the board - there is a 1,000 point bonus if you can do it! 😄

⚡ Solitaire ⚡

Links 🔗

Demo 🏁

https://github.com/rolandjlevy/js-solitaire-game/blob/master/images/solitaire-demo-large.gif?raw=true

How to Play 👉

  • Aim of the game
    Take away as many marbles as possible in the 100 seconds countdown.
  • How to take away marbles
    Select a marble by clicking on it so it turns blue, then place it over an adjacent marble into an empty space. The marble you move over will be taken. To deselect a marble, click on it again so it turns from blue to gold. See the demo above ⬆
  • Scoring
    Each marble removed updates the score by the total marbles taken multiplied by the total seconds remaining. Eg, 20 marbles taken in 40 seconds scores 800. Finish the game at any time to submit your score to the Leader Board.
  • Bonus points
    If you finish with just one marble remaining, which is 'Solitaire', you get a bonus 500 points, and if your last marble finishes in the centre of the board the bonus is 1,000 points!

Features 💡

  • Built from scratch with Vanilla JavaScript and CSS; no front-end frameworks or libraries like React, Vue etc...
  • Completely responsive and mobile friendly
  • Includes Help section and Leader board
  • Scores are saved on the back-end with Google Firebase
You are viewing a single comment. View All
ShivankChhaya (241)

Do you have any ideas for a logo?

RolandJLevy (759)

Hi @ShivankChhaya, thanks. No I haven't really thought about a logo. Where would you put it?

ShivankChhaya (241)

@rjlevy You now the repl cycle on your tab? Well, you would put it there. That's what I mean. I can give you the code if you don't know. (Put this in your <head>) <link rel='shortcut icon' type='image/<yourImageEnding>' href='<yourImageName'>

RolandJLevy (759)

@ShivankChhaya ah, OK - you mean a favicon. Yes, good idea. I'll make one soon. Thanks for the code!

ShivankChhaya (241)

@rjlevy thanks for telling what it is!

RolandJLevy (759)

@ShivankChhaya thanks for the suggestion too!

RolandJLevy (759)

Hi @ShivankChhaya, I've just added the favicon as suggested - take a look! :D

ShivankChhaya (241)

@rjlevy add one to your sliders game too!

RolandJLevy (759)

@ShivankChhaya, great idea - thanks! I just did it :D

RolandJLevy (759)

Hey @ShivankChhaya, I just posted something on the Share board. Check it out :)