Problem starting the simon game challenge

1

Anyone please explain a html and css technique to design the simon game interface, I am having a hard time creating the look. How do i go about it?

2

Hey @FaithAdekunle,
I suggest that before you go looking into other projects, think about the basics of what the Simon project is built upon:

  • You need 4 buttons
  • Each button needs to make a different sound
  • You need to respond to user clicks

I highly recommend you start out by implementing that and seeing that everything works. Once you have achieved this, you can move on to the logic and graphics.
For my project, I used SVG. You can ream more about SVG here : https://www.w3schools.com/graphics/svg_intro.asp

Hope that helps.

3 Likes
3

Yeah, like Faith says, break everything into tiny steps. The program as a whole may be too much to grasp, but if you break it up small enough, it gets easier.

4

You don’t really need to use SVG to clone the sample project. All you need is various values of border-radius and a repeating background image (raster image such as JPEG).

Agree with @TomerPacific about writing the business logic first and worrying about the UI later, though.

…Also, I just realized this topic is 7 months old, lol.

1 Like
5