The size of our game width will cover: over 640px, between 321px and 640px and max-width of 320px When creating our game, we will consider the following screen, if a user using a mobile to view our game, it will be automatically resized accordingly.We will have statistic game which will display a number of image clicks and number of correct guesses.Each of a unique image will be duplicated. We are going to have 15 different unique images.
We will have a canvas image where our images will be placed.We will use the following external libraries which are JQuery and Animated.css (for image effect).Here is the list of the requirements for our front-end code. The purpose of this game is to reveal all the same images. Users will be able to reveal some images and memorize the location of the picture. In this tutorial, we will create a really simple memory game using HTML5, CSS3, and Javascript.