How to create a Memory Game


Anton
Last Updated: 5 days ago

Create a pair with our Memory game. The game allows you to search for identical cards or cards similar in meaning. But this format can also be used for serious projects. Unlike Find a Pair game, cards in Memory are mixed up every time you start the game, which makes the search interesting.

Learn to create a Memory Game with this video tutorial:

Beginning of work

Sign in to your profile on interacty.me. To create Memory, click Template Gallery button.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/I5TlsqPksPnOOIKFbvponvD2KgUNDmfFqdUq6iH8-20-02-2022%2023-11-14.png

Select Memory.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/e3vEoXAgdQVBB5ymHdPhvVxdr0go7ZV06NkapKKn-24-02-2022%2021-06-31.png

Select the template you like from the list by clicking Edit (1) button. The Preview (2) button will allow you to preview the template.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/Mh4jMMoLXNnw1QyFA9GcoTfJN8dO5bGY1DZV13Mf-Memory%20%20Interacty%20-%20Google%20Chrome8%D0%B4.png

Template editing

To start, click Edit Content.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/FwDtlDGC23yVRlzMQGY68hyOFMzrqLtPrxiZBPc8-20-02-2022%2022-52-30.png

Decide on the layout and card proportions. Please note that the total number of cards in your project will depend on the layout. For a better result, use preview on the right side of the screen.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/AjLv8EjnSin5xU6Ehi67hOaqSl84Zz4xhNoS65gC-20-02-2022%2022-53-01.png

If necessary, you can change the back of the card by clicking the Change button.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/TtUP4pR8XubBaxdViWbfH1ea0N7LRkGh3qp9uUEq-20-02-2022%2022-53-37.png

There are 2 ways to upload a new image. Directly from your computer or using the Unsplash Library.

My Library - Images you previously used in other templates. They can be downloaded from Unsplash or from your computer. To add an image from your device, click Upload Media.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/ZtsARsP2MWizgi6uVeHbSMZ2EE2oFxzyeehGbpDe-20-02-2022%2022-54-01.png

Unsplash Library - Direct access to the Unsplash stock photo service. Enter a subject into the search and select the image you like. Click Place Image.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/AZB7NTdzKaCrxH6O1MBrUMS8T2bZoFeSeVo3snbl-20-02-2022%2022-54-18.png

After setting up the playground field, go to the Pairs section.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/VTGDESp7DnG3VOBzE8LW9JxvPifw67Q0sh8NAPb2-20-02-2022%2022-54-30.png

Optionally, you can add an explanation to the pairs by clicking on the gray slider. When user found a pair, he will see a pop-up message with your explanation.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/UvyURRzXE7grqQwarKcwCojNcy9M0VksGRnkyYlQ-20-02-2022%2022-54-52.png

To replace a pair of images with your own, click on the camera icon.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/6KTJiOq590mRmlCo9OvwyGXqPxnQO0xCZXSlTWOs-20-02-2022%2022-55-08.png

You can also add a text or even audio record to make your game even more interesting.

Then, go to the Final screen section.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/HQ7rHkwJuxNMwNuZndbqJ0YSRzE89D1h0tquD2oo-20-02-2022%2022-55-20.png

Enter an encouraging phrase or interesting fact in the text box. User will see this result after the successful completion of the game. Look at the preview on the right side of the screen to get an idea of ​​what the final screen of your game will look like.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/3VbYrx8EWQDFQmtn5pZZgTT6yOzKb6lTy0TU8GUb-20-02-2022%2022-56-16.png

Click Save when all settings are ready.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/uIrfbyVAaHyt9Uz79es7sZMhSbYtFbLGLqMm9W9l-20-02-2022%2022-56-48.png

 

Additional features

To use additional settings, click anywhere in the workspace of your project. On the right side of the screen, you will see a panel of advanced settings.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/IWU3YUoCg3Dwb5uzkJs1a60knXHWCCSzzQT0H7r3-20-02-2022%2022-57-00.png

