Let's discuss your "Simon Game"

Greetings, Fellow Campers!

This topic is for listing and review of Simon Game projects built as a part of FCC challenges. Please stick to these basic rules to keep the topic clean:-

  • Post your Codepen (or other) link to your project as a general reply to this topic.
  • For Codepen links use the following format to avoid embedding the pen:-
Project Link - [http://codepen.io/santakmishra/full/pgqOYq/](http://codepen.io/santakmishra/full/pgqOYq/)
  • Post reviews as a specific reply to the link which you are reviewing.
1 Like

Project Link - http://codepen.io/evilloria/full/zqgRgG/

Project Link - http://codepen.io/pants_on_fire/full/VjYNPM/

Did anyone else try to make curved buttons? I first tried to make them with canvas but changed course after I got to registering presses locally on them. I ended up just using HTML and css but I feel like there’s got to be a more elegant way somehow.

I never know when to stop working on these. As it is their’s LOTS of stuff in my project that’s pretty ugly and could use changes.

Do you mean the four buttons you are pressing as curved buttons? Or the buttons that control the game (e.g. on/off, strict, etc.)?

Project Link - http://codepen.io/bonham000/full/MegxKR/

For me one of the hardest parts of this project was figuring out how the Javascript timing functions, setInterval and setTimeout, work in order to get the automatic button presses working at the right tempo.


project link - http://codepen.io/kendsr/full/OXMBBq/

Project Link - http://codepen.io/elrolfe/full/qNbLYO/

This was a lot of fun, and the CSS was challenging. Thank goodness for clipping paths!

Your Simon game looks great. I know what you mean about feeling like there’s a more elegant solution at times. I think there can almost always be a more elegant way of coding, but if it works, then that’s what really matters.

Project Link [http://codepen.io/Calibay/full/ZOGjRm/] (http://codepen.io/Calibay/full/ZOGjRm/)
This my attempt at the Simon Game. It maybe not be the prettiest but it was written all in JS, not a single line of html or CSS. :smile:


Project Link - http://codepen.io/gogu87/full/NNogeY/

Theoretically it should be bug free :))) But my code is atrocious :))

The four buttons you are pressing.

Here is my Simon Game - http://codepen.io/brandonlee781/full/JKdzMQ/

Took me a lot longer than I thought it would. The part that gave me the biggest trouble was figuring out how to get the buttons to play in sequence instead of flashing and playing the sound all at the same time. Though I could have kept that in and just called it “Hard Mode”.

yeah, finished my simon game :slight_smile: not the coolest UI, but I focused on get it to work. Maybe I’ll redesign the UI but for now I’m happy that I’ve got it!


1 Like

Pretty sweet, I can’t say exactly why but I actually like your ui even though it doesn’t really match what the original simon game looks like. I kinda like how you gave us something different yet it still looks clean!

Thank you @twmilli for your feedback!

Can I have some review on my Simon game I just finished it.

link: http://codepen.io/bernarddoci/full/mEeboN/

Thank You

The most difficult challenge for me as I have no design ability whatsoever!


I tried making one that looks a bit different, but I think it still doesn’t look great. I’m happy with it, if only because of my code organization in this one. There seem to be some sound issues though, especially on mobile.

Project Link:-


Project Link - http://codepen.io/perlhax27/pen/zBNyVp

I made a 3D version of simon. I wanted to add the other. buttons/count to the the model as well, but I wasn’t having any luck with text in the 3D environment. Anyway…
Project Link - http://codepen.io/broregard/full/grGANq

1 Like