Select the Number card backs check box if you want all of your cards to be numbered.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/GsG7Hw5HVXIrNcsuZgtPaOTr7GXn7s3395FHQHII-20-02-2022%2022-57-26.png

In the Time before flipping cards field, you can set the time (in seconds) user will spend to remember the card. Usually one second is enough, but you can experiment.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/kzuNcQmWU9RN1kwlvndUSu44FMhUIlhsIBGYIntj-20-02-2022%2022-58-00.png

By checking the Time counter box, you can add a timer to your game.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/h83V0EthUMmYgmGyTVcBf6gCrJRibQ4MuGTTqELl-20-02-2022%2022-58-15.png

By selecting the Timer item, at the end of the game, the user will be notified of how long he completed the task.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/4CkQwLREdan21UGl6cI9d8rtP0i5M7I4mp2b1Nai-20-02-2022%2022-58-26.png
https://helpcenter-io.s3.amazonaws.com/uploads/interacty/7iMPIGRByKXCdwlsAn9JqDOFlquhaKkSMQOdpv53-20-02-2022%2022-58-59.png

Countdown option let you to set countdown time. User must complete the game until time is over.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/18zLHOpfApJXVyBq3rLibi9jnqLrB3REpq12rA5A-20-02-2022%2022-59-49.png

If unsuccessful, the user will see the Time is up page. You can customize its appearance by clicking on customize the "time is up" page.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/aBhTvzcSo0gJAZwPmmOYBHHJ9eq7BlVS3EM256ZQ-20-02-2022%2022-59-57.png

Add a title and description to your page.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/wx7GKUEbd1v1ZWZCIfQGspH1ZNP7yKUVKdOAgx5W-20-02-2022%2023-01-16.png

Use Upload button if you also want to add an image.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/fVdflpEywluJZzhaOUoN8prG7QlLDNRbWURvJn8R-20-02-2022%2023-01-31.png

You can also add call to action or retry button by checking the appropriate box. Retry button allows user's to start his game again.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/hxDjHiqjt523VJwRk8dnVl480EkJRSCXHEJLJpuZ-20-02-2022%2023-01-57.png

Call to action button is usually a link to your website, product or service. Fill in the text on your button and specify the link where this button will lead to. You can set this option both for the Time is up page and for the final screen in case of successful completion of the game.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/XGvONUG8DcNnnQshGN0t7ly35a1p9uGNWTQ5KsmL-20-02-2022%2023-02-51.png

To complete your work, click the Save button.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/NQrul4rIrY0iuGkbfIwSGe0LAr9SXz3Jr7fNS9j9-20-02-2022%2023-03-12.png

 

Save and Share

Click the Preview and evaluate the current state of your project.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/IK2zanI8qF0JXZCJPEjOAAspDcYdKTzfovqyPSkG-20-02-2022%2023-03-31.png

Try your project and don't forget to rate how it looks on different devices. To do this, switch between the phone and personal computer (1) icons. If you notice an error or decide to fix anything, return to the Editor (2) by selecting the appropriate menu item.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/8rmDZ4GvPp9vFG69cr6jRtdpOQWgjhpfWUuPgzng-20-02-2022%2023-04-06.png

Don't forget to select a Title (1) for your project. This will make it easier to find him. After that, you can safely click the Publish (2) button.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/ihDMhjbRUxkCW7GFy683kx3tich39MSdvPxZgWv1-20-02-2022%2023-04-24.png

Your project is ready! You can share with your friends by sending a link, or choosing any other convenient way.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/KcFcLRUrUimSQAZiRy4FexkQXMD1FvchK0W4eMQD-20-02-2022%2023-04-31.png

You can always return to editing your template again by clicking the Edit (1) button in the list of profile projects. You can also check Statistics (2) by clicking the corresponding button.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/MB2pTBXKnoqvjyoWlCrh4I5Oe15E65iiwqKqETtJ-09-04-2022%2014-36-50.png

Was this article helpful